@docubook/create 1.9.1 → 1.11.2

package/src/dist/lib/markdown.ts

@@ -0,0 +1,244 @@
+import { compileMDX } from "next-mdx-remote/rsc";
+import path from "path";
+import { promises as fs } from "fs";
+import remarkGfm from "remark-gfm";
+import rehypePrism from "rehype-prism-plus";
+import rehypeAutolinkHeadings from "rehype-autolink-headings";
+import rehypeSlug from "rehype-slug";
+import rehypeCodeTitles from "rehype-code-titles";
+import { page_routes, ROUTES } from "./routes-config";
+import { visit } from "unist-util-visit";
+import matter from "gray-matter";
+
+// custom components imports
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import Pre from "@/components/markdown/PreMdx";
+import Note from "@/components/markdown/NoteMdx";
+import { Stepper, StepperItem } from "@/components/markdown/StepperMdx";
+import Image from "@/components/markdown/ImageMdx";
+import Link from "@/components/markdown/LinkMdx";
+import Outlet from "@/components/markdown/OutletMdx";
+import Youtube from "@/components/markdown/YoutubeMdx";
+import Tooltip from "@/components/markdown/TooltipsMdx";
+import Card from "@/components/markdown/CardMdx";
+import Button from "@/components/markdown/ButtonMdx";
+import Accordion from "@/components/markdown/AccordionMdx";
+import CardGroup from "@/components/markdown/CardGroupMdx";
+import Kbd from "@/components/markdown/KeyboardMdx";
+import { Release, Changes } from "@/components/markdown/ReleaseMdx";
+
+// add custom components
+const components = {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  pre: Pre,
+  Note,
+  Stepper,
+  StepperItem,
+  img: Image,
+  a: Link,
+  Outlet,
+  Youtube,
+  Tooltip,
+  Card,
+  Button,
+  Accordion,
+  CardGroup,
+  Kbd,
+  Release,
+  Changes,
+};
+
+// can be used for other pages like blogs, Guides etc
+async function parseMdx<Frontmatter>(rawMdx: string) {
+  return await compileMDX<Frontmatter>({
+    source: rawMdx,
+    options: {
+      parseFrontmatter: true,
+      mdxOptions: {
+        rehypePlugins: [
+          preProcess,
+          rehypeCodeTitles,
+          rehypePrism,
+          rehypeSlug,
+          rehypeAutolinkHeadings,
+          postProcess,
+        ],
+        remarkPlugins: [remarkGfm],
+      },
+    },
+    components,
+  });
+}
+
+// logic for docs
+export type BaseMdxFrontmatter = {
+  title: string;
+  description: string;
+  image: string;
+  date: string;
+};
+
+export async function getDocsForSlug(slug: string) {
+  try {
+    const contentPath = getDocsContentPath(slug);
+    const rawMdx = await fs.readFile(contentPath, "utf-8");
+    return await parseMdx<BaseMdxFrontmatter>(rawMdx);
+  } catch (err) {
+    console.log(err);
+  }
+}
+
+export async function getDocsTocs(slug: string) {
+  const contentPath = getDocsContentPath(slug);
+  const rawMdx = await fs.readFile(contentPath, "utf-8");
+  // captures between ## - #### can modify accordingly
+  const headingsRegex = /^(#{2,4})\s(.+)$/gm;
+  let match;
+  const extractedHeadings = [];
+  while ((match = headingsRegex.exec(rawMdx)) !== null) {
+    const headingLevel = match[1].length;
+    const headingText = match[2].trim();
+    const slug = sluggify(headingText);
+    extractedHeadings.push({
+      level: headingLevel,
+      text: headingText,
+      href: `#${slug}`,
+    });
+  }
+  return extractedHeadings;
+}
+
+export function getPreviousNext(path: string) {
+  const index = page_routes.findIndex(({ href }) => href == `/${path}`);
+  return {
+    prev: page_routes[index - 1],
+    next: page_routes[index + 1],
+  };
+}
+
+function sluggify(text: string) {
+  const slug = text.toLowerCase().replace(/\s+/g, "-");
+  return slug.replace(/[^a-z0-9-]/g, "");
+}
+
+function getDocsContentPath(slug: string) {
+  return path.join(process.cwd(), "/contents/docs/", `${slug}/index.mdx`);
+}
+
+function justGetFrontmatterFromMD<Frontmatter>(rawMd: string): Frontmatter {
+  return matter(rawMd).data as Frontmatter;
+}
+
+export async function getAllChilds(pathString: string) {
+  const items = pathString.split("/").filter((it) => it != "");
+  let page_routes_copy = ROUTES;
+
+  let prevHref = "";
+  for (let it of items) {
+    const found = page_routes_copy.find((innerIt) => innerIt.href == `/${it}`);
+    if (!found) break;
+    prevHref += found.href;
+    page_routes_copy = found.items ?? [];
+  }
+  if (!prevHref) return [];
+
+  return await Promise.all(
+    page_routes_copy.map(async (it) => {
+      const totalPath = path.join(
+        process.cwd(),
+        "/contents/docs/",
+        prevHref,
+        it.href,
+        "index.mdx"
+      );
+      const raw = await fs.readFile(totalPath, "utf-8");
+      return {
+        ...justGetFrontmatterFromMD<BaseMdxFrontmatter>(raw),
+        href: `/docs${prevHref}${it.href}`,
+      };
+    })
+  );
+}
+
+// for copying the code in pre
+const preProcess = () => (tree: any) => {
+  visit(tree, (node) => {
+    if (node?.type === "element" && node?.tagName === "pre") {
+      const [codeEl] = node.children;
+      if (codeEl.tagName !== "code") return;
+      node.raw = codeEl.children?.[0].value;
+    }
+  });
+};
+
+const postProcess = () => (tree: any) => {
+  visit(tree, "element", (node) => {
+    if (node?.type === "element" && node?.tagName === "pre") {
+      node.properties["raw"] = node.raw;
+    }
+  });
+};
+
+// export type Author = {
+//   avatar?: string;
+//   handle: string;
+//   username: string;
+//   handleUrl: string;
+// };
+
+// Blog related types and functions have been removed
+/*
+export type BlogMdxFrontmatter = BaseMdxFrontmatter & {
+  date: string;
+  authors: Author[];
+  cover: string;
+};
+
+export async function getAllBlogStaticPaths() {
+  try {
+    const blogFolder = path.join(process.cwd(), "/contents/blogs/");
+    const res = await fs.readdir(blogFolder);
+    return res.map((file) => file.split(".")[0]);
+  } catch (err) {
+    console.log(err);
+    return [];
+  }
+}
+
+export async function getAllBlogs() {
+  const blogFolder = path.join(process.cwd(), "/contents/blogs/");
+  const files = await fs.readdir(blogFolder);
+  const uncheckedRes = await Promise.all(
+    files.map(async (file) => {
+      try {
+        const filepath = path.join(process.cwd(), `/contents/blogs/${file}`);
+        const rawMdx = await fs.readFile(filepath, "utf-8");
+        return {
+          ...justGetFrontmatterFromMD<BlogMdxFrontmatter>(rawMdx),
+          slug: file.split(".")[0],
+        };
+      } catch (err) {
+        console.log(err);
+        return null;
+      }
+    })
+  );
+  return uncheckedRes.filter((it) => !!it) as (BlogMdxFrontmatter & {
+    slug: string;
+  })[];
+}
+
+export async function getBlogForSlug(slug: string) {
+  try {
+    const blogFile = path.join(process.cwd(), "/contents/blogs/", `${slug}.mdx`);
+    const rawMdx = await fs.readFile(blogFile, "utf-8");
+    return await parseMdx<BlogMdxFrontmatter>(rawMdx);
+  } catch (err) {
+    console.log(err);
+    return null;
+  }
+}
+*/

package/src/dist/lib/routes-config.ts

@@ -0,0 +1,28 @@
+import docuConfig from "@/docu.json"; // Import JSON file
+
+export type EachRoute = {
+  title: string;
+  href: string;
+  noLink?: boolean; // Sekarang mendukung boolean
+  items?: EachRoute[];
+};
+
+export const ROUTES: EachRoute[] = docuConfig.routes;
+
+type Page = { title: string; href: string };
+
+function getRecursiveAllLinks(node: EachRoute): Page[] {
+  const ans: Page[] = [];
+  if (!node.noLink) {
+    ans.push({ title: node.title, href: node.href });
+  }
+  node.items?.forEach((subNode) => {
+    const temp = { ...subNode, href: `${node.href}${subNode.href}` };
+    ans.push(...getRecursiveAllLinks(temp));
+  });
+  return ans;
+}
+
+export const page_routes: Page[] = ROUTES.map((route) =>
+  getRecursiveAllLinks(route)
+).flat();

package/src/dist/lib/toc.ts

@@ -0,0 +1,9 @@
+export interface TocItem {
+  level: number;
+  text: string;
+  href: string;
+}
+
+export interface MobTocProps {
+  tocs: TocItem[];
+}

package/src/dist/lib/utils.ts

@@ -0,0 +1,80 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { EachRoute, ROUTES } from "./routes-config";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export function helperSearch(
+  query: string,
+  node: EachRoute,
+  prefix: string,
+  currenLevel: number,
+  maxLevel?: number
+) {
+  const res: EachRoute[] = [];
+  let parentHas = false;
+
+  const nextLink = `${prefix}${node.href}`;
+  if (!node.noLink && node.title.toLowerCase().includes(query.toLowerCase())) {
+    res.push({ ...node, items: undefined, href: nextLink });
+    parentHas = true;
+  }
+  const goNext = maxLevel ? currenLevel < maxLevel : true;
+  if (goNext)
+    node.items?.forEach((item) => {
+      const innerRes = helperSearch(
+        query,
+        item,
+        nextLink,
+        currenLevel + 1,
+        maxLevel
+      );
+      if (!!innerRes.length && !parentHas && !node.noLink) {
+        res.push({ ...node, items: undefined, href: nextLink });
+        parentHas = true;
+      }
+      res.push(...innerRes);
+    });
+  return res;
+}
+
+export function advanceSearch(query: string) {
+  return ROUTES.map((node) =>
+    helperSearch(query, node, "", 1, query.length == 0 ? 2 : undefined)
+  ).flat();
+}
+
+// Thursday, May 23, 2024
+export function formatDate(dateStr: string): string {
+  const [day, month, year] = dateStr.split("-").map(Number);
+  const date = new Date(year, month - 1, day);
+
+  const options: Intl.DateTimeFormatOptions = {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+  };
+
+  return date.toLocaleDateString("en-US", options);
+}
+
+//  May 23, 2024
+export function formatDate2(dateStr: string): string {
+  const [day, month, year] = dateStr.split("-").map(Number);
+  const date = new Date(year, month - 1, day);
+
+  const options: Intl.DateTimeFormatOptions = {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+  };
+  return date.toLocaleDateString("en-US", options);
+}
+
+export function stringToDate(date: string) {
+  const [day, month, year] = date.split("-").map(Number);
+  return new Date(year, month - 1, day);
+}

package/src/dist/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

package/src/dist/next.config.mjs

@@ -0,0 +1,14 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "**",
+      },
+    ],
+  },
+};
+
+export default nextConfig;
+

package/src/dist/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "docubook",
+  "version": "1.11.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-scroll-area": "^1.2.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.2",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "cmdk": "1.0.0",
+    "framer-motion": "^12.4.1",
+    "geist": "^1.3.1",
+    "gray-matter": "^4.0.3",
+    "lucide-react": "^0.511.0",
+    "next": "^14.2.6",
+    "next-mdx-remote": "^5.0.0",
+    "next-themes": "^0.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-code-titles": "^1.2.0",
+    "rehype-prism-plus": "^2.0.0",
+    "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.0",
+    "sonner": "^1.4.3",
+    "tailwind-merge": "^2.5.2",
+    "tailwindcss-animate": "^1.0.7",
+    "unist-util-visit": "^5.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.14",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8",
+    "eslint-config-next": "^14.2.6",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.10",
+    "typescript": "^5"
+  }
+}

package/src/dist/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/src/dist/public/images/docu.svg

@@ -0,0 +1,6 @@
+<svg width="327" height="335" viewBox="0 0 327 335" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.103 1.7165C107.452 6.5525 81.1909 18.8685 60.4439 36.2595C30.8829 61.0385 12.4479 92.0965 2.83192 133.323C0.321925 144.087 0.0549229 147.042 0.00192291 164.706C-0.0630771 186.652 1.50693 198.42 6.67593 214.706C18.9379 253.34 43.3039 285.232 77.9359 307.975C94.2639 318.697 115.026 327.03 137.444 331.859C146.485 333.806 150.931 334.125 169.444 334.143C188.084 334.163 192.307 333.866 201.193 331.917C239.319 323.553 273.06 302.754 294.546 274.372C315.119 247.198 324.941 219.782 326.139 186.191C327.234 155.472 321.61 127.148 309.099 100.375L304.511 90.5565L307.727 84.8815C310.757 79.5355 310.944 78.6235 310.944 69.2055C310.944 60.2955 310.641 58.5885 308.165 53.5455C300.945 38.8445 284.462 30.7025 270.472 34.9275L265.999 36.2775L258.472 30.6295C242.001 18.2715 222.519 9.2235 200.253 3.5915C188.74 0.678503 186.554 0.453499 166.444 0.113499C148.298 -0.194501 143.253 0.0565031 134.103 1.7165ZM152.944 29.8145C139.264 31.7855 118.102 39.5405 109.301 45.8075L106.348 47.9105L110.021 51.4765C121.832 62.9485 119.715 79.6665 104.652 93.8655C89.6179 108.038 70.8619 112.228 58.8769 104.095C56.8599 102.726 55.1049 101.742 54.9769 101.907C54.8479 102.071 53.1859 104.905 51.2819 108.205C46.0699 117.238 40.6489 130.512 37.7099 141.436C35.3249 150.303 35.0749 152.962 35.0129 170.206C34.9449 189.163 34.9519 189.227 38.2089 198.557C43.1559 212.726 48.3319 220.763 59.8809 232.206C72.2309 244.441 82.5579 251.01 100.684 258.161C107.977 261.038 119.458 265.557 126.198 268.202C144.252 275.288 153.014 280.829 172.073 297.216L176.203 300.766L185.982 298.647C218.657 291.568 249.221 274.758 274.055 250.208C295.044 229.458 305.061 206.48 306.168 176.54C307.047 152.773 302.951 135.224 290.92 111.205C268.15 65.7505 229.779 35.9725 185.944 29.7405C177.661 28.5625 161.375 28.5995 152.944 29.8145ZM157.857 98.5295C140.791 104.429 122 125.955 116.933 145.409C110.8 168.956 124.23 187.581 145.721 185.335C167.772 183.03 189.05 157.209 191.148 130.206C193.002 106.35 177.608 91.7015 157.857 98.5295ZM237.453 100.461C230.522 107.392 229.801 119.16 235.403 133.941C238.484 142.069 244.743 151.066 253.055 159.312C267.734 173.874 280.745 175.51 287.394 163.629C289.456 159.946 289.832 157.978 289.764 151.229C289.628 137.701 282.163 121.805 269.784 108.683C261.637 100.046 255.318 96.7055 247.13 96.7055C241.619 96.7055 240.948 96.9655 237.453 100.461ZM163.103 127.759C155.424 133.799 159.206 149.959 167.907 148.286C175.153 146.891 179.183 134.457 174.371 128.34C171.793 125.061 166.856 124.807 163.103 127.759ZM246.479 127.64C245.01 130.385 245.217 132.608 247.382 137.378C252.078 147.72 261.885 145.902 259.852 135.066C258.469 127.693 249.204 122.549 246.479 127.64ZM224.444 172.036C215.52 174.085 209.444 178.216 209.444 182.232C209.444 187.886 219.911 196.985 230.125 200.212L235.305 201.849L233.958 206.326C230.901 216.482 226.825 219.169 215.515 218.483C205.127 217.852 196.189 213.46 187.987 204.956C182.003 198.752 179.094 197.456 176.644 199.906C170.995 205.555 186.262 221.925 202.556 227.689C207.335 229.379 211.997 230.073 221.066 230.444C242.551 231.322 257.348 226.786 267.283 216.281C273.119 210.111 273.908 206.711 270.085 204.206C267.022 202.2 265.64 202.864 261.667 208.25C259.865 210.693 256.644 213.584 254.509 214.673C249.567 217.194 242.939 218.315 241.996 216.79C241.612 216.168 241.885 212.482 242.603 208.598C243.8 202.129 244.246 201.288 247.927 198.583C255.823 192.78 261.356 183.477 260.037 178.219C259.708 176.91 257.978 174.796 256.192 173.522C253.304 171.463 251.67 171.182 241.444 170.99C234.917 170.867 227.566 171.319 224.444 172.036Z" fill="#2281E3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152.944 29.8145C139.264 31.7855 118.102 39.5405 109.301 45.8075L106.348 47.9105L110.021 51.4765C121.832 62.9485 119.715 79.6665 104.652 93.8655C89.6179 108.038 70.8619 112.228 58.8769 104.095C56.8599 102.726 55.1049 101.742 54.9769 101.907C54.8479 102.071 53.1859 104.905 51.2819 108.205C46.0699 117.238 40.6489 130.512 37.7099 141.436C35.3249 150.303 35.0749 152.962 35.0129 170.206C34.9449 189.163 34.9519 189.227 38.2089 198.557C43.1559 212.726 48.3319 220.763 59.8809 232.206C72.2309 244.441 82.5579 251.01 100.684 258.161C107.977 261.038 119.458 265.557 126.198 268.202C144.252 275.288 153.014 280.829 172.073 297.216L176.203 300.766L185.982 298.647C218.657 291.568 249.221 274.758 274.055 250.208C295.044 229.458 305.061 206.48 306.168 176.54C307.047 152.773 302.951 135.224 290.92 111.205C268.15 65.7505 229.779 35.9725 185.944 29.7405C177.661 28.5625 161.375 28.5995 152.944 29.8145ZM116.933 145.409C122 125.955 140.791 104.429 157.857 98.5295C177.608 91.7015 193.002 106.35 191.148 130.206C189.05 157.209 167.772 183.03 145.721 185.335C124.23 187.581 110.8 168.956 116.933 145.409ZM235.403 133.941C229.801 119.16 230.522 107.392 237.453 100.461C240.948 96.9655 241.619 96.7055 247.13 96.7055C255.318 96.7055 261.637 100.046 269.784 108.683C282.163 121.805 289.628 137.701 289.764 151.229C289.832 157.978 289.456 159.946 287.394 163.629C280.745 175.51 267.734 173.874 253.055 159.312C244.743 151.066 238.484 142.069 235.403 133.941ZM209.444 182.232C209.444 178.216 215.52 174.085 224.444 172.036C227.566 171.319 234.917 170.867 241.444 170.99C251.67 171.182 253.304 171.463 256.192 173.522C257.978 174.796 259.708 176.91 260.037 178.219C261.356 183.477 255.823 192.78 247.927 198.583C244.246 201.288 243.8 202.129 242.603 208.598C241.885 212.482 241.612 216.168 241.996 216.79C242.939 218.315 249.567 217.194 254.509 214.673C256.644 213.584 259.865 210.693 261.667 208.25C265.64 202.864 267.022 202.2 270.085 204.206C273.908 206.711 273.119 210.111 267.283 216.281C257.348 226.786 242.551 231.322 221.066 230.444C211.997 230.073 207.335 229.379 202.556 227.689C186.262 221.925 170.995 205.555 176.644 199.906C179.094 197.456 182.003 198.752 187.987 204.956C196.189 213.46 205.127 217.852 215.515 218.483C226.825 219.169 230.901 216.482 233.958 206.326L235.305 201.849L230.125 200.212C219.911 196.985 209.444 187.886 209.444 182.232Z" fill="white"/>
+<path d="M163.103 127.759C155.424 133.799 159.206 149.959 167.907 148.286C175.153 146.891 179.183 134.457 174.371 128.34C171.793 125.061 166.856 124.807 163.103 127.759Z" fill="white"/>
+<path d="M246.479 127.64C245.01 130.385 245.217 132.608 247.382 137.378C252.078 147.72 261.885 145.902 259.852 135.066C258.469 127.693 249.204 122.549 246.479 127.64Z" fill="white"/>
+</svg>

package/src/dist/styles/editor.css

@@ -0,0 +1,57 @@
+/* GitHub-style editor customizations */
+.editor-container {
+  @apply relative font-mono text-sm leading-relaxed;
+  height: 100%;
+  min-height: 600px;
+}
+
+.editor-textarea {
+  @apply w-full h-full min-h-[600px] p-4 pl-14 bg-background resize-none focus:outline-none;
+  line-height: 1.5rem;
+  tab-size: 2;
+  counter-reset: line;
+}
+
+/* Line numbers */
+.editor-line-numbers {
+  @apply absolute left-0 top-0 bottom-0 w-10 bg-muted/30 border-r select-none;
+  padding: 1rem 0;
+  overflow: hidden;
+}
+
+.editor-line-numbers-content {
+  @apply text-right pr-2 text-muted-foreground/70;
+  font-size: 13px;
+  line-height: 1.5rem;
+}
+
+.editor-line-numbers-content > div {
+  height: 1.5rem;
+}
+
+.editor-line-numbers-content > div::before {
+  content: attr(data-line-number);
+  display: block;
+}
+
+/* Selection styling */
+.editor-textarea::selection {
+  @apply bg-primary/20;
+}
+
+.dark .editor-textarea::selection {
+  @apply bg-primary/30;
+}
+
+/* Scrollbar styling */
+.editor-textarea::-webkit-scrollbar {
+  @apply w-2;
+}
+
+.editor-textarea::-webkit-scrollbar-track {
+  @apply bg-transparent;
+}
+
+.editor-textarea::-webkit-scrollbar-thumb {
+  @apply bg-muted-foreground/20 rounded-full hover:bg-muted-foreground/30;
+}