From aa77ad084da39f0c7fa8d50aa6bb6cfd25ab7a45 Mon Sep 17 00:00:00 2001 From: Bikash Date: Tue, 20 Aug 2024 13:24:18 +0545 Subject: [PATCH 01/47] fixed mobile menu issue and flex serch --- .../_meta.json | 0 .../index.mdx | 0 .../kloudlite-overview/_meta.json | 0 .../kloudlite-overview/index.mdx | 0 .../kloudlite-overview/what-is-kloudlite.mdx | 0 src/apps/devdoc/pages/_meta.json | 5 -- .../devdoc/pages/customer-stories/_meta.json | 20 ----- .../customer-stories/anscer-robotics.mdx | 25 ------ .../devdoc/pages/customer-stories/index.mdx | 2 - src/apps/devdoc/public/sitemap.xml | 86 +++++++++---------- src/apps/devdoc/web/components/flexsearch.tsx | 19 ++-- src/apps/devdoc/web/components/sidebar.tsx | 37 ++++---- 12 files changed, 74 insertions(+), 120 deletions(-) rename src/apps/devdoc/pages/{help-and-support => _help-and-support}/_meta.json (100%) rename src/apps/devdoc/pages/{help-and-support => _help-and-support}/index.mdx (100%) rename src/apps/devdoc/pages/{help-and-support => _help-and-support}/kloudlite-overview/_meta.json (100%) rename src/apps/devdoc/pages/{help-and-support => _help-and-support}/kloudlite-overview/index.mdx (100%) rename src/apps/devdoc/pages/{help-and-support => _help-and-support}/kloudlite-overview/what-is-kloudlite.mdx (100%) delete mode 100644 src/apps/devdoc/pages/customer-stories/_meta.json delete mode 100644 src/apps/devdoc/pages/customer-stories/anscer-robotics.mdx delete mode 100644 src/apps/devdoc/pages/customer-stories/index.mdx diff --git a/src/apps/devdoc/pages/help-and-support/_meta.json b/src/apps/devdoc/pages/_help-and-support/_meta.json similarity index 100% rename from src/apps/devdoc/pages/help-and-support/_meta.json rename to src/apps/devdoc/pages/_help-and-support/_meta.json diff --git a/src/apps/devdoc/pages/help-and-support/index.mdx b/src/apps/devdoc/pages/_help-and-support/index.mdx similarity index 100% rename from src/apps/devdoc/pages/help-and-support/index.mdx rename to src/apps/devdoc/pages/_help-and-support/index.mdx diff --git a/src/apps/devdoc/pages/help-and-support/kloudlite-overview/_meta.json b/src/apps/devdoc/pages/_help-and-support/kloudlite-overview/_meta.json similarity index 100% rename from src/apps/devdoc/pages/help-and-support/kloudlite-overview/_meta.json rename to src/apps/devdoc/pages/_help-and-support/kloudlite-overview/_meta.json diff --git a/src/apps/devdoc/pages/help-and-support/kloudlite-overview/index.mdx b/src/apps/devdoc/pages/_help-and-support/kloudlite-overview/index.mdx similarity index 100% rename from src/apps/devdoc/pages/help-and-support/kloudlite-overview/index.mdx rename to src/apps/devdoc/pages/_help-and-support/kloudlite-overview/index.mdx diff --git a/src/apps/devdoc/pages/help-and-support/kloudlite-overview/what-is-kloudlite.mdx b/src/apps/devdoc/pages/_help-and-support/kloudlite-overview/what-is-kloudlite.mdx similarity index 100% rename from src/apps/devdoc/pages/help-and-support/kloudlite-overview/what-is-kloudlite.mdx rename to src/apps/devdoc/pages/_help-and-support/kloudlite-overview/what-is-kloudlite.mdx diff --git a/src/apps/devdoc/pages/_meta.json b/src/apps/devdoc/pages/_meta.json index 666d6d6d9..9c7a630fa 100644 --- a/src/apps/devdoc/pages/_meta.json +++ b/src/apps/devdoc/pages/_meta.json @@ -113,10 +113,5 @@ "title": "Writer", "type": "page", "display": "hidden" - }, - "customer-stories": { - "title": "Customer stories", - "type": "page", - "display": "hidden" } } diff --git a/src/apps/devdoc/pages/customer-stories/_meta.json b/src/apps/devdoc/pages/customer-stories/_meta.json deleted file mode 100644 index 4929a8c47..000000000 --- a/src/apps/devdoc/pages/customer-stories/_meta.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "index":{ - "title":"Customer stories", - "theme":{ - "layout":"raw", - "sidebar":false, - "toc":false, - "header":"secondary" - } - }, - "anscer-robotics":{ - "title":"Anser robotics", - "type":"page", - "theme":{ - "sidebar":false, - "toc":false, - "header":"secondary" - } - } -} diff --git a/src/apps/devdoc/pages/customer-stories/anscer-robotics.mdx b/src/apps/devdoc/pages/customer-stories/anscer-robotics.mdx deleted file mode 100644 index ca989a19c..000000000 --- a/src/apps/devdoc/pages/customer-stories/anscer-robotics.mdx +++ /dev/null @@ -1,25 +0,0 @@ ---- -companyName: "Anscer robotics" -companyDescription: "Lorem ipsum dolor sit amet. Aut voluptatem quod non iste cumque eos omnis velit." -companyAbout: "Anscer Robotics is an industrial robotics company that automates factories & warehouses using mobile robotics, IoT & warehouse software solutions." -companyIndustry: "Robotics" -companySolutions: "Company name" -companyUrl: "" -companySalesUrl: "" ---- - - -#### What can I do with Kloudlite? -Lorem ipsum dolor sit amet. Aut voluptatem quod non iste cumque eos omnis velit. Et modi omnis qui facere nostrum aut tempore rerum et voluptate corrupti aut autem internos. -Nam commodi iste sed internos officiis qui quas veniam ut eaque consequatur qui cupiditate amet qui corporis ratione! Hic quae veritatis est atque possimus ea incidunt laboriosam sit cumque quasi et autem dolores sit explicabo dolore. - - -#### Who uses Kloudlite? -Lorem ipsum dolor sit amet. Aut voluptatem quod non iste cumque eos omnis velit. Et modi omnis qui facere nostrum aut tempore rerum et voluptate corrupti aut autem internos. -Nam commodi iste sed internos officiis qui quas veniam ut eaque consequatur qui cupiditate amet qui corporis ratione! Hic quae veritatis est atque possimus ea incidunt laboriosam sit cumque quasi et autem dolores sit explicabo dolore. - - -#### How is Kloudlite different from other alternatives? -Lorem ipsum dolor sit amet. Aut voluptatem quod non iste cumque eos omnis velit. Et modi omnis qui facere nostrum aut tempore rerum et voluptate corrupti aut autem internos. -Nam commodi iste sed internos officiis qui quas veniam ut eaque consequatur qui cupiditate amet qui corporis ratione! Hic quae veritatis est atque possimus ea incidunt laboriosam sit cumque quasi et autem dolores sit explicabo dolore. - diff --git a/src/apps/devdoc/pages/customer-stories/index.mdx b/src/apps/devdoc/pages/customer-stories/index.mdx deleted file mode 100644 index bc8dc5465..000000000 --- a/src/apps/devdoc/pages/customer-stories/index.mdx +++ /dev/null @@ -1,2 +0,0 @@ -import CustomerStories from '~/app/components/page/customer-stories'; -export default ()=> diff --git a/src/apps/devdoc/public/sitemap.xml b/src/apps/devdoc/public/sitemap.xml index e948e174c..8e3bd7b09 100644 --- a/src/apps/devdoc/public/sitemap.xml +++ b/src/apps/devdoc/public/sitemap.xml @@ -1,46 +1,46 @@ -https://kloudlite.io2024-08-19T09:25:22.031Zdaily0.7 -https://kloudlite.io/about-us2024-08-19T09:25:22.034Zdaily0.7 -https://kloudlite.io/blog2024-08-19T09:25:22.034Zdaily0.7 -https://kloudlite.io/blog/collaborative-development2024-08-19T09:25:22.034Zdaily0.7 -https://kloudlite.io/blog/containerisation-reviving-legacy-apps-for-developers2024-08-19T09:25:22.034Zdaily0.7 -https://kloudlite.io/blog/demystifying-7-common-misconceptions-about-containers2024-08-19T09:25:22.035Zdaily0.7 -https://kloudlite.io/blog/development-workflow2024-08-19T09:25:22.035Zdaily0.7 -https://kloudlite.io/blog/distributed-environment-as-a-service2024-08-19T09:25:22.035Zdaily0.7 -https://kloudlite.io/blog/environments-workspaces2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/blog/remote-local-environments2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/blog/role-of-open-source-in-modern-software-development2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/blog/the-evolution-of-development-workflows-an-introduction-to-deaas2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/contact-us2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/app-intercept2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/apps2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/basic-concepts2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/development-loop2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/environments2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/remote-local2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/workspaces2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/configs-secrets2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/contributing/code-of-conduct2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/contributing/documentation2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/contributing/feature-stages2024-08-19T09:25:22.036Zdaily0.7 -https://kloudlite.io/docs/contributing/frontend2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/contributing/security2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/environments2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/getting-started2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/global-vpn2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/intellij2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/ssh-access2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/vscode2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/infrastructure2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/integrated-resources2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/integrated-services2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/setup-connect2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/uninstall2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/docs/workspace-management2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/pricing2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/privacy-policy2024-08-19T09:25:22.037Zdaily0.7 -https://kloudlite.io/terms-of-services2024-08-19T09:25:22.037Zdaily0.7 +https://kloudlite.io2024-08-20T07:38:33.164Zdaily0.7 +https://kloudlite.io/about-us2024-08-20T07:38:33.164Zdaily0.7 +https://kloudlite.io/blog2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/collaborative-development2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/containerisation-reviving-legacy-apps-for-developers2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/demystifying-7-common-misconceptions-about-containers2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/development-workflow2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/distributed-environment-as-a-service2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/environments-workspaces2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/remote-local-environments2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/role-of-open-source-in-modern-software-development2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/blog/the-evolution-of-development-workflows-an-introduction-to-deaas2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/contact-us2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/app-intercept2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/apps2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/basic-concepts2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/development-loop2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/environments2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/remote-local2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/workspaces2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/configs-secrets2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/contributing/code-of-conduct2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/contributing/documentation2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/contributing/feature-stages2024-08-20T07:38:33.165Zdaily0.7 +https://kloudlite.io/docs/contributing/frontend2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/contributing/security2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/environments2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/getting-started2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/global-vpn2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/ide-integrations2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/intellij2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/ssh-access2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/vscode2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/infrastructure2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/integrated-resources2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/integrated-services2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/setup-connect2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/uninstall2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/docs/workspace-management2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/pricing2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/privacy-policy2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io/terms-of-services2024-08-20T07:38:33.166Zdaily0.7 \ No newline at end of file diff --git a/src/apps/devdoc/web/components/flexsearch.tsx b/src/apps/devdoc/web/components/flexsearch.tsx index 0a5ba1b95..659d138f9 100644 --- a/src/apps/devdoc/web/components/flexsearch.tsx +++ b/src/apps/devdoc/web/components/flexsearch.tsx @@ -68,10 +68,10 @@ const loadIndexesPromises = new Map>(); const loadIndexesImpl = async ( basePath: string, - locale: string + locale: string, ): Promise => { const response = await fetch( - `${basePath}/_next/static/chunks/nextra-data-${locale}.json` + `${basePath}/_next/static/chunks/nextra-data-${locale}.json`, ); const searchData = (await response.json()) as SearchData; @@ -215,7 +215,7 @@ export function Flexsearch(): ReactElement { prefix: isFirstItemOfPage && (
{result.doc.title} @@ -261,7 +261,12 @@ export function Flexsearch(): ReactElement { return sortedGroup; }); - const sortedArray = lodash.flatten(lodash.values(sortedGroups)); + const temp = { + Docs: sortedGroups['Docs'] || [], + Blogs: sortedGroups['Blogs'] || [], + }; + + const sortedArray = lodash.flatten(lodash.values(temp)); setResults( sortedArray @@ -273,8 +278,8 @@ export function Flexsearch(): ReactElement { children: res.children, })) .filter( - (f) => f.route.startsWith('/docs') || f.route.startsWith('/blog') - ) + (f) => f.route.startsWith('/docs') || f.route.startsWith('/blog'), + ), ); }; @@ -290,7 +295,7 @@ export function Flexsearch(): ReactElement { setLoading(false); } }, - [locale, basePath] + [locale, basePath], ); const handleChange = async (value: string) => { diff --git a/src/apps/devdoc/web/components/sidebar.tsx b/src/apps/devdoc/web/components/sidebar.tsx index 7f35fab52..2a7224048 100644 --- a/src/apps/devdoc/web/components/sidebar.tsx +++ b/src/apps/devdoc/web/components/sidebar.tsx @@ -31,7 +31,7 @@ const TreeState: Record = Object.create(null); const FocusedItemContext = createContext(null); const OnFocusItemContext = createContext any)>( - null + null, ); const FolderLevelContext = createContext(0); @@ -43,11 +43,11 @@ type FolderProps = { const classes = { link: cn( 'wb-flex wb-flex-row wb-items-center wb-rounded wb-py-md wb-px-2xl wb-transition-all [word-break:break-word]', - 'wb-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:wb-border hover:wb-bg-surface-basic-hovered' + 'wb-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:wb-border hover:wb-bg-surface-basic-hovered', ), inactive: cn('wb-bodyMd wb-text-text-soft'), active: cn( - 'wb-bodyMd-medium wb-text-text-primary wb-bg-surface-basic-active' + 'wb-bodyMd-medium wb-text-text-primary wb-bg-surface-basic-active', ), list: cn('wb-flex wb-flex-col wb-w-full wb-gap-md'), }; @@ -94,7 +94,7 @@ function FolderImpl({ item, anchors }: FolderProps): ReactElement { if (item.type === 'menu') { const menu = item as MenuItem; const routes = Object.fromEntries( - (menu.children || []).map((route) => [route.name, route]) + (menu.children || []).map((route) => [route.name, route]), ); item.children = Object.entries(menu.items || {}).map(([key, item]) => { const route = routes[key] || { @@ -121,11 +121,11 @@ function FolderImpl({ item, anchors }: FolderProps): ReactElement { 'wb-flex-1 wb-flex wb-flex-row wb-items-center wb-justify-between', !isLink ? 'wb-text-left wb-w-full' : '', classes.link, - active ? classes.active : classes.inactive + active ? classes.active : classes.inactive, )} onClick={(e) => { const clickedToggleIcon = ['svg', 'path'].includes( - (e.target as HTMLElement).tagName.toLowerCase() + (e.target as HTMLElement).tagName.toLowerCase(), ); if (clickedToggleIcon) { e.preventDefault(); @@ -151,7 +151,7 @@ function FolderImpl({ item, anchors }: FolderProps): ReactElement { size={16} className={cn( 'wb-transition-all', - open ? 'wb-rotate-90' : 'wb-rotate-0' + open ? 'wb-rotate-90' : 'wb-rotate-0', )} /> @@ -190,7 +190,7 @@ function Separator({ title }: { title: string }): ReactElement { className={cn( '[word-break:break-word]', title ? 'wb-headingSm wb-text-text-default wb-py-md wb-px-2xl' : '', - '[&:not(:first-child)]:wb-mt-5xl' + '[&:not(:first-child)]:wb-mt-5xl', )} > {title ||
} @@ -241,7 +241,7 @@ function File({ className={cn( classes.link, active ? classes.active : classes.inactive, - 'wb-w-full' + 'wb-w-full', )} onClick={() => { setMenu(false); @@ -312,7 +312,7 @@ export function Sidebar({ const anchors = useMemo( () => headings.filter((v) => v.depth === 2), - [headings] + [headings], ); const sidebarRef = useRef(null); const containerRef = useRef(null); @@ -323,7 +323,7 @@ export function Sidebar({ } else { document.body.classList.remove( 'wb-overflow-hidden', - 'lg:wb-overflow-auto' + 'lg:wb-overflow-auto', ); } }, [menu]); @@ -365,7 +365,7 @@ export function Sidebar({ 'motion-reduce:wb-transition-none [transition:background-color_1.5s_ease]', menu ? 'wb-fixed wb-inset-0 wb-z-10 wb-bg-black/80' - : 'wb-bg-transparent' + : 'wb-bg-transparent', )} onClick={() => setMenu(false)} /> @@ -379,7 +379,7 @@ export function Sidebar({ asPopover ? 'lg:wb-hidden' : 'wb-flex lg:wb-sticky lg:wb-self-start', menu ? 'max-lg:[transform:translate3d(0,0,0)]' - : 'max-lg:[transform:translate3d(0,-100%,0)]' + : 'max-lg:[transform:translate3d(0,-100%,0)]', )} ref={containerRef} > @@ -398,14 +398,14 @@ export function Sidebar({
@@ -467,10 +467,11 @@ function Menu({ item.type === 'menu' || (item.children && (item.children.length || !item.withIndexPage)) ? ( - ) : ( + ) : //@ts-ignore + item?.frontMatter && !item.frontMatter.draft ? ( - ) - ) : null + ) : null + ) : null, )} ); From 83538d81544b5a9eb59d04328e46f8468c546799 Mon Sep 17 00:00:00 2001 From: Bikash Date: Tue, 20 Aug 2024 14:14:49 +0545 Subject: [PATCH 02/47] fixed sidebar issue --- src/apps/devdoc/web/components/sidebar.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/apps/devdoc/web/components/sidebar.tsx b/src/apps/devdoc/web/components/sidebar.tsx index 2a7224048..e46d289bb 100644 --- a/src/apps/devdoc/web/components/sidebar.tsx +++ b/src/apps/devdoc/web/components/sidebar.tsx @@ -43,7 +43,7 @@ type FolderProps = { const classes = { link: cn( 'wb-flex wb-flex-row wb-items-center wb-rounded wb-py-md wb-px-2xl wb-transition-all [word-break:break-word]', - 'wb-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:wb-border hover:wb-bg-surface-basic-hovered', + 'wb-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:wb-border hover:wb-bg-surface-basic-hovered hover:wb-text-text-default', ), inactive: cn('wb-bodyMd wb-text-text-soft'), active: cn( @@ -232,7 +232,7 @@ function File({ {!!base && active && ( )} {directories.map((item) => @@ -468,9 +469,9 @@ function Menu({ (item.children && (item.children.length || !item.withIndexPage)) ? ( ) : //@ts-ignore - item?.frontMatter && !item.frontMatter.draft ? ( + item.frontMatter && item.frontMatter.draft === true ? null : ( - ) : null + ) ) : null, )} From b06a8a6db1e487d6a091b903d81ad4cc3ddd6a6f Mon Sep 17 00:00:00 2001 From: Bikash Date: Tue, 20 Aug 2024 14:15:08 +0545 Subject: [PATCH 03/47] updated meta --- src/apps/devdoc/pages/docs/_meta.json | 2 +- src/apps/devdoc/pages/docs/app-intercept.mdx | 6 +++--- src/apps/devdoc/pages/docs/ide-integrations.mdx | 4 ++-- src/apps/devdoc/pages/docs/ide-integrations/intellij.mdx | 6 +++--- src/apps/devdoc/pages/docs/ide-integrations/ssh-access.mdx | 6 +++--- src/apps/devdoc/pages/docs/ide-integrations/vscode.mdx | 6 +++--- 6 files changed, 15 insertions(+), 15 deletions(-) diff --git a/src/apps/devdoc/pages/docs/_meta.json b/src/apps/devdoc/pages/docs/_meta.json index a0df960a0..f14306ef2 100644 --- a/src/apps/devdoc/pages/docs/_meta.json +++ b/src/apps/devdoc/pages/docs/_meta.json @@ -12,7 +12,7 @@ "getting-started": { "title": "Getting Started" }, - "--corec-omponents--": { + "--core-components--": { "title": "CORE COMPONENTS", "type": "separator" }, diff --git a/src/apps/devdoc/pages/docs/app-intercept.mdx b/src/apps/devdoc/pages/docs/app-intercept.mdx index 568b42489..f7ca081bf 100644 --- a/src/apps/devdoc/pages/docs/app-intercept.mdx +++ b/src/apps/devdoc/pages/docs/app-intercept.mdx @@ -1,7 +1,7 @@ --- -title: "Kloudlite App Intercept: Real-Time Debugging and Testing Guide" -metaTitle: "Kloudlite App Intercept: A Guide to Real-Time Application Debugging" -description: "Discover how to use Kloudlite's App Intercept feature for debugging and testing applications in real-time. This guide explains how to intercept app traffic, inspect requests, and troubleshoot issues efficiently" +title: "App Intercept in Kloudlite | Documentation" +metaTitle: "App Intercept in Kloudlite | Documentation" +description: "Learn how to use App Intercept in Kloudlite to debug and monitor applications seamlessly. Follow our guide to enhance your app development workflow" --- import VideoPlayer from "~/app/components/video-player"; diff --git a/src/apps/devdoc/pages/docs/ide-integrations.mdx b/src/apps/devdoc/pages/docs/ide-integrations.mdx index afe556352..d77f517c4 100644 --- a/src/apps/devdoc/pages/docs/ide-integrations.mdx +++ b/src/apps/devdoc/pages/docs/ide-integrations.mdx @@ -1,7 +1,7 @@ --- title: "IDE Integrations with Kloudlite: Comprehensive Guide" -metaTitle: "Kloudlite IDE Integrations: Setup and Configuration Guide" -description: "Explore how to integrate your favorite IDEs with Kloudlite. This guide covers various integrations, including VS Code, IntelliJ, and more, enabling seamless development within Kloudlite environments" +metaTitle: "IDE Integrations in Kloudlite | Documentation" +description: "Explore how to integrate your favorite IDEs with Kloudlite. Learn the steps to set up and optimize your development environment for seamless coding" --- import { Button } from 'kl-design-system/atoms/button'; diff --git a/src/apps/devdoc/pages/docs/ide-integrations/intellij.mdx b/src/apps/devdoc/pages/docs/ide-integrations/intellij.mdx index a3f66a72c..6826e730f 100644 --- a/src/apps/devdoc/pages/docs/ide-integrations/intellij.mdx +++ b/src/apps/devdoc/pages/docs/ide-integrations/intellij.mdx @@ -1,7 +1,7 @@ --- -title: "Integrating IntelliJ with Kloudlite: Step-by-Step Guide" -metaTitle: "Integrating IntelliJ with Kloudlite: Step-by-Step Guide" -description: "Discover how to seamlessly integrate IntelliJ IDE with Kloudlite environments. Follow this guide for step-by-step instructions to connect IntelliJ to your development containers, enhancing your coding, testing, and debugging experience." +title: "IntelliJ Integration with Kloudlite | Documentation" +metaTitle: "IntelliJ Integration with Kloudlite | Documentation" +description: "Explore how to integrate IntelliJ IDEA with Kloudlite. Follow our guide to streamline your development workflow using IntelliJ with Kloudlite's platform" --- import VideoPlayer from "~/app/components/video-player"; diff --git a/src/apps/devdoc/pages/docs/ide-integrations/ssh-access.mdx b/src/apps/devdoc/pages/docs/ide-integrations/ssh-access.mdx index d3fa4f341..7cd83431c 100644 --- a/src/apps/devdoc/pages/docs/ide-integrations/ssh-access.mdx +++ b/src/apps/devdoc/pages/docs/ide-integrations/ssh-access.mdx @@ -1,7 +1,7 @@ --- -title: "IDE Integration with Kloudlite: SSH Access Guide" -metaTitle: "How to Integrate Your IDE with Kloudlite Environments via SSH Access" -description: "Learn how to integrate your IDE with Kloudlite environments using SSH access. This guide provides step-by-step instructions to connect your local IDE to development containers, ensuring seamless coding, testing, and debugging in your Kloudlite workspace." +title: "SSH Access for IDE Integrations in Kloudlite | Documentation" +metaTitle: "SSH Access for IDE Integrations in Kloudlite | Documentation" +description: "Learn how to set up SSH access for IDE integrations in Kloudlite. Follow our guide for secure and seamless connections to your development environment" --- import VideoPlayer from "~/app/components/video-player"; diff --git a/src/apps/devdoc/pages/docs/ide-integrations/vscode.mdx b/src/apps/devdoc/pages/docs/ide-integrations/vscode.mdx index 50be4ceb7..8f36b346a 100644 --- a/src/apps/devdoc/pages/docs/ide-integrations/vscode.mdx +++ b/src/apps/devdoc/pages/docs/ide-integrations/vscode.mdx @@ -1,7 +1,7 @@ --- -title: "VS Code Integration with Kloudlite: Step-by-Step Guide" -metaTitle: "VS Code Integration with Kloudlite: Step-by-Step Guide" -description: "Learn how to integrate Visual Studio Code with Kloudlite environments. This guide provides detailed steps to connect VS Code to your development containers, ensuring an optimized coding and debugging workflow." +title: "VSCode Integration with Kloudlite | Documentation" +metaTitle: "VSCode Integration with Kloudlite | Documentation" +description: "Learn how to integrate Visual Studio Code (VSCode) with Kloudlite. Follow our step-by-step guide to optimize your development workflow with VSCode" --- import VideoPlayer from "~/app/components/video-player"; From 70ade69e8f3bc83cae16c38a00f2b74a21557ff4 Mon Sep 17 00:00:00 2001 From: Bikash Date: Tue, 20 Aug 2024 14:26:10 +0545 Subject: [PATCH 04/47] fixed minor issues --- src/apps/devdoc/web/components/nav-links.tsx | 12 ++++++------ .../devdoc/web/components/website/about/backedby.tsx | 2 +- .../web/components/website/home/keep-exploring.tsx | 1 + 3 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/apps/devdoc/web/components/nav-links.tsx b/src/apps/devdoc/web/components/nav-links.tsx index f6ccaaba0..8b34919a7 100644 --- a/src/apps/devdoc/web/components/nav-links.tsx +++ b/src/apps/devdoc/web/components/nav-links.tsx @@ -27,11 +27,11 @@ export const NavLinks = ({ return (
@@ -40,7 +40,7 @@ export const NavLinks = ({ linkComponent={Link} toLabel="href" content={prev.title} - className="self-start" + className="wb-self-start !wb-pl-0" to={prev.route} prefix={} variant="plain" @@ -53,7 +53,7 @@ export const NavLinks = ({ linkComponent={Link} toLabel="href" content={next.title} - className="self-end ml-auto" + className="wb-self-end wb-ml-auto !wb-pr-0" to={next.route} suffix={} variant="plain" diff --git a/src/apps/devdoc/web/components/website/about/backedby.tsx b/src/apps/devdoc/web/components/website/about/backedby.tsx index 45738c333..f1c6c759f 100644 --- a/src/apps/devdoc/web/components/website/about/backedby.tsx +++ b/src/apps/devdoc/web/components/website/about/backedby.tsx @@ -5,7 +5,7 @@ import SectionWrapper from '../section-wrapper'; const AboutBackedBy = () => { return ( - +
diff --git a/src/apps/devdoc/web/components/website/home/keep-exploring.tsx b/src/apps/devdoc/web/components/website/home/keep-exploring.tsx index 61019c6ae..9d63aefe9 100644 --- a/src/apps/devdoc/web/components/website/home/keep-exploring.tsx +++ b/src/apps/devdoc/web/components/website/home/keep-exploring.tsx @@ -39,6 +39,7 @@ export const ExploringItem = ({ content={Read more} suffix={} variant="primary-plain" + className="!wb-pl-0" />
From 8b10a091178253e5688f2c9340274725c59ed97e Mon Sep 17 00:00:00 2001 From: Bikash Date: Tue, 20 Aug 2024 14:28:27 +0545 Subject: [PATCH 05/47] wip --- src/apps/devdoc/public/sitemap.xml | 86 +++++++++++----------- src/apps/devdoc/web/components/sidebar.tsx | 1 - 2 files changed, 43 insertions(+), 44 deletions(-) diff --git a/src/apps/devdoc/public/sitemap.xml b/src/apps/devdoc/public/sitemap.xml index 8e3bd7b09..e4f207062 100644 --- a/src/apps/devdoc/public/sitemap.xml +++ b/src/apps/devdoc/public/sitemap.xml @@ -1,46 +1,46 @@ -https://kloudlite.io2024-08-20T07:38:33.164Zdaily0.7 -https://kloudlite.io/about-us2024-08-20T07:38:33.164Zdaily0.7 -https://kloudlite.io/blog2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/collaborative-development2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/containerisation-reviving-legacy-apps-for-developers2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/demystifying-7-common-misconceptions-about-containers2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/development-workflow2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/distributed-environment-as-a-service2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/environments-workspaces2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/remote-local-environments2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/role-of-open-source-in-modern-software-development2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/blog/the-evolution-of-development-workflows-an-introduction-to-deaas2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/contact-us2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/app-intercept2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/apps2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/basic-concepts2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/development-loop2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/environments2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/remote-local2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/workspaces2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/configs-secrets2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/contributing/code-of-conduct2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/contributing/documentation2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/contributing/feature-stages2024-08-20T07:38:33.165Zdaily0.7 -https://kloudlite.io/docs/contributing/frontend2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/contributing/security2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/environments2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/getting-started2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/global-vpn2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/ide-integrations2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/intellij2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/ssh-access2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/vscode2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/infrastructure2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/integrated-resources2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/integrated-services2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/setup-connect2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/uninstall2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/docs/workspace-management2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/pricing2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/privacy-policy2024-08-20T07:38:33.166Zdaily0.7 -https://kloudlite.io/terms-of-services2024-08-20T07:38:33.166Zdaily0.7 +https://kloudlite.io2024-08-20T08:42:49.036Zdaily0.7 +https://kloudlite.io/about-us2024-08-20T08:42:49.036Zdaily0.7 +https://kloudlite.io/blog2024-08-20T08:42:49.036Zdaily0.7 +https://kloudlite.io/blog/collaborative-development2024-08-20T08:42:49.036Zdaily0.7 +https://kloudlite.io/blog/containerisation-reviving-legacy-apps-for-developers2024-08-20T08:42:49.036Zdaily0.7 +https://kloudlite.io/blog/demystifying-7-common-misconceptions-about-containers2024-08-20T08:42:49.036Zdaily0.7 +https://kloudlite.io/blog/development-workflow2024-08-20T08:42:49.036Zdaily0.7 +https://kloudlite.io/blog/distributed-environment-as-a-service2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/blog/environments-workspaces2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/blog/remote-local-environments2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/blog/role-of-open-source-in-modern-software-development2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/blog/the-evolution-of-development-workflows-an-introduction-to-deaas2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/contact-us2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/app-intercept2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/apps2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/basic-concepts2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/development-loop2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/environments2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/remote-local2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/workspaces2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/configs-secrets2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/contributing/code-of-conduct2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/contributing/documentation2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/contributing/feature-stages2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/contributing/frontend2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/contributing/security2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/environments2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/getting-started2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/global-vpn2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/ide-integrations2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/intellij2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/ssh-access2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/vscode2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/infrastructure2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/integrated-resources2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/integrated-services2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/setup-connect2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/uninstall2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/docs/workspace-management2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/pricing2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/privacy-policy2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io/terms-of-services2024-08-20T08:42:49.037Zdaily0.7 \ No newline at end of file diff --git a/src/apps/devdoc/web/components/sidebar.tsx b/src/apps/devdoc/web/components/sidebar.tsx index e46d289bb..e6f17e0dd 100644 --- a/src/apps/devdoc/web/components/sidebar.tsx +++ b/src/apps/devdoc/web/components/sidebar.tsx @@ -460,7 +460,6 @@ function Menu({ className, onlyCurrentDocs, }: MenuProps): ReactElement { - console.log(directories); return (
    {directories.map((item) => From a3e91bc66f7fe2c04accef4e4f7bff008ce594be Mon Sep 17 00:00:00 2001 From: Bikash Date: Tue, 20 Aug 2024 14:44:29 +0545 Subject: [PATCH 06/47] updated meta and fixed ui issues --- ...code-of-conduct.md => code-of-conduct.mdx} | 8 +++--- .../{documentation.md => documentation.mdx} | 6 ++--- .../{feature-stages.md => feature-stages.mdx} | 6 ++--- .../{frontend.md => frontend.mdx} | 8 +++--- .../pages/docs/contributing/security.md | 8 ------ .../pages/docs/contributing/security.mdx | 8 ++++++ src/apps/devdoc/pages/docs/uninstall.md | 26 ------------------- src/apps/devdoc/pages/docs/uninstall.mdx | 26 +++++++++++++++++++ src/apps/devdoc/web/components/sidebar.tsx | 4 +-- src/apps/devdoc/web/components/toc.tsx | 4 +-- 10 files changed, 52 insertions(+), 52 deletions(-) rename src/apps/devdoc/pages/docs/contributing/{code-of-conduct.md => code-of-conduct.mdx} (94%) rename src/apps/devdoc/pages/docs/contributing/{documentation.md => documentation.mdx} (91%) rename src/apps/devdoc/pages/docs/contributing/{feature-stages.md => feature-stages.mdx} (68%) rename src/apps/devdoc/pages/docs/contributing/{frontend.md => frontend.mdx} (93%) delete mode 100644 src/apps/devdoc/pages/docs/contributing/security.md create mode 100644 src/apps/devdoc/pages/docs/contributing/security.mdx delete mode 100644 src/apps/devdoc/pages/docs/uninstall.md create mode 100644 src/apps/devdoc/pages/docs/uninstall.mdx diff --git a/src/apps/devdoc/pages/docs/contributing/code-of-conduct.md b/src/apps/devdoc/pages/docs/contributing/code-of-conduct.mdx similarity index 94% rename from src/apps/devdoc/pages/docs/contributing/code-of-conduct.md rename to src/apps/devdoc/pages/docs/contributing/code-of-conduct.mdx index 1b96b7105..11e58acfc 100644 --- a/src/apps/devdoc/pages/docs/contributing/code-of-conduct.md +++ b/src/apps/devdoc/pages/docs/contributing/code-of-conduct.mdx @@ -1,7 +1,7 @@ --- -title: "Kloudlite Community Code of Conduct" -metaTitle: "Kloudlite Code of Conduct: Contribution Guidelines" -description: "Review Kloudlite's Code of Conduct to understand the expected standards of behavior within the community. This document outlines the guidelines for contributing to Kloudlite projects in a respectful and inclusive manner." +title: "Kloudlite Code of Conduct | Contributing Guidelines" +metaTitle: "Kloudlite Code of Conduct | Contributing Guidelines" +description: "Review Kloudlite's Code of Conduct to understand the standards and expectations for contributing to our open-source community. Join us in fostering a positive environment" --- # Contributor Covenant Code of Conduct @@ -71,4 +71,4 @@ This Code of Conduct is adapted from the Contributor Covenant (opens in a new ta Community Impact Guidelines were inspired by Mozilla's code of conduct enforcement ladder. -For answers to common questions about this code of conduct, see the FAQ at https://www.contributor-covenant.org/faq. Translations are available at https://www.contributor-covenant.org/translations. \ No newline at end of file +For answers to common questions about this code of conduct, see the FAQ at https://www.contributor-covenant.org/faq. Translations are available at https://www.contributor-covenant.org/translations. diff --git a/src/apps/devdoc/pages/docs/contributing/documentation.md b/src/apps/devdoc/pages/docs/contributing/documentation.mdx similarity index 91% rename from src/apps/devdoc/pages/docs/contributing/documentation.md rename to src/apps/devdoc/pages/docs/contributing/documentation.mdx index e761dcf69..8e37f482a 100644 --- a/src/apps/devdoc/pages/docs/contributing/documentation.md +++ b/src/apps/devdoc/pages/docs/contributing/documentation.mdx @@ -1,7 +1,7 @@ --- -title: "Contributing to Kloudlite Documentation: Best Practices Guide" -metaTitle: "Kloudlite Documentation Contribution Guide: Writing Standards and Practices" -description: "Contribute to Kloudlite's documentation with this comprehensive guide. Learn the standards, tools, and best practices for writing and improving Kloudlite's documentation to ensure clarity and consistency" +title: "Contributing to Kloudlite Documentation | Guidelines" +metaTitle: "Contributing to Kloudlite Documentation | Guidelines" +description: "Learn how to contribute to Kloudlite's documentation. Follow our guidelines for writing, editing, and improving the documentation to help our developer community" --- # Documentation diff --git a/src/apps/devdoc/pages/docs/contributing/feature-stages.md b/src/apps/devdoc/pages/docs/contributing/feature-stages.mdx similarity index 68% rename from src/apps/devdoc/pages/docs/contributing/feature-stages.md rename to src/apps/devdoc/pages/docs/contributing/feature-stages.mdx index 21c63c1f4..175c5045c 100644 --- a/src/apps/devdoc/pages/docs/contributing/feature-stages.md +++ b/src/apps/devdoc/pages/docs/contributing/feature-stages.mdx @@ -1,7 +1,7 @@ --- -title: "Kloudlite Feature Stages: Development Process Overview" -metaTitle: "Kloudlite Feature Stages: A Guide to Development Phases" -description: "Understand the feature development stages at Kloudlite. This guide outlines the process and criteria for each stage, from initial concept to general availability, ensuring transparency in how features evolve." +title: "Feature Stages in Kloudlite | Contributing Guidelines" +metaTitle: "Feature Stages in Kloudlite | Contributing Guidelines" +description: "Learn about the feature stages in Kloudlite's development process. Understand how features progress from concept to implementation and how you can contribute" --- # Feature Stages diff --git a/src/apps/devdoc/pages/docs/contributing/frontend.md b/src/apps/devdoc/pages/docs/contributing/frontend.mdx similarity index 93% rename from src/apps/devdoc/pages/docs/contributing/frontend.md rename to src/apps/devdoc/pages/docs/contributing/frontend.mdx index 15853479a..f1a45e234 100644 --- a/src/apps/devdoc/pages/docs/contributing/frontend.md +++ b/src/apps/devdoc/pages/docs/contributing/frontend.mdx @@ -1,7 +1,7 @@ --- -title: "Contributing to Kloudlite's Frontend: Developer Guide" -metaTitle: "Kloudlite Frontend Contribution Guide: Setup and Best Practices" -description: "Learn how to contribute to Kloudlite's frontend development. This guide provides detailed instructions on setting up your environment, coding standards, and best practices for contributing to Kloudlite's frontend projects." +title: "Contributing to Kloudlite Frontend | Guidelines" +metaTitle: "Contributing to Kloudlite Frontend | Guidelines" +description: "Learn how to contribute to Kloudlite's frontend development. Follow our guidelines for coding, submitting, and reviewing frontend contributions" --- # Frontend @@ -73,4 +73,4 @@ We strive to keep our UI accessible. In general, colors should come from the app theme, but if there is a need to add a custom color, please ensure that the foreground and background have a minimum contrast ratio of 4.5:1 to meet WCAG level AA compliance. WebAIM has a great tool for checking your colors directly, but tools like Dequeue's axe DevTools can also do automated checks in certain situations. ### Should I create a new component? -As with most things in the world, it depends. If you are creating a new component to encapsulate some UI abstraction like UsersTable it is ok but you should always try to use the base components that are provided by the library or from the codebase. It's recommended that you always do a quick search before creating a custom primitive component like dialogs, popovers, buttons, etc. \ No newline at end of file +As with most things in the world, it depends. If you are creating a new component to encapsulate some UI abstraction like UsersTable it is ok but you should always try to use the base components that are provided by the library or from the codebase. It's recommended that you always do a quick search before creating a custom primitive component like dialogs, popovers, buttons, etc. diff --git a/src/apps/devdoc/pages/docs/contributing/security.md b/src/apps/devdoc/pages/docs/contributing/security.md deleted file mode 100644 index 6166bc349..000000000 --- a/src/apps/devdoc/pages/docs/contributing/security.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: "Contributing to Kloudlite Security: Guidelines and Best Practices" -metaTitle: "Kloudlite Security Contribution Guide: Ensuring Project Safety" -description: "Learn how to contribute to Kloudlite's security efforts. This guide outlines the best practices, reporting procedures, and guidelines for ensuring the security of Kloudlite projects" ---- - -# Security -If you find a vulnerability, **DO NOT FILE AN ISSUE**. Instead, send an email to support@kloudlite.io. \ No newline at end of file diff --git a/src/apps/devdoc/pages/docs/contributing/security.mdx b/src/apps/devdoc/pages/docs/contributing/security.mdx new file mode 100644 index 000000000..b4a1b26e6 --- /dev/null +++ b/src/apps/devdoc/pages/docs/contributing/security.mdx @@ -0,0 +1,8 @@ +--- +title: "Contributing to Kloudlite Security | Guidelines" +metaTitle: "Contributing to Kloudlite Security | Guidelines" +description: "Learn how to contribute to Kloudlite's security. Follow our guidelines for reporting vulnerabilities and enhancing the security of our platform" +--- + +# Security +If you find a vulnerability, **DO NOT FILE AN ISSUE**. Instead, send an email to support@kloudlite.io. diff --git a/src/apps/devdoc/pages/docs/uninstall.md b/src/apps/devdoc/pages/docs/uninstall.md deleted file mode 100644 index 2c029e309..000000000 --- a/src/apps/devdoc/pages/docs/uninstall.md +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: "Uninstalling Kloudlite: Step-by-Step Guide" -metaTitle: "Kloudlite Uninstallation Guide: Complete Removal Instructions" -description: "Learn how to properly uninstall Kloudlite from your system. This guide provides clear, step-by-step instructions to ensure a complete and clean removal of Kloudlite components" ---- - -# Uninstall - -Follow below steps to uninstall kl: - -```bash -# Stop all running workspaces -kl box stop-all - -# find kl binary path -whereis kl - -# Remove kl binary -rm -rf - -# Remove kl cache -rm -rf ~/.cache/kl - -# Remove docker volumes -docker volume rm kl-home-cache kl-nix-store kl-nix-home-cache -``` \ No newline at end of file diff --git a/src/apps/devdoc/pages/docs/uninstall.mdx b/src/apps/devdoc/pages/docs/uninstall.mdx new file mode 100644 index 000000000..e1b98c3ce --- /dev/null +++ b/src/apps/devdoc/pages/docs/uninstall.mdx @@ -0,0 +1,26 @@ +--- +title: "Uninstall Guide for Kloudlite | Documentation" +metaTitle: "Uninstall Guide for Kloudlite | Documentation" +description: "Follow our step-by-step guide to uninstall Kloudlite from your system. Ensure complete removal and clean up with our detailed instructions" +--- + +# Uninstall + +Follow below steps to uninstall kl: + +```bash +# Stop all running workspaces +kl box stop-all + +# find kl binary path +whereis kl + +# Remove kl binary +rm -rf + +# Remove kl cache +rm -rf ~/.cache/kl + +# Remove docker volumes +docker volume rm kl-home-cache kl-nix-store kl-nix-home-cache +``` diff --git a/src/apps/devdoc/web/components/sidebar.tsx b/src/apps/devdoc/web/components/sidebar.tsx index e6f17e0dd..323e6aa30 100644 --- a/src/apps/devdoc/web/components/sidebar.tsx +++ b/src/apps/devdoc/web/components/sidebar.tsx @@ -43,9 +43,9 @@ type FolderProps = { const classes = { link: cn( 'wb-flex wb-flex-row wb-items-center wb-rounded wb-py-md wb-px-2xl wb-transition-all [word-break:break-word]', - 'wb-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:wb-border hover:wb-bg-surface-basic-hovered hover:wb-text-text-default', + 'wb-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:wb-border hover:wb-bg-surface-basic-hovered', ), - inactive: cn('wb-bodyMd wb-text-text-soft'), + inactive: cn('wb-bodyMd wb-text-text-soft hover:wb-text-text-default'), active: cn( 'wb-bodyMd-medium wb-text-text-primary wb-bg-surface-basic-active', ), diff --git a/src/apps/devdoc/web/components/toc.tsx b/src/apps/devdoc/web/components/toc.tsx index 64a4fd1c4..f000c594e 100644 --- a/src/apps/devdoc/web/components/toc.tsx +++ b/src/apps/devdoc/web/components/toc.tsx @@ -88,13 +88,13 @@ export function TOC({ headings }: TOCProps): ReactElement { 'wb-flex wb-px-2xl wb-py-md wb-rounded wb-min-w-0 wb-w-full hover:wb-bg-surface-basic-hovered', activeAnchor[id]?.isActive ? 'wb-bg-surface-basic-active wb-bodyMd-medium wb-text-text-primary wb-relative' - : 'wb-bodyMd wb-text-text-soft', + : 'wb-bodyMd wb-text-text-soft hover:wb-text-text-default', )} > {depth > 2 && activeAnchor[id]?.isActive && ( )} From f6ac19d57905866135170908bc6cc9ba7925831b Mon Sep 17 00:00:00 2001 From: Bikash Date: Tue, 20 Aug 2024 14:47:09 +0545 Subject: [PATCH 07/47] wip --- src/apps/devdoc/public/sitemap.xml | 86 +++++++++++++++--------------- 1 file changed, 43 insertions(+), 43 deletions(-) diff --git a/src/apps/devdoc/public/sitemap.xml b/src/apps/devdoc/public/sitemap.xml index e4f207062..c5eb7f03d 100644 --- a/src/apps/devdoc/public/sitemap.xml +++ b/src/apps/devdoc/public/sitemap.xml @@ -1,46 +1,46 @@ -https://kloudlite.io2024-08-20T08:42:49.036Zdaily0.7 -https://kloudlite.io/about-us2024-08-20T08:42:49.036Zdaily0.7 -https://kloudlite.io/blog2024-08-20T08:42:49.036Zdaily0.7 -https://kloudlite.io/blog/collaborative-development2024-08-20T08:42:49.036Zdaily0.7 -https://kloudlite.io/blog/containerisation-reviving-legacy-apps-for-developers2024-08-20T08:42:49.036Zdaily0.7 -https://kloudlite.io/blog/demystifying-7-common-misconceptions-about-containers2024-08-20T08:42:49.036Zdaily0.7 -https://kloudlite.io/blog/development-workflow2024-08-20T08:42:49.036Zdaily0.7 -https://kloudlite.io/blog/distributed-environment-as-a-service2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/blog/environments-workspaces2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/blog/remote-local-environments2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/blog/role-of-open-source-in-modern-software-development2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/blog/the-evolution-of-development-workflows-an-introduction-to-deaas2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/contact-us2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/app-intercept2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/apps2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/basic-concepts2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/development-loop2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/environments2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/remote-local2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/basic-concepts/workspaces2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/configs-secrets2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/contributing/code-of-conduct2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/contributing/documentation2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/contributing/feature-stages2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/contributing/frontend2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/contributing/security2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/environments2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/getting-started2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/global-vpn2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/intellij2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/ssh-access2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/ide-integrations/vscode2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/infrastructure2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/integrated-resources2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/integrated-services2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/setup-connect2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/uninstall2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/docs/workspace-management2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/pricing2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/privacy-policy2024-08-20T08:42:49.037Zdaily0.7 -https://kloudlite.io/terms-of-services2024-08-20T08:42:49.037Zdaily0.7 +https://kloudlite.io2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/about-us2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/blog2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/blog/collaborative-development2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/blog/containerisation-reviving-legacy-apps-for-developers2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/blog/demystifying-7-common-misconceptions-about-containers2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/blog/development-workflow2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/blog/distributed-environment-as-a-service2024-08-20T09:00:31.895Zdaily0.7 +https://kloudlite.io/blog/environments-workspaces2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/blog/remote-local-environments2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/blog/role-of-open-source-in-modern-software-development2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/blog/the-evolution-of-development-workflows-an-introduction-to-deaas2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/contact-us2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/app-intercept2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/apps2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/basic-concepts2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/development-loop2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/environments2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/remote-local2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/basic-concepts/workspaces2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/configs-secrets2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/contributing/code-of-conduct2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/contributing/documentation2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/contributing/feature-stages2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/contributing/frontend2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/contributing/security2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/environments2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/getting-started2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/global-vpn2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/ide-integrations2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/intellij2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/ssh-access2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/ide-integrations/vscode2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/infrastructure2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/integrated-resources2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/integrated-services2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/setup-connect2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/uninstall2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/docs/workspace-management2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/pricing2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/privacy-policy2024-08-20T09:00:31.896Zdaily0.7 +https://kloudlite.io/terms-of-services2024-08-20T09:00:31.896Zdaily0.7 \ No newline at end of file From 58da7f95fc83466bbd594cc6f1792e0c255b365c Mon Sep 17 00:00:00 2001 From: Bikash Date: Wed, 21 Aug 2024 13:49:07 +0545 Subject: [PATCH 08/47] made video and image fullscreen and minor ui changes --- src/apps/devdoc/next.config.mjs | 9 ++- src/apps/devdoc/package.json | 1 + .../docs/basic-concepts/development-loop.mdx | 4 +- .../docs/basic-concepts/remote-local.mdx | 6 +- src/apps/devdoc/pages/docs/global-vpn.mdx | 4 +- src/apps/devdoc/pnpm-lock.yaml | 19 +++++- src/apps/devdoc/style.css | 2 +- src/apps/devdoc/web/components/fullscreen.tsx | 50 ++++++++++++++ src/apps/devdoc/web/components/img.tsx | 23 +++++++ src/apps/devdoc/web/components/toc.tsx | 49 ++++++++------ .../devdoc/web/components/video-player.tsx | 66 ++++++++++++------- src/apps/devdoc/web/layout/mdx-components.tsx | 2 + 12 files changed, 182 insertions(+), 53 deletions(-) create mode 100644 src/apps/devdoc/web/components/fullscreen.tsx create mode 100644 src/apps/devdoc/web/components/img.tsx diff --git a/src/apps/devdoc/next.config.mjs b/src/apps/devdoc/next.config.mjs index b97e659b4..6ce87d9bf 100644 --- a/src/apps/devdoc/next.config.mjs +++ b/src/apps/devdoc/next.config.mjs @@ -3,11 +3,17 @@ import nextra from 'nextra'; import remarkMdxFrontmatter from 'remark-mdx-frontmatter'; import remarkFrontmatter from 'remark-frontmatter'; import { readFileSync } from 'fs'; +import remarkUnwrapImages from 'remark-unwrap-images'; const withNextra = nextra({ theme: './web/layout/theme.tsx', + staticImage: false, mdxOptions: { - remarkPlugins: [remarkFrontmatter, remarkMdxFrontmatter], + remarkPlugins: [ + remarkFrontmatter, + remarkMdxFrontmatter, + remarkUnwrapImages, + ], rehypePrettyCodeOptions: { theme: JSON.parse(readFileSync('./public/code-theme.json', 'utf8')), }, @@ -24,5 +30,6 @@ export default withNextra({ images: { unoptimized: true, }, + optimizeFonts: false, }); diff --git a/src/apps/devdoc/package.json b/src/apps/devdoc/package.json index ccbf9cf2a..7da7329c6 100644 --- a/src/apps/devdoc/package.json +++ b/src/apps/devdoc/package.json @@ -52,6 +52,7 @@ "react-slick": "^0.30.2", "remark-frontmatter": "^5.0.0", "remark-mdx-frontmatter": "^4.0.0", + "remark-unwrap-images": "^4.0.0", "scroll-into-view-if-needed": "^3.1.0", "sharp": "^0.33.5", "slick-carousel": "^1.8.1", diff --git a/src/apps/devdoc/pages/docs/basic-concepts/development-loop.mdx b/src/apps/devdoc/pages/docs/basic-concepts/development-loop.mdx index 29d60d171..cdb0c7bfe 100644 --- a/src/apps/devdoc/pages/docs/basic-concepts/development-loop.mdx +++ b/src/apps/devdoc/pages/docs/basic-concepts/development-loop.mdx @@ -4,6 +4,8 @@ metaTitle: "Understanding the Development Inner Loop in Kloudlite | Documentatio description: "Learn how to optimize your Development Inner Loop with Kloudlite. Explore best practices for coding, testing, and debugging within your development environments" --- +import Img from "~/app/components/img"; + ## Development Loop The development inner loop is a critical phase in software development where developers write code, test it, and debug it before it's ready for deployment. This phase involves frequent iterations, rapid @@ -17,4 +19,4 @@ ensuring that the final product meets user expectations. For an in-depth exploration of the development inner loop and its importance, Telepresence has written a very informative article on the subject. You can read it in detail [here](https://www.getambassador.io/docs/telepresence-oss/latest/concepts/devloop). -![dev-loop](/docs/introduction/dev-loop.png) \ No newline at end of file +dev-loop diff --git a/src/apps/devdoc/pages/docs/basic-concepts/remote-local.mdx b/src/apps/devdoc/pages/docs/basic-concepts/remote-local.mdx index db9aae72c..8b9e09f42 100644 --- a/src/apps/devdoc/pages/docs/basic-concepts/remote-local.mdx +++ b/src/apps/devdoc/pages/docs/basic-concepts/remote-local.mdx @@ -4,6 +4,8 @@ metaTitle: "Working with Workspaces and Environments in Kloudlite | Documentatio description: "Master the use of Workspaces and Environments in Kloudlite. Learn how to set up, manage, and optimize your development workflow for maximum efficiency" --- +import Img from "~/app/components/img"; + ## Remote Local - Integrating Workspaces and Environments The seamless interaction between workspaces and environments is crucial for efficient and productive workflows. While workspaces provide the tools and configurations developers need, environments offer the dependent services @@ -27,7 +29,7 @@ tools help trace issues and provide insights into how the code interacts with it ### How Kloudlite Facilitates Integration? -![workspace-env](/docs/workspace/workspace-env.png) +workspace-env Kloudlite is designed to bridge the gap between workspaces and environments, providing a unified and efficient development experience. Here's how Kloudlite helps: @@ -60,4 +62,4 @@ work while maintaining a unified development experience. The synergy between workspaces and environments is essential for productive and efficient software development. Kloudlite enhances this integration by providing seamless connectivity, real-time synchronisation, and robust testing and debugging capabilities. By leveraging Kloudlite, development teams can ensure that their workflows are streamlined, consistent, and -conducive to high-quality software production. \ No newline at end of file +conducive to high-quality software production. diff --git a/src/apps/devdoc/pages/docs/global-vpn.mdx b/src/apps/devdoc/pages/docs/global-vpn.mdx index 617ee19a4..e2d8f9ace 100644 --- a/src/apps/devdoc/pages/docs/global-vpn.mdx +++ b/src/apps/devdoc/pages/docs/global-vpn.mdx @@ -4,6 +4,8 @@ metaTitle: "Global VPN Setup in Kloudlite | Documentation" description: "Learn how to set up and configure Global VPN in Kloudlite. Securely connect your development environments across multiple locations with our step-by-step guide" --- +import Img from "~/app/components/img"; + # Global VPN For each team created in Kloudlite, an associated WireGuard network is set up. This network allows all workloads within it to communicate seamlessly. @@ -19,4 +21,4 @@ Each device connected to the Kloudlite team is also given a unique IP address an This seamless networking enables Kloudlite to create robust development environments that can operate anywhere and share workloads effectively. -![global-vpn](/docs/vpn/global.png) \ No newline at end of file +global-vpn diff --git a/src/apps/devdoc/pnpm-lock.yaml b/src/apps/devdoc/pnpm-lock.yaml index dcb46b31a..454b0d8f7 100644 --- a/src/apps/devdoc/pnpm-lock.yaml +++ b/src/apps/devdoc/pnpm-lock.yaml @@ -110,6 +110,9 @@ dependencies: remark-mdx-frontmatter: specifier: ^4.0.0 version: 4.0.0 + remark-unwrap-images: + specifier: ^4.0.0 + version: 4.0.0 scroll-into-view-if-needed: specifier: ^3.1.0 version: 3.1.0 @@ -5483,6 +5486,12 @@ packages: resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==} dev: false + /hast-util-whitespace@3.0.0: + resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==} + dependencies: + '@types/hast': 3.0.4 + dev: false + /hastscript@8.0.0: resolution: {integrity: sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==} dependencies: @@ -8262,6 +8271,14 @@ packages: unified: 11.0.5 dev: true + /remark-unwrap-images@4.0.0: + resolution: {integrity: sha512-Ilr5ZhrhZSvnjemy1rRuxlTC0I/39YyWDRiE9d5vF079APcwdYYzwcZL8RGehlCtQCiik8hWMyo4Xhz2Fq0JhA==} + dependencies: + '@types/mdast': 4.0.4 + hast-util-whitespace: 3.0.0 + unist-util-visit: 5.0.0 + dev: false + /remove-accents@0.5.0: resolution: {integrity: sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==} dev: false @@ -9546,7 +9563,7 @@ packages: resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==} file:../../design-system/out/kl-design-system-1.0.1.tgz(framer-motion@10.18.0)(react-dom@18.3.1)(react@18.3.1): - resolution: {integrity: sha512-B4dI/qL5nQGk+vMIgmmKFoKZlReCP753yGVD0I0UMNx8TdzB3sHu6l162CLLJGz5fV/4vE8qApBqVbNCmytIWQ==, tarball: file:../../design-system/out/kl-design-system-1.0.1.tgz} + resolution: {integrity: sha512-0+OXRaBYxseUZDbtAFQLXx4ejkSYwvtDuXaiC7YHT3wjOfBc4r0m9T/DgRCrYj1QcucRAzT0behATib8qfMCzA==, tarball: file:../../design-system/out/kl-design-system-1.0.1.tgz} id: file:../../design-system/out/kl-design-system-1.0.1.tgz name: kl-design-system version: 1.0.1 diff --git a/src/apps/devdoc/style.css b/src/apps/devdoc/style.css index bb0d18b9d..743ea30d1 100644 --- a/src/apps/devdoc/style.css +++ b/src/apps/devdoc/style.css @@ -98,7 +98,7 @@ pre { } .nextra-code-block button { - @apply wb-bg-surface-basic-hovered wb-p-md wb-border wb-border-border-default wb-rounded wb-text-text-default wb-cursor-pointer wb-mt-md wb-mr-md; + @apply wb-p-md wb-text-text-default wb-cursor-pointer wb-mt-md wb-mr-md; } .nextra-code-block button[title='Toggle word wrap'] { display: none; diff --git a/src/apps/devdoc/web/components/fullscreen.tsx b/src/apps/devdoc/web/components/fullscreen.tsx new file mode 100644 index 000000000..dfd8b4eaa --- /dev/null +++ b/src/apps/devdoc/web/components/fullscreen.tsx @@ -0,0 +1,50 @@ +import { ReactNode, RefObject, useEffect, useState } from 'react'; +import { cn } from '../utils/commons'; +import { IconButton } from 'kl-design-system/atoms/button'; +import { XFill } from '@jengaicons/react'; + +const useFullscreen = () => { + const [fullscreen, setFullscreen] = useState(false); + + useEffect(() => { + if (fullscreen) { + document.body.style.overflowY = 'hidden'; + } else { + document.body.style.overflowY = 'auto'; + } + }, [fullscreen]); + + const toggleFullscreen = () => { + setFullscreen((p) => !p); + }; + return { fullscreen, toggleFullscreen }; +}; + +const Fullscreen = ({ + children, +}: { + children?: ({ fullscreen }: { fullscreen: boolean }) => ReactNode; +}) => { + const { fullscreen, toggleFullscreen } = useFullscreen(); + return ( +
    + {fullscreen && ( +
    + } variant="plain" /> +
    + )} +
    + {children?.({ fullscreen })} +
    +
    + ); +}; + +export default Fullscreen; diff --git a/src/apps/devdoc/web/components/img.tsx b/src/apps/devdoc/web/components/img.tsx new file mode 100644 index 000000000..d9f1fdd9e --- /dev/null +++ b/src/apps/devdoc/web/components/img.tsx @@ -0,0 +1,23 @@ +import { ComponentProps, useEffect, useState } from 'react'; +import { cn } from '../utils/commons'; +import Fullscreen from './fullscreen'; + +const Img = (props: ComponentProps<'img'>) => { + return ( + + {({ fullscreen }) => { + return ( + + ); + }} + + ); +}; + +export default Img; diff --git a/src/apps/devdoc/web/components/toc.tsx b/src/apps/devdoc/web/components/toc.tsx index f000c594e..da4e2eee7 100644 --- a/src/apps/devdoc/web/components/toc.tsx +++ b/src/apps/devdoc/web/components/toc.tsx @@ -114,31 +114,38 @@ export function TOC({ headings }: TOCProps): ReactElement { )} > {hasHeadings &&
    } - {config.feedback ? ( +
    + {config.feedback ? ( +
); diff --git a/src/apps/devdoc/web/components/video-player.tsx b/src/apps/devdoc/web/components/video-player.tsx index 1d58cb24c..7308f74db 100644 --- a/src/apps/devdoc/web/components/video-player.tsx +++ b/src/apps/devdoc/web/components/video-player.tsx @@ -1,38 +1,54 @@ import { forwardRef, useRef, useState } from 'react'; +import { cn } from '../utils/commons'; +import Fullscreen from './fullscreen'; type IVideo = { src: string; }; -const VideoPlayer = forwardRef(({ src }, ref) => { +const VideoPlayer = ({ src }: IVideo) => { + const ref = useRef(null); const [progress, setProgress] = useState(0); return ( -
-