@publish.os/nextjs 0.0.1-alpha.81 → 0.0.1-alpha.91

package/dist/components/blocks/toc.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function TocDesktop({ children }: {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function TocMobile({ children }: {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function TocMobileHeader({ children }: {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function TocLinksSlot({ className, listClassName, viewport, }: {
+    className?: string;
+    listClassName?: string;
+    viewport?: "desktop" | "mobile";
+}): react_jsx_runtime.JSX.Element;
+declare function TocTitle({ children, className, ...props }: React.ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+
+type TocProps = {
+    children?: ReactNode;
+    className?: string;
+    content?: string;
+    desktopClassName?: string;
+    desktopListClassName?: string;
+    levels?: [number, number];
+    listClassName?: string;
+    mobileClassName?: string;
+    mobileQuery?: string;
+    readingOffset?: number;
+    title?: string;
+};
+declare function TocRoot({ className, content, desktopClassName, desktopListClassName, levels, listClassName, mobileClassName, mobileQuery, readingOffset, title, children, }: TocProps): react_jsx_runtime.JSX.Element | null;
+declare const Toc: typeof TocRoot & {
+    Desktop: typeof TocDesktop;
+    Links: typeof TocLinksSlot;
+    Mobile: typeof TocMobile;
+    MobileHeader: typeof TocMobileHeader;
+    Root: typeof TocRoot;
+    Title: typeof TocTitle;
+};
+
+export { Toc, type TocProps };

package/dist/components/blocks/toc.js

@@ -0,0 +1,136 @@
+// src/components/block/toc/toc.tsx
+import {
+  TocClientProvider,
+  TocDesktop,
+  TocLinksSlot,
+  TocMobile,
+  TocMobileHeader,
+  TocTitle
+} from "@publish.os/nextjs/kernel/components/blocks/toc-client";
+import { cn } from "@publish.os/nextjs/utils/cn";
+
+// src/components/block/toc/extract-headings.ts
+import remarkGfm from "remark-gfm";
+import remarkMdx from "remark-mdx";
+import remarkParse from "remark-parse";
+import { unified } from "unified";
+
+// src/components/mdx/heading-string.ts
+var SELF_CLOSING_TAG_RE = /<[^>]+\/>/g, PAIRED_TAG_RE = /<\/?\w[^>]*>/g, MDX_BOLD_RE = /\*\*(.*?)\*\*/g, MDX_ITALIC_RE = /\*(.*?)\*/g, MDX_UNDERLINE_BOLD_RE = /__(.*?)__/g, MDX_UNDERLINE_ITALIC_RE = /_(.*?)_/g, MDX_STRIKETHROUGH_RE = /~~(.*?)~~/g, MDX_INLINE_CODE_RE = /`(.*?)`/g, MDX_LINK_RE = /\[(.*?)\]\(.*?\)/g, NON_ALPHANUMERIC_RE = /[^a-z0-9]+/g, LEADING_TRAILING_HYPHEN_RE = /^-+|-+$/g, LEADING_DIGIT_RE = /^(\d)/;
+function cleanHeadingString(input) {
+  return input.replace(SELF_CLOSING_TAG_RE, "").replace(PAIRED_TAG_RE, "").replace(MDX_BOLD_RE, "$1").replace(MDX_ITALIC_RE, "$1").replace(MDX_UNDERLINE_BOLD_RE, "$1").replace(MDX_UNDERLINE_ITALIC_RE, "$1").replace(MDX_STRIKETHROUGH_RE, "$1").replace(MDX_INLINE_CODE_RE, "$1").replace(MDX_LINK_RE, "$1").trim();
+}
+function headingStringToHTMLId(input) {
+  let text = cleanHeadingString(input);
+  return text ? text.toLowerCase().replace(NON_ALPHANUMERIC_RE, "-").replace(LEADING_TRAILING_HYPHEN_RE, "").replace(LEADING_DIGIT_RE, "id-$1") || "heading" : "empty-heading";
+}
+function createHeadingStringIdGenerator() {
+  let nextSuffix = /* @__PURE__ */ new Map(), usedIds = /* @__PURE__ */ new Set();
+  return (input) => {
+    let baseId = headingStringToHTMLId(input);
+    if (baseId === "empty-heading") return baseId;
+    let suffix = nextSuffix.get(baseId) ?? 0, id = suffix === 0 ? baseId : `${baseId}-${suffix}`;
+    for (; usedIds.has(id); )
+      suffix += 1, id = `${baseId}-${suffix}`;
+    return nextSuffix.set(baseId, suffix + 1), usedIds.add(id), id;
+  };
+}
+
+// src/components/block/toc/extract-headings.ts
+var parser = unified().use(remarkParse).use(remarkMdx).use(remarkGfm);
+function nodeText(node) {
+  return node.type === "text" || node.type === "inlineCode" ? typeof node.value == "string" ? node.value : "" : node.type === "image" || node.type === "imageReference" ? node.alt ?? "" : node.type === "break" || node.name === "br" ? " " : node.type === "mdxTextExpression" || node.type === "mdxFlowExpression" ? "" : (node.children ?? []).map(nodeText).join("");
+}
+function extractTocHeadings(content, levels) {
+  let [minDepth, maxDepth] = levels, headingId = createHeadingStringIdGenerator(), headings = [], tree = parser.parse(content);
+  function visit(node) {
+    if (node.type === "heading" && node.depth) {
+      let text = nodeText(node).trim();
+      if (text) {
+        let id = headingId(text);
+        node.depth >= minDepth && node.depth <= maxDepth && headings.push({ id, level: node.depth, text });
+      }
+    }
+    for (let child of node.children ?? []) visit(child);
+  }
+  return visit(tree), headings;
+}
+
+// src/components/block/toc/toc.tsx
+import { Fragment, jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+var DEFAULT_LEVELS = [2, 3];
+function TocRoot({
+  className,
+  content = "",
+  desktopClassName,
+  desktopListClassName,
+  levels = DEFAULT_LEVELS,
+  listClassName,
+  mobileClassName,
+  mobileQuery = "(max-width: 1279px)",
+  readingOffset,
+  title = "On this page",
+  children
+}) {
+  let headings = extractTocHeadings(content, levels);
+  return headings.length <= 1 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TocClientProvider,
+      {
+        className: cn("text-xs leading-5", className),
+        desktopClassName: cn("hidden xl:block", desktopClassName),
+        desktopListClassName,
+        headings,
+        levels,
+        listClassName,
+        mobileClassName: cn("xl:hidden", mobileClassName),
+        mobileQuery,
+        readingOffset,
+        title,
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(TocDesktop, {}),
+          /* @__PURE__ */ jsx(TocMobile, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs("noscript", { children: [
+      /* @__PURE__ */ jsx("style", { children: "[data-toc-mobile-trigger]{display:none}" }),
+      /* @__PURE__ */ jsx(
+        "nav",
+        {
+          "aria-label": title,
+          className: cn(
+            "xl:hidden max-h-[calc(100dvh-2rem)] overflow-y-auto overscroll-contain border-b border-stroke-3 px-6 py-4 text-xs leading-5",
+            mobileClassName
+          ),
+          children: /* @__PURE__ */ jsx("ol", { className: cn("space-y-1", listClassName), children: headings.map((heading) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: heading.level === levels[0] + 1 ? "ps-3" : void 0,
+              children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  className: "block min-h-6 whitespace-normal break-words text-foreground-3 no-underline hover:text-foreground-1 hover:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-stroke",
+                  href: `#${heading.id}`,
+                  children: heading.text
+                }
+              )
+            },
+            heading.id
+          )) })
+        }
+      )
+    ] })
+  ] });
+}
+var Toc = Object.assign(TocRoot, {
+  Desktop: TocDesktop,
+  Links: TocLinksSlot,
+  Mobile: TocMobile,
+  MobileHeader: TocMobileHeader,
+  Root: TocRoot,
+  Title: TocTitle
+});
+export {
+  Toc
+};

package/dist/components/ui/button.d.ts

@@ -0,0 +1,5 @@
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+export { Button, ButtonProps, ButtonVariantProps, buttonVariantBase, buttonVariantConfig, buttonVariants } from '../../kernel/components/ui/button.js';

package/dist/components/ui/button.js

@@ -0,0 +1,94 @@
+// src/components/ui/button.tsx
+import { Button as BaseButton } from "@base-ui/react/button";
+import { cn } from "@publish.os/nextjs/utils/cn";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+var buttonVariantBase = [
+  "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-button border font-medium leading-none",
+  "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-stroke",
+  "disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+].join(" "), buttonVariantConfig = {
+  variants: {
+    variant: {
+      solid: "border-accent-1 bg-accent-1 text-accent-1-foreground hover:not-data-disabled:border-accent-1-hover hover:not-data-disabled:bg-accent-1-hover active:not-data-disabled:border-accent-1-active active:not-data-disabled:bg-accent-1-active data-[state=path-active]:border-accent-1-hover data-[state=path-active]:bg-accent-1-hover",
+      soft: "border-0 bg-accent-2 text-accent-text-foreground hover:not-data-disabled:not-active:not-data-[state=path-active]:bg-accent-2-hover active:not-data-disabled:bg-accent-2-active data-[state=path-active]:bg-accent-2-active",
+      outline: "border-stroke-2 bg-transparent text-foreground-1 hover:not-data-disabled:bg-surface-hover active:not-data-disabled:bg-surface-active data-[state=path-active]:border-accent-2-stroke data-[state=path-active]:bg-accent-2-hover data-[state=path-active]:text-accent-1",
+      ghost: "border-transparent bg-transparent text-foreground-2 hover:not-data-disabled:not-active:not-data-[state=path-active]:bg-surface-hover hover:not-data-disabled:text-foreground-1 active:not-data-disabled:bg-surface-active active:not-data-disabled:text-foreground-1 data-[state=path-active]:bg-surface-active data-[state=path-active]:text-foreground-1"
+    },
+    size: {
+      xs: "h-7 gap-1.5 px-2 text-xs leading-none",
+      sm: "h-8 px-3 text-sm leading-none",
+      md: "h-10 px-4 text-sm leading-none",
+      lg: "h-11 px-5 text-base leading-none",
+      xl: "h-12 px-6 text-base leading-none"
+    },
+    iconOnly: {
+      false: "",
+      true: "gap-0 px-0"
+    }
+  },
+  compoundVariants: [
+    { className: "size-7 p-0", iconOnly: !0, size: "xs" },
+    { className: "size-8 p-0", iconOnly: !0, size: "sm" },
+    { className: "size-10 p-0", iconOnly: !0, size: "md" },
+    { className: "size-11 p-0", iconOnly: !0, size: "lg" },
+    { className: "size-12 p-0", iconOnly: !0, size: "xl" }
+  ],
+  defaultVariants: {
+    iconOnly: !1,
+    size: "md",
+    variant: "solid"
+  }
+}, buttonVariants = cva(buttonVariantBase, {
+  ...buttonVariantConfig,
+  compoundVariants: buttonVariantConfig.compoundVariants.map((variant) => ({
+    ...variant
+  }))
+});
+function Spinner() {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "size-4 animate-spin rounded-full border-2 border-current border-r-transparent"
+    }
+  );
+}
+function Button({
+  active,
+  children,
+  className,
+  disabled,
+  iconOnly,
+  leftIcon,
+  loading,
+  rightIcon,
+  size,
+  type = "button",
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    BaseButton,
+    {
+      className: cn(buttonVariants({ iconOnly, size, variant }), className),
+      "data-state": active ? "path-active" : void 0,
+      disabled: disabled || loading,
+      focusableWhenDisabled: loading,
+      type,
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ jsx(Spinner, {}) : leftIcon,
+        children,
+        !loading && rightIcon
+      ]
+    }
+  );
+}
+export {
+  Button,
+  buttonVariantBase,
+  buttonVariantConfig,
+  buttonVariants
+};

package/dist/compose-CVBJRAF6.js

@@ -0,0 +1,16 @@
+import {
+  composeFrameworkSource,
+  createIdeSourceArtifacts
+} from "./chunk-OXOFRXEI.js";
+import "./chunk-NNBJZPFM.js";
+import "./chunk-UYGCOWRF.js";
+import "./chunk-EFO6AWXN.js";
+import "./chunk-5KAD7W53.js";
+import "./chunk-WL75GQ5M.js";
+import "./chunk-AI2UULNX.js";
+import "./chunk-5J3YUNRY.js";
+import "./chunk-22RSSUNV.js";
+export {
+  composeFrameworkSource,
+  createIdeSourceArtifacts
+};

package/dist/config/createNextConfig.js

@@ -1,9 +1,36 @@
+// src/lib/hosting/framework-paths.ts
+var FRAMEWORK_PREFIX = "/publishos", SOURCE_ASSET_PREFIX = `${FRAMEWORK_PREFIX}/assets`, INTERNAL_PREFIX = `${FRAMEWORK_PREFIX}/internal`, SITE_API_PREFIX = `${FRAMEWORK_PREFIX}/api`, SEARCH_PREFIX = `${INTERNAL_PREFIX}/search`, PAGEFIND_MODULE_URL = `${SEARCH_PREFIX}/pagefind.js`, PAGEFIND_ENTRY_URL = `${SEARCH_PREFIX}/pagefind-entry.json`, IMAGE_OPTIMIZER_PATH = `${SITE_API_PREFIX}/image`, NEXT_IMAGE_OPTIMIZER_PATH = "/_next/image", OG_SERVICE_PREFIX = `${SITE_API_PREFIX}/og`, PUBLIC_INTERNAL_DIRECTORY = INTERNAL_PREFIX.slice(1), PUBLIC_FONT_DIRECTORY = `${PUBLIC_INTERNAL_DIRECTORY}/fonts`, PUBLIC_SEARCH_DIRECTORY = `public/${PUBLIC_INTERNAL_DIRECTORY}/search`, FRAMEWORK_PROXY_MATCHER = `/((?!${FRAMEWORK_PREFIX.slice(1)}(?:/|$)|_next/static|_next/image|_next/webpack-hmr).*)`;
+
 // src/create-next-config.ts
 function createNextConfig({
   outputDir
 }) {
   return {
     distDir: outputDir,
+    // Internal rewrites must retain the server's original loopback hostname.
+    skipProxyUrlNormalize: !0,
+    assetPrefix: INTERNAL_PREFIX,
+    images: {
+      path: IMAGE_OPTIMIZER_PATH,
+      localPatterns: [{ pathname: `${SOURCE_ASSET_PREFIX}/**` }],
+      remotePatterns: []
+    },
+    turbopack: {
+      resolveAlias: {
+        "next/image": "@publish.os/nextjs/kernel/components/next-image"
+      }
+    },
+    webpack(config) {
+      return config.resolve.alias["next/image"] = "@publish.os/nextjs/kernel/components/next-image", config;
+    },
+    async rewrites() {
+      return [
+        {
+          source: IMAGE_OPTIMIZER_PATH,
+          destination: NEXT_IMAGE_OPTIMIZER_PATH
+        }
+      ];
+    },
     transpilePackages: ["@publish.os/nextjs"],
     cacheComponents: !0,
     cacheLife: {