doccupine 0.0.49 → 0.0.51

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.test.js

@@ -0,0 +1,48 @@
+import { describe, it, expect } from "vitest";
+import { generateSlug, escapeTemplateContent } from "./index.js";
+describe("generateSlug", () => {
+    it("returns empty string for index.mdx", () => {
+        expect(generateSlug("index.mdx")).toBe("");
+        expect(generateSlug("./index.mdx")).toBe("");
+    });
+    it("strips .mdx extension", () => {
+        expect(generateSlug("getting-started.mdx")).toBe("getting-started");
+    });
+    it("lowercases the slug", () => {
+        expect(generateSlug("MyPage.mdx")).toBe("mypage");
+    });
+    it("replaces special characters with hyphens", () => {
+        expect(generateSlug("hello world.mdx")).toBe("hello-world");
+    });
+    it("preserves forward slashes for nested paths", () => {
+        expect(generateSlug("guides/setup.mdx")).toBe("guides/setup");
+    });
+    it("converts backslashes to forward slashes", () => {
+        expect(generateSlug("guides\\setup.mdx")).toBe("guides/setup");
+    });
+    it("preserves underscores and hyphens", () => {
+        expect(generateSlug("my_page-name.mdx")).toBe("my_page-name");
+    });
+});
+describe("escapeTemplateContent", () => {
+    it("escapes backticks", () => {
+        expect(escapeTemplateContent("hello `world`")).toBe("hello \\`world\\`");
+    });
+    it("escapes template literal expressions", () => {
+        expect(escapeTemplateContent("${variable}")).toBe("\\${variable}");
+    });
+    it("escapes backslashes", () => {
+        expect(escapeTemplateContent("path\\to\\file")).toBe("path\\\\to\\\\file");
+    });
+    it("escapes all dangerous characters together", () => {
+        const input = "Use `${process.env.SECRET}` here";
+        const result = escapeTemplateContent(input);
+        expect(result).toBe("Use \\`\\${process.env.SECRET}\\` here");
+    });
+    it("handles content with no special characters", () => {
+        expect(escapeTemplateContent("plain text")).toBe("plain text");
+    });
+    it("handles empty string", () => {
+        expect(escapeTemplateContent("")).toBe("");
+    });
+});

package/dist/templates/components/Docs.d.ts

@@ -1 +1 @@
-export declare const docsTemplate = "import { Flex } from \"cherry-styled-components/src/lib\";\nimport {\n  DocsContainer,\n  StyledMarkdownContainer,\n} from \"@/components/layout/DocsComponents\";\nimport { MDXRemote } from \"next-mdx-remote/rsc\";\nimport remarkGfm from \"remark-gfm\";\nimport { useMDXComponents } from \"@/components/MDXComponents\";\nimport { DocsSideBar } from \"@/components/DocsSideBar\";\nimport { ActionBar } from \"@/components/layout/ActionBar\";\n\ninterface DocsProps {\n  content: string;\n}\n\ninterface Heading {\n  id: string;\n  text: string;\n  level: number;\n}\n\nfunction generateId(text: string): string {\n  return text\n    .toLowerCase()\n    .replace(/[^\\w\\s-]/g, \"\")\n    .replace(/\\s+/g, \"-\")\n    .trim();\n}\n\nfunction extractHeadings(content: string): Heading[] {\n  const contentWithoutCodeBlocks = content.replace(/```[\\s\\S]*?```/g, \"\");\n  const headingRegex = /^(#{1,6})\\s+(.+)$/gm;\n  const headings: Heading[] = [];\n  let match;\n\n  while ((match = headingRegex.exec(contentWithoutCodeBlocks)) !== null) {\n    const level = match[1].length;\n    const text = match[2].trim();\n    const id = generateId(text);\n    headings.push({ id, text, level });\n  }\n\n  return headings;\n}\n\nfunction Docs({ content }: DocsProps) {\n  const headings = extractHeadings(content);\n  const components = useMDXComponents({});\n\n  return (\n    <>\n      <DocsContainer>\n        <ActionBar content={content}>\n          <Flex $gap={20}>\n            <StyledMarkdownContainer>\n              {content && (\n                <MDXRemote\n                  source={content}\n                  options={{\n                    mdxOptions: {\n                      remarkPlugins: [remarkGfm],\n                    },\n                  }}\n                  components={components}\n                />\n              )}\n            </StyledMarkdownContainer>\n          </Flex>\n        </ActionBar>\n      </DocsContainer>\n      <DocsSideBar headings={headings} />\n    </>\n  );\n}\n\nexport { Docs };\n";
+export declare const docsTemplate = "import { Flex } from \"cherry-styled-components/src/lib\";\nimport {\n  DocsContainer,\n  StyledMarkdownContainer,\n} from \"@/components/layout/DocsComponents\";\nimport { MDXRemote } from \"next-mdx-remote/rsc\";\nimport remarkGfm from \"remark-gfm\";\nimport { useMDXComponents } from \"@/components/MDXComponents\";\nimport { DocsSideBar } from \"@/components/DocsSideBar\";\nimport { ActionBar } from \"@/components/layout/ActionBar\";\n\ninterface DocsProps {\n  content: string;\n}\n\ninterface Heading {\n  id: string;\n  text: string;\n  level: number;\n}\n\nfunction generateId(text: string): string {\n  return text\n    .toLowerCase()\n    .replace(/[^\\w\\s-]/g, \"\")\n    .replace(/\\s+/g, \"-\")\n    .trim();\n}\n\nfunction extractHeadings(content: string): Heading[] {\n  const contentWithoutCodeBlocks = content.replace(/```[\\s\\S]*?```/g, \"\");\n  const headingRegex = /^(#{1,6})\\s+(.+)$/gm;\n  const headings: Heading[] = [];\n  let match;\n\n  while ((match = headingRegex.exec(contentWithoutCodeBlocks)) !== null) {\n    const level = match[1].length;\n    const text = match[2].trim();\n    const id = generateId(text);\n    headings.push({ id, text, level });\n  }\n\n  return headings;\n}\n\nfunction Docs({ content }: DocsProps) {\n  const headings = extractHeadings(content);\n  const components = useMDXComponents({});\n\n  return (\n    <>\n      <DocsContainer>\n        <ActionBar content={content}>\n          <Flex $gap={20}>\n            <StyledMarkdownContainer>\n              {content && (\n                <MDXRemote\n                  source={content}\n                  options={{\n                    blockJS: false,\n                    mdxOptions: {\n                      remarkPlugins: [remarkGfm],\n                    },\n                  }}\n                  components={components}\n                />\n              )}\n            </StyledMarkdownContainer>\n          </Flex>\n        </ActionBar>\n      </DocsContainer>\n      <DocsSideBar headings={headings} />\n    </>\n  );\n}\n\nexport { Docs };\n";

package/dist/templates/components/Docs.js

@@ -57,6 +57,7 @@ function Docs({ content }: DocsProps) {
                 <MDXRemote
                   source={content}
                   options={{
+                    blockJS: false,
                     mdxOptions: {
                       remarkPlugins: [remarkGfm],
                     },

package/dist/templates/components/layout/Button.d.ts

@@ -1 +1 @@
-export declare const buttonTemplate = "\"use client\";\nimport Link from \"next/link\";\nimport styled from \"styled-components\";\nimport {\n  theme as localTheme,\n  ButtonProps,\n  buttonStyles,\n} from \"cherry-styled-components/src/lib\";\nimport { Icon } from \"@/components/layout/Icon\";\n\ninterface LinkButtonProps extends ButtonProps {\n  href?: string;\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n  size?: \"default\" | \"big\";\n  outline?: boolean;\n  fullWidth?: boolean;\n  icon?: string;\n  iconPosition?: \"left\" | \"right\";\n}\n\nconst StyledLinkButton = styled(Link)<LinkButtonProps>`\n  ${({ theme, $variant, $size, $outline, $fullWidth, disabled }) =>\n    buttonStyles(theme, $variant, $size, $outline, $fullWidth, disabled)}\n\n  & svg.lucide {\n    margin: auto 0;\n    min-width: min-content;\n    color: ${({ theme, $outline }) =>\n      $outline ? \"inherit\" : theme.colors.light};\n    stroke: ${({ theme, $outline }) =>\n      $outline ? \"currentColor\" : theme.colors.light};\n  }\n`;\n\nconst ButtonBase = styled.button<ButtonProps>`\n  ${({ theme, $variant, $size, $outline, $fullWidth, disabled }) =>\n    buttonStyles(theme, $variant, $size, $outline, $fullWidth, disabled)}\n\n  & svg.lucide {\n    margin: auto 0;\n    min-width: min-content;\n    color: ${({ theme, $outline }) =>\n      $outline ? \"inherit\" : theme.colors.light};\n    stroke: ${({ theme, $outline }) =>\n      $outline ? \"currentColor\" : theme.colors.light};\n  }\n`;\n\nfunction Button({\n  variant = \"primary\",\n  size,\n  outline,\n  fullWidth,\n  icon,\n  iconPosition = \"left\",\n  theme = localTheme,\n  href,\n  ...props\n}: LinkButtonProps) {\n  return href ? (\n    <div>\n      <StyledLinkButton\n        {...props}\n        href={href}\n        $variant={variant}\n        $size={size}\n        $outline={outline}\n        $fullWidth={fullWidth}\n      >\n        {iconPosition === \"left\" && icon && (\n          <Icon name={icon} color={theme.colors.light} size={16} />\n        )}\n        {props.children}\n        {iconPosition === \"right\" && icon && (\n          <Icon name={icon} color={theme.colors.light} size={16} />\n        )}\n      </StyledLinkButton>\n    </div>\n  ) : (\n    <div>\n      <ButtonBase\n        {...props}\n        $variant={variant}\n        $size={size}\n        $outline={outline}\n        $fullWidth={fullWidth}\n      >\n        {iconPosition === \"left\" && icon && (\n          <Icon name={icon} color={theme.colors.light} size={16} />\n        )}\n        {props.children}\n        {iconPosition === \"right\" && icon && (\n          <Icon name={icon} color={theme.colors.light} size={16} />\n        )}\n      </ButtonBase>\n    </div>\n  );\n}\n\nexport { Button };\n";
+export declare const buttonTemplate = "\"use client\";\nimport Link from \"next/link\";\nimport styled from \"styled-components\";\nimport {\n  theme as localTheme,\n  ButtonProps,\n  buttonStyles,\n} from \"cherry-styled-components/src/lib\";\nimport { Icon } from \"@/components/layout/Icon\";\n\ninterface LinkButtonProps extends ButtonProps {\n  href?: string;\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n  size?: \"default\" | \"big\";\n  outline?: boolean;\n  fullWidth?: boolean;\n  icon?: string;\n  iconPosition?: \"left\" | \"right\";\n}\n\nconst StyledLinkButton = styled(Link)<LinkButtonProps>`\n  ${({ theme, $variant, $size, $outline, $fullWidth, disabled }) =>\n    buttonStyles(theme, $variant, $size, $outline, $fullWidth, disabled)}\n\n  & svg.lucide {\n    margin: auto 0;\n    min-width: min-content;\n    color: inherit;\n  }\n`;\n\nconst ButtonBase = styled.button<ButtonProps>`\n  ${({ theme, $variant, $size, $outline, $fullWidth, disabled }) =>\n    buttonStyles(theme, $variant, $size, $outline, $fullWidth, disabled)}\n\n  & svg.lucide {\n    margin: auto 0;\n    min-width: min-content;\n    color: inherit;\n  }\n`;\n\nfunction Button({\n  variant = \"primary\",\n  size,\n  outline,\n  fullWidth,\n  icon,\n  iconPosition = \"left\",\n  theme = localTheme,\n  href,\n  ...props\n}: LinkButtonProps) {\n  return href ? (\n    <div>\n      <StyledLinkButton\n        {...props}\n        href={href}\n        $variant={variant}\n        $size={size}\n        $outline={outline}\n        $fullWidth={fullWidth}\n      >\n        {iconPosition === \"left\" && icon && <Icon name={icon} size={16} />}\n        {props.children}\n        {iconPosition === \"right\" && icon && <Icon name={icon} size={16} />}\n      </StyledLinkButton>\n    </div>\n  ) : (\n    <div>\n      <ButtonBase\n        {...props}\n        $variant={variant}\n        $size={size}\n        $outline={outline}\n        $fullWidth={fullWidth}\n      >\n        {iconPosition === \"left\" && icon && <Icon name={icon} size={16} />}\n        {props.children}\n        {iconPosition === \"right\" && icon && <Icon name={icon} size={16} />}\n      </ButtonBase>\n    </div>\n  );\n}\n\nexport { Button };\n";

package/dist/templates/components/layout/Button.js

@@ -26,10 +26,7 @@ const StyledLinkButton = styled(Link)<LinkButtonProps>\`
   & svg.lucide {
     margin: auto 0;
     min-width: min-content;
-    color: \${({ theme, $outline }) =>
-      $outline ? "inherit" : theme.colors.light};
-    stroke: \${({ theme, $outline }) =>
-      $outline ? "currentColor" : theme.colors.light};
+    color: inherit;
   }
 \`;
 
@@ -40,10 +37,7 @@ const ButtonBase = styled.button<ButtonProps>\`
   & svg.lucide {
     margin: auto 0;
     min-width: min-content;
-    color: \${({ theme, $outline }) =>
-      $outline ? "inherit" : theme.colors.light};
-    stroke: \${({ theme, $outline }) =>
-      $outline ? "currentColor" : theme.colors.light};
+    color: inherit;
   }
 \`;
 
@@ -68,13 +62,9 @@ function Button({
         $outline={outline}
         $fullWidth={fullWidth}
       >
-        {iconPosition === "left" && icon && (
-          <Icon name={icon} color={theme.colors.light} size={16} />
-        )}
+        {iconPosition === "left" && icon && <Icon name={icon} size={16} />}
         {props.children}
-        {iconPosition === "right" && icon && (
-          <Icon name={icon} color={theme.colors.light} size={16} />
-        )}
+        {iconPosition === "right" && icon && <Icon name={icon} size={16} />}
       </StyledLinkButton>
     </div>
   ) : (
@@ -86,13 +76,9 @@ function Button({
         $outline={outline}
         $fullWidth={fullWidth}
       >
-        {iconPosition === "left" && icon && (
-          <Icon name={icon} color={theme.colors.light} size={16} />
-        )}
+        {iconPosition === "left" && icon && <Icon name={icon} size={16} />}
         {props.children}
-        {iconPosition === "right" && icon && (
-          <Icon name={icon} color={theme.colors.light} size={16} />
-        )}
+        {iconPosition === "right" && icon && <Icon name={icon} size={16} />}
       </ButtonBase>
     </div>
   );

package/dist/templates/components/layout/Icon.d.ts

@@ -1 +1 @@
-export declare const iconTemplate = "import { icons } from \"lucide-react\";\n\nexport type IconProps = keyof typeof icons;\n\ninterface Props {\n  name: string | IconProps;\n  color?: string;\n  size?: number;\n  className?: string;\n}\n\nfunction transformIconName(name: string): string {\n  return name\n    .split(\"-\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\"\");\n}\n\nconst Icon = ({ name, color, size, className }: Props) => {\n  const IconName = transformIconName(name as string);\n  const LucideIcon = icons[IconName as keyof typeof icons];\n  if (!LucideIcon) return null;\n\n  return <LucideIcon color={color} size={size} className={className} />;\n};\n\nexport { Icon };\n";
+export declare const iconTemplate = "import { icons } from \"lucide-react\";\n\nexport type IconProps = keyof typeof icons;\n\ninterface Props {\n  name: string | IconProps;\n  color?: string;\n  size?: string | number;\n  className?: string;\n}\n\nfunction transformIconName(name: string): string {\n  return name\n    .split(\"-\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\"\");\n}\n\nconst Icon = ({ name, color, size, className }: Props) => {\n  const IconName = transformIconName(name as string);\n  const LucideIcon = icons[IconName as keyof typeof icons];\n  if (!LucideIcon) return null;\n\n  const numericSize = size != null ? Number(size) : undefined;\n\n  return <LucideIcon color={color} size={numericSize} className={className} />;\n};\n\nexport { Icon };\n";

package/dist/templates/components/layout/Icon.js

@@ -5,7 +5,7 @@ export type IconProps = keyof typeof icons;
 interface Props {
   name: string | IconProps;
   color?: string;
-  size?: number;
+  size?: string | number;
   className?: string;
 }
 
@@ -21,7 +21,9 @@ const Icon = ({ name, color, size, className }: Props) => {
   const LucideIcon = icons[IconName as keyof typeof icons];
   if (!LucideIcon) return null;
 
-  return <LucideIcon color={color} size={size} className={className} />;
+  const numericSize = size != null ? Number(size) : undefined;
+
+  return <LucideIcon color={color} size={numericSize} className={className} />;
 };
 
 export { Icon };

package/dist/templates/components/layout/Steps.d.ts

@@ -0,0 +1 @@
+export declare const stepsTemplate = "\"use client\";\nimport React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport { styledText, Theme } from \"cherry-styled-components/src/lib\";\nimport { rgba } from \"polished\";\nimport { Icon, IconProps } from \"@/components/layout/Icon\";\n\nconst StyledStepsContainer = styled.div<{ theme: Theme }>`\n  position: relative;\n  width: 100%;\n`;\n\nconst StyledStep = styled.div<{ theme: Theme }>`\n  background: ${({ theme }) => theme.colors.light};\n  border-radius: ${({ theme }) => theme.spacing.radius.lg};\n  padding: 0 0 20px 52px;\n  margin: 0;\n  position: relative;\n  ${({ theme }) => styledText(theme)}\n  color: ${({ theme }) => theme.colors.grayDark};\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    left: 16px;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: ${({ theme }) => theme.colors.primary};\n    background: linear-gradient(\n      180deg,\n      ${({ theme }) => theme.colors.primary},\n      ${({ theme }) => rgba(theme.colors.primary, 0)}\n    );\n    border-radius: 4px;\n  }\n`;\n\nconst StepNumber = styled.div<{ theme: Theme }>`\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: ${({ theme }) => theme.colors.primary};\n  color: ${({ theme }) => theme.colors.light};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  margin-bottom: 12px;\n  ${({ theme }) => styledText(theme)};\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n`;\n\nconst StyledStepTitle = styled.h3<{ theme: Theme }>`\n  margin: 0 0 10px 0;\n  padding: 2px 0 0 0;\n  color: ${({ theme }) => theme.colors.dark};\n  ${({ theme }) => styledText(theme)};\n`;\n\nconst StepContent = styled.div<{ theme: Theme }>`\n  color: ${({ theme }) => theme.colors.grayDark};\n  ${({ theme }) => styledText(theme)};\n\n  & > .code-wrapper {\n    margin: 10px 0;\n  }\n`;\n\ninterface StepProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string;\n  children: React.ReactNode;\n  icon?: IconProps;\n}\n\nfunction Step({ title, children, icon, ...props }: StepProps) {\n  return null;\n}\n\ninterface StepsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nfunction Steps({ children, ...props }: StepsProps) {\n  const theme = useTheme() as Theme;\n\n  const steps = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<StepProps> =>\n      React.isValidElement(child),\n  );\n\n  return (\n    <StyledStepsContainer theme={theme}>\n      {steps.map((step, index) => {\n        const { title, children: stepContent, icon } = step.props;\n\n        return (\n          <StyledStep key={index} theme={theme}>\n            <StepNumber theme={theme}>{index + 1}</StepNumber>\n            {icon && <Icon name={icon} color={theme.colors.primary} />}\n            <StyledStepTitle theme={theme}>{title}</StyledStepTitle>\n            <StepContent theme={theme}>{stepContent}</StepContent>\n          </StyledStep>\n        );\n      })}\n    </StyledStepsContainer>\n  );\n}\n\nexport { Steps, Step };\n";

package/dist/templates/components/layout/Steps.js

@@ -0,0 +1,114 @@
+export const stepsTemplate = `"use client";
+import React from "react";
+import styled, { useTheme } from "styled-components";
+import { styledText, Theme } from "cherry-styled-components/src/lib";
+import { rgba } from "polished";
+import { Icon, IconProps } from "@/components/layout/Icon";
+
+const StyledStepsContainer = styled.div<{ theme: Theme }>\`
+  position: relative;
+  width: 100%;
+\`;
+
+const StyledStep = styled.div<{ theme: Theme }>\`
+  background: \${({ theme }) => theme.colors.light};
+  border-radius: \${({ theme }) => theme.spacing.radius.lg};
+  padding: 0 0 20px 52px;
+  margin: 0;
+  position: relative;
+  \${({ theme }) => styledText(theme)}
+  color: \${({ theme }) => theme.colors.grayDark};
+
+  &::after {
+    content: "";
+    position: absolute;
+    left: 16px;
+    top: 0;
+    width: 1px;
+    height: 100%;
+    background: \${({ theme }) => theme.colors.primary};
+    background: linear-gradient(
+      180deg,
+      \${({ theme }) => theme.colors.primary},
+      \${({ theme }) => rgba(theme.colors.primary, 0)}
+    );
+    border-radius: 4px;
+  }
+\`;
+
+const StepNumber = styled.div<{ theme: Theme }>\`
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: \${({ theme }) => theme.colors.primary};
+  color: \${({ theme }) => theme.colors.light};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  margin-bottom: 12px;
+  \${({ theme }) => styledText(theme)};
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+\`;
+
+const StyledStepTitle = styled.h3<{ theme: Theme }>\`
+  margin: 0 0 10px 0;
+  padding: 2px 0 0 0;
+  color: \${({ theme }) => theme.colors.dark};
+  \${({ theme }) => styledText(theme)};
+\`;
+
+const StepContent = styled.div<{ theme: Theme }>\`
+  color: \${({ theme }) => theme.colors.grayDark};
+  \${({ theme }) => styledText(theme)};
+
+  & > .code-wrapper {
+    margin: 10px 0;
+  }
+\`;
+
+interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
+  title: string;
+  children: React.ReactNode;
+  icon?: IconProps;
+}
+
+function Step({ title, children, icon, ...props }: StepProps) {
+  return null;
+}
+
+interface StepsProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+
+function Steps({ children, ...props }: StepsProps) {
+  const theme = useTheme() as Theme;
+
+  const steps = React.Children.toArray(children).filter(
+    (child): child is React.ReactElement<StepProps> =>
+      React.isValidElement(child),
+  );
+
+  return (
+    <StyledStepsContainer theme={theme}>
+      {steps.map((step, index) => {
+        const { title, children: stepContent, icon } = step.props;
+
+        return (
+          <StyledStep key={index} theme={theme}>
+            <StepNumber theme={theme}>{index + 1}</StepNumber>
+            {icon && <Icon name={icon} color={theme.colors.primary} />}
+            <StyledStepTitle theme={theme}>{title}</StyledStepTitle>
+            <StepContent theme={theme}>{stepContent}</StepContent>
+          </StyledStep>
+        );
+      })}
+    </StyledStepsContainer>
+  );
+}
+
+export { Steps, Step };
+`;

package/dist/templates/eslint.config.d.ts

@@ -1 +1 @@
-export declare const eslintConfigTeamplate = "import nextConfig from \"eslint-config-next\";\n\nconst config = [...nextConfig];\n\nexport default config;\n";
+export declare const eslintConfigTemplate = "import nextConfig from \"eslint-config-next\";\n\nconst config = [...nextConfig];\n\nexport default config;\n";

package/dist/templates/eslint.config.js

@@ -1,4 +1,4 @@
-export const eslintConfigTeamplate = `import nextConfig from "eslint-config-next";
+export const eslintConfigTemplate = `import nextConfig from "eslint-config-next";
 
 const config = [...nextConfig];
 

package/dist/templates/mdx/deployment.mdx.d.ts

@@ -1 +1 @@
-export declare const deploymentMdxTemplate = "---\ntitle: \"Deployment\"\ndescription: \"Deploy your documentation site with Doccupine or self-host on Vercel.\"\ndate: \"2025-01-15\"\ncategory: \"Configuration\"\ncategoryOrder: 3\norder: 9\n---\n# Deployment\n\n## Deploy with Doccupine\n\nSign up for an account at [Doccupine](https://www.doccupine.com) and create your docs instantly \u2014 no build configuration, no infrastructure to manage.\n\nDoccupine gives you:\n- **Automatic deployments** on every push to your repository\n- **Site customization** through a visual dashboard \u2014 no code changes needed\n- **Team collaboration** so your whole team can manage docs together\n- **Custom domains** with automatic SSL\n- **AI Assistant and MCP server** included out of the box, no API key required\n\nGet started at [doccupine.com](https://www.doccupine.com).\n\n---\n\n## Self-hosting on Vercel\n\nIf you prefer to self-host, Doccupine generates a standard Next.js app that can be deployed to Vercel.\n\n<Callout type=\"warning\">\n  Deploy the generated website directory (the Next.js app), not your MDX source folder. In a monorepo, set the Vercel <strong>Root Directory</strong> to the generated site folder.\n</Callout>\n\n### Quick start\n1. Push the generated site folder to GitHub, GitLab, or Bitbucket.\n2. Import the repository at [vercel.com/new](https://vercel.com/new). Vercel auto-detects Next.js and applies the correct build settings.\n3. Add any required environment variables under Project \u2192 Settings \u2192 Environment Variables.\n4. Deploy. Vercel creates Preview deployments per branch and promotes to Production on merge to main.\n\nYou can also deploy from the command line with the [Vercel CLI](https://vercel.com/docs/cli):\n\n```bash\nnpm i -g vercel\n```\n\n### Custom domains\nAdd a domain under Project \u2192 Settings \u2192 Domains and point your DNS to Vercel.\n\n### Troubleshooting\n- **Build failed** \u2014 Check build logs. Ensure your lockfile and correct Node.js version are present.\n- **Missing content** \u2014 Verify your MDX files and assets are in the repository.";
+export declare const deploymentMdxTemplate = "---\ntitle: \"Deployment\"\ndescription: \"Deploy your documentation site with Doccupine or self-host on any platform that supports Next.js.\"\ndate: \"2025-01-15\"\ncategory: \"Configuration\"\ncategoryOrder: 3\norder: 9\n---\n# Deployment\n\n## Deploy with Doccupine\n\nSign up for an account at [Doccupine](https://www.doccupine.com) and create your docs instantly - no build configuration, no infrastructure to manage.\n\nDoccupine gives you:\n- **Automatic deployments** on every push to your repository\n- **Site customization** through a visual dashboard - no code changes needed\n- **Team collaboration** so your whole team can manage docs together\n- **Custom domains** with automatic SSL\n- **AI Assistant and MCP server** included out of the box, no API key required\n\nGet started at [doccupine.com](https://www.doccupine.com).\n\n---\n\n## Self-hosting\n\nDoccupine generates a standard Next.js app, so you can deploy it anywhere that supports Node.js or Next.js.\n\n<Callout type=\"warning\">\n  Deploy the generated website directory (the Next.js app), not your MDX source folder. In a monorepo, set the root directory to the generated site folder.\n</Callout>\n\n### Popular hosting options\n\n- **Vercel** - native Next.js support, zero-config deploys. Connect your repo and set the root directory to the generated app folder.\n- **Netlify** - supports Next.js via the `@netlify/plugin-nextjs` adapter. Works with the standard `next build` output.\n- **AWS Amplify** - fully managed hosting with CI/CD. Supports Next.js SSR out of the box.\n- **Cloudflare Pages** - deploy using the `@cloudflare/next-on-pages` adapter for edge-based hosting.\n- **Docker** - build a container from the generated app using the standard [Next.js Docker example](https://github.com/vercel/next.js/tree/canary/examples/with-docker) and deploy to any container platform.\n- **Node.js server** - run `next build && next start` on any server or VPS with Node.js installed.\n\n### Troubleshooting\n- **Build failed** - check build logs. Ensure your lockfile and correct Node.js version are present.\n- **Missing content** - verify your MDX files and assets are in the repository.\n- **SSR issues on edge platforms** - some features (like the AI chat API routes) require a Node.js runtime. Check your platform's documentation for SSR/API route support.";

package/dist/templates/mdx/deployment.mdx.js

@@ -1,6 +1,6 @@
 export const deploymentMdxTemplate = `---
 title: "Deployment"
-description: "Deploy your documentation site with Doccupine or self-host on Vercel."
+description: "Deploy your documentation site with Doccupine or self-host on any platform that supports Next.js."
 date: "2025-01-15"
 category: "Configuration"
 categoryOrder: 3
@@ -10,11 +10,11 @@ order: 9
 
 ## Deploy with Doccupine
 
-Sign up for an account at [Doccupine](https://www.doccupine.com) and create your docs instantly — no build configuration, no infrastructure to manage.
+Sign up for an account at [Doccupine](https://www.doccupine.com) and create your docs instantly - no build configuration, no infrastructure to manage.
 
 Doccupine gives you:
 - **Automatic deployments** on every push to your repository
-- **Site customization** through a visual dashboard — no code changes needed
+- **Site customization** through a visual dashboard - no code changes needed
 - **Team collaboration** so your whole team can manage docs together
 - **Custom domains** with automatic SSL
 - **AI Assistant and MCP server** included out of the box, no API key required
@@ -23,29 +23,24 @@ Get started at [doccupine.com](https://www.doccupine.com).
 
 ---
 
-## Self-hosting on Vercel
+## Self-hosting
 
-If you prefer to self-host, Doccupine generates a standard Next.js app that can be deployed to Vercel.
+Doccupine generates a standard Next.js app, so you can deploy it anywhere that supports Node.js or Next.js.
 
 <Callout type="warning">
-  Deploy the generated website directory (the Next.js app), not your MDX source folder. In a monorepo, set the Vercel <strong>Root Directory</strong> to the generated site folder.
+  Deploy the generated website directory (the Next.js app), not your MDX source folder. In a monorepo, set the root directory to the generated site folder.
 </Callout>
 
-### Quick start
-1. Push the generated site folder to GitHub, GitLab, or Bitbucket.
-2. Import the repository at [vercel.com/new](https://vercel.com/new). Vercel auto-detects Next.js and applies the correct build settings.
-3. Add any required environment variables under Project → Settings → Environment Variables.
-4. Deploy. Vercel creates Preview deployments per branch and promotes to Production on merge to main.
+### Popular hosting options
 
-You can also deploy from the command line with the [Vercel CLI](https://vercel.com/docs/cli):
-
-\`\`\`bash
-npm i -g vercel
-\`\`\`
-
-### Custom domains
-Add a domain under Project → Settings → Domains and point your DNS to Vercel.
+- **Vercel** - native Next.js support, zero-config deploys. Connect your repo and set the root directory to the generated app folder.
+- **Netlify** - supports Next.js via the \`@netlify/plugin-nextjs\` adapter. Works with the standard \`next build\` output.
+- **AWS Amplify** - fully managed hosting with CI/CD. Supports Next.js SSR out of the box.
+- **Cloudflare Pages** - deploy using the \`@cloudflare/next-on-pages\` adapter for edge-based hosting.
+- **Docker** - build a container from the generated app using the standard [Next.js Docker example](https://github.com/vercel/next.js/tree/canary/examples/with-docker) and deploy to any container platform.
+- **Node.js server** - run \`next build && next start\` on any server or VPS with Node.js installed.
 
 ### Troubleshooting
-- **Build failed** — Check build logs. Ensure your lockfile and correct Node.js version are present.
-- **Missing content** — Verify your MDX files and assets are in the repository.`;
+- **Build failed** - check build logs. Ensure your lockfile and correct Node.js version are present.
+- **Missing content** - verify your MDX files and assets are in the repository.
+- **SSR issues on edge platforms** - some features (like the AI chat API routes) require a Node.js runtime. Check your platform's documentation for SSR/API route support.`;

package/dist/templates/package.js

@@ -24,10 +24,10 @@ export const packageJsonTemplate = JSON.stringify({
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "baseline-browser-mapping": "^2.9.19",
-        "cherry-styled-components": "^0.1.8",
+        "cherry-styled-components": "^0.1.11",
         eslint: "^9",
         "eslint-config-next": "16.1.6",
-        "lucide-react": "^0.563.0",
+        "lucide-react": "^0.564.0",
         "next-mdx-remote": "^6.0.0",
         polished: "^4.3.1",
         prettier: "^3.8.1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doccupine",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "description": "Document management system that allows you to store, organize, and share your documentation with ease. AI-ready.",
   "main": "dist/index.js",
   "bin": {
@@ -11,7 +11,8 @@
     "build": "tsc",
     "dev": "tsc --watch",
     "start": "node dist/index.js",
-    "prepare": "npm run build"
+    "prepare": "tsc",
+    "test": "vitest run"
   },
   "keywords": [
     "doccupine",
@@ -20,6 +21,7 @@
     "mdx",
     "ai",
     "llm",
+    "mcp",
     "nextjs",
     "cli",
     "generator",
@@ -27,9 +29,9 @@
     "static-site-generator"
   ],
   "homepage": "https://doccupine.com",
-  "repository": "https://github.com/thethemefoundry/doccupine-cli",
+  "repository": "https://github.com/doccupine/cli",
   "author": "Luan Gjokaj",
-  "license": "MIT",
+  "license": "SEE LICENSE IN LICENSE",
   "dependencies": {
     "chalk": "^5.6.2",
     "chokidar": "^5.0.0",
@@ -46,7 +48,8 @@
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^25.2.3",
     "@types/prompts": "^2.4.9",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.18"
   },
   "files": [
     "dist/**/*"