@publish.os/nextjs 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/kernel/components/blocks/navigation-progress-playground.d.cts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function NavigationProgressPlayground(): react_jsx_runtime.JSX.Element;
-
-export { NavigationProgressPlayground };

package/dist/kernel/components/blocks/navigation-progress.cjs

@@ -1,270 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/blocks/navigation-progress.tsx
-var navigation_progress_exports = {};
-__export(navigation_progress_exports, {
-  NavigationProgressBar: () => NavigationProgressBar,
-  navigationProgressConfig: () => navigationProgressConfig
-});
-module.exports = __toCommonJS(navigation_progress_exports);
-var import_progress = require("../ui/progress.js");
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/kernel/components/blocks/navigation-progress.tsx
-var import_navigation = require("next/navigation");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var navigationProgressConfig = {
-  initialProgress: 0,
-  targetProgress: 98,
-  fastPhaseEnd: 38,
-  minDuration: 48,
-  maxDuration: 1800,
-  completeDuration: 320,
-  exitDuration: 188,
-  settleDelay: 80,
-  timeout: 8e3
-};
-function normalizePath(path) {
-  const normalized = path.replace(/\/+$/, "");
-  return normalized || "/";
-}
-function normalizeHref(href) {
-  const [pathWithSearch = ""] = href.split("#");
-  const [path = "", search = ""] = pathWithSearch.split("?");
-  const normalizedPath = normalizePath(path);
-  return search ? `${normalizedPath}?${search}` : normalizedPath;
-}
-function shouldShowProgressFor(fromPath, toPath) {
-  if (!fromPath.trim() || !toPath.trim()) return false;
-  if (/^(mailto:|tel:|sms:)/i.test(toPath)) return false;
-  if (toPath.startsWith("#")) return false;
-  if (toPath.startsWith("/_next/") || toPath.startsWith("/static/")) {
-    return false;
-  }
-  return normalizeHref(fromPath) !== normalizeHref(toPath);
-}
-function useNavigationProgress() {
-  const [progress, setProgress] = (0, import_react.useState)(0);
-  const [isExiting, setIsExiting] = (0, import_react.useState)(false);
-  const pathname = (0, import_navigation.usePathname)() || "/";
-  const searchParams = (0, import_navigation.useSearchParams)();
-  const currentUrl = `${pathname}${searchParams.size ? `?${searchParams}` : ""}`;
-  const navigation = (0, import_react.useRef)(null);
-  const animationFrame = (0, import_react.useRef)(null);
-  const completionTimer = (0, import_react.useRef)(null);
-  const cleanupTimer = (0, import_react.useRef)(null);
-  const previousUrl = (0, import_react.useRef)("");
-  const cleanup = (0, import_react.useCallback)(() => {
-    if (animationFrame.current !== null) {
-      cancelAnimationFrame(animationFrame.current);
-    }
-    if (completionTimer.current) clearTimeout(completionTimer.current);
-    if (cleanupTimer.current) clearTimeout(cleanupTimer.current);
-    if (navigation.current?.timeoutId) {
-      clearTimeout(navigation.current.timeoutId);
-    }
-    animationFrame.current = null;
-    completionTimer.current = null;
-    cleanupTimer.current = null;
-    navigation.current = null;
-  }, []);
-  const completeNavigation = (0, import_react.useCallback)(() => {
-    if (!navigation.current) return;
-    if (animationFrame.current !== null) {
-      cancelAnimationFrame(animationFrame.current);
-      animationFrame.current = null;
-    }
-    if (completionTimer.current) {
-      clearTimeout(completionTimer.current);
-      completionTimer.current = null;
-    }
-    if (cleanupTimer.current) {
-      clearTimeout(cleanupTimer.current);
-      cleanupTimer.current = null;
-    }
-    if (navigation.current.timeoutId) {
-      clearTimeout(navigation.current.timeoutId);
-      navigation.current.timeoutId = null;
-    }
-    setProgress(100);
-    cleanupTimer.current = setTimeout(() => {
-      if (!navigation.current) return;
-      setIsExiting(true);
-      cleanupTimer.current = setTimeout(() => {
-        setProgress(0);
-        setIsExiting(false);
-        navigation.current = null;
-        cleanupTimer.current = null;
-      }, navigationProgressConfig.exitDuration);
-    }, navigationProgressConfig.completeDuration);
-  }, []);
-  const reset = (0, import_react.useCallback)(() => {
-    cleanup();
-    setProgress(0);
-    setIsExiting(false);
-  }, [cleanup]);
-  const startNavigation = (0, import_react.useCallback)(
-    (fromPath, toPath) => {
-      if (!shouldShowProgressFor(fromPath, toPath)) return;
-      const normalizedTarget = normalizeHref(toPath);
-      if (navigation.current?.targetPath === normalizedTarget) return;
-      cleanup();
-      setIsExiting(false);
-      setProgress(navigationProgressConfig.initialProgress);
-      const timeoutId = setTimeout(() => {
-        completeNavigation();
-      }, navigationProgressConfig.timeout);
-      const startTime = Date.now();
-      navigation.current = {
-        startTime,
-        targetPath: normalizedTarget,
-        timeoutId
-      };
-      const animate = () => {
-        if (!navigation.current) return;
-        const elapsed = Date.now() - startTime;
-        let progressValue;
-        if (elapsed < navigationProgressConfig.minDuration) {
-          progressValue = navigationProgressConfig.initialProgress + elapsed / navigationProgressConfig.minDuration * (navigationProgressConfig.fastPhaseEnd - navigationProgressConfig.initialProgress);
-        } else {
-          const remainingProgress = navigationProgressConfig.targetProgress - navigationProgressConfig.fastPhaseEnd;
-          const normalizedTime = Math.min(
-            1,
-            (elapsed - navigationProgressConfig.minDuration) / (navigationProgressConfig.maxDuration - navigationProgressConfig.minDuration)
-          );
-          const easedTime = 1 - (1 - normalizedTime) ** 3;
-          progressValue = navigationProgressConfig.fastPhaseEnd + easedTime * remainingProgress;
-        }
-        setProgress(
-          Math.min(navigationProgressConfig.targetProgress, progressValue)
-        );
-        animationFrame.current = requestAnimationFrame(animate);
-      };
-      animationFrame.current = requestAnimationFrame(animate);
-    },
-    [cleanup, completeNavigation]
-  );
-  (0, import_react.useEffect)(() => {
-    if (!previousUrl.current) {
-      previousUrl.current = currentUrl;
-      return;
-    }
-    if (navigation.current && currentUrl !== previousUrl.current) {
-      if (completionTimer.current) clearTimeout(completionTimer.current);
-      completionTimer.current = setTimeout(() => {
-        completionTimer.current = null;
-        completeNavigation();
-      }, navigationProgressConfig.settleDelay);
-    }
-    previousUrl.current = currentUrl;
-  }, [completeNavigation, currentUrl]);
-  (0, import_react.useEffect)(() => {
-    const handleClick = (event) => {
-      if (event.button !== 0) return;
-      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
-        return;
-      }
-      const target = event.target;
-      if (!(target instanceof Element)) return;
-      if (target.closest("button, input, select, textarea, [role='button']")) {
-        return;
-      }
-      const anchor = target.closest("a");
-      if (!anchor?.href) return;
-      if (anchor.target && anchor.target !== "_self") return;
-      if (anchor.hasAttribute("download")) return;
-      try {
-        const url = new URL(anchor.href, window.location.origin);
-        if (url.origin !== window.location.origin) return;
-        const targetPath = `${url.pathname}${url.search}`;
-        startNavigation(currentUrl, targetPath);
-      } catch {
-        return;
-      }
-    };
-    document.addEventListener("click", handleClick);
-    return () => document.removeEventListener("click", handleClick);
-  }, [currentUrl, startNavigation]);
-  (0, import_react.useEffect)(() => reset, [reset]);
-  return { isExiting, progress };
-}
-function NavigationProgressContent() {
-  const { isExiting, progress } = useNavigationProgress();
-  const isVisible = progress > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_progress.Progress,
-    {
-      "aria-label": "Page navigation",
-      className: cn(
-        "pointer-events-none fixed left-0 right-0 top-0 z-progress overflow-hidden transition-opacity duration-300",
-        isVisible ? "opacity-100" : "opacity-0"
-      ),
-      style: {
-        height: "var(--progress-bar-height, 2px)"
-      },
-      value: isVisible ? progress : null,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_progress.ProgressTrack, { className: "h-full rounded-none bg-progress-bar-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_progress.ProgressIndicator,
-        {
-          className: cn(
-            "h-full w-full rounded-none bg-progress-bar-fill",
-            progress === 0 && "scale-x-0"
-          ),
-          style: {
-            transform: isExiting ? "scaleX(0)" : `scaleX(${Math.max(0, Math.min(100, progress)) / 100})`,
-            transformOrigin: isExiting ? "right" : "left",
-            transition: isExiting ? `transform ${navigationProgressConfig.exitDuration}ms var(--animation-ease-progress-exit)` : `transform ${navigationProgressConfig.completeDuration}ms var(--animation-ease-progress)`
-          }
-        }
-      ) })
-    }
-  );
-}
-function NavigationProgressBar() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationProgressContent, {}) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavigationProgressBar,
-  navigationProgressConfig
-});

package/dist/kernel/components/blocks/navigation-progress.d.cts

@@ -1,16 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const navigationProgressConfig: {
-    initialProgress: number;
-    targetProgress: number;
-    fastPhaseEnd: number;
-    minDuration: number;
-    maxDuration: number;
-    completeDuration: number;
-    exitDuration: number;
-    settleDelay: number;
-    timeout: number;
-};
-declare function NavigationProgressBar(): react_jsx_runtime.JSX.Element;
-
-export { NavigationProgressBar, navigationProgressConfig };

package/dist/kernel/components/blocks/next-prev.cjs

@@ -1,142 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/blocks/next-prev.tsx
-var next_prev_exports = {};
-__export(next_prev_exports, {
-  NextPrev: () => NextPrev
-});
-module.exports = __toCommonJS(next_prev_exports);
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/kernel/components/blocks/next-prev.tsx
-var import_lucide_react = require("lucide-react");
-var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-function pageNodes(nodes) {
-  return nodes.flatMap((node) => {
-    if (node.type === "page") return [node];
-    if (node.type === "section" || node.type === "folder") {
-      return pageNodes(node.children);
-    }
-    return [];
-  });
-}
-function DirectionIcon({ direction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 text-foreground-3 transition-colors duration-200 group-hover/next-prev:text-foreground-2", children: direction === "previous" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { "aria-hidden": "true", size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { "aria-hidden": "true", size: 14 }) });
-}
-function NavigationCard({
-  direction,
-  page
-}) {
-  const isNext = direction === "next";
-  const label = isNext ? "Next" : "Previous";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_link.default,
-    {
-      className: cn(
-        "group/next-prev grid min-h-24 w-full min-w-0 overflow-hidden rounded-card border border-stroke-3 bg-surface-1 p-px text-left text-foreground-1 no-underline shadow-xs transition-[border-color,box-shadow] duration-200 hover:text-foreground-1 hover:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring [&_*]:!no-underline",
-        isNext && "md:text-right"
-      ),
-      href: page.path,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "span",
-        {
-          className: cn(
-            "flex h-full w-full flex-col gap-2 rounded-[max(calc(var(--radius-card)-1px),0px)] p-4 transition-colors duration-300 group-hover/next-prev:bg-surface-hover group-active/next-prev:bg-surface-active",
-            isNext ? "items-start md:items-end" : "items-start"
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              "span",
-              {
-                className: cn(
-                  "flex w-full items-center gap-1.5",
-                  isNext && "md:justify-end"
-                ),
-                children: [
-                  !isNext && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectionIcon, { direction }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-medium leading-none text-foreground-3 transition-colors duration-200", children: label }),
-                  isNext && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DirectionIcon, { direction })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "line-clamp-2 text-sm font-medium leading-6 text-foreground-1 transition-colors duration-200", children: page.title })
-          ]
-        }
-      )
-    }
-  );
-}
-function NextPrev({ className, currentPath, tree }) {
-  const pages = pageNodes(tree);
-  const index = pages.findIndex((page) => page.path === currentPath);
-  const previous = index > 0 ? pages[index - 1] : null;
-  const next = index >= 0 ? pages[index + 1] : null;
-  const hasBoth = Boolean(previous && next);
-  if (!previous && !next) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Previous and next pages", className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: cn(
-        "grid gap-4 border-t border-stroke-3 pt-6",
-        hasBoth && "md:grid-cols-2"
-      ),
-      children: [
-        previous ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationCard, { direction: "previous", page: previous }) : null,
-        next ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationCard, { direction: "next", page: next }) : null
-      ]
-    }
-  ) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NextPrev
-});

package/dist/kernel/components/blocks/next-prev.d.cts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TreeNode } from '@publish.os/nextjs/types';
-
-type NextPrevProps = {
-    className?: string;
-    currentPath?: string;
-    tree: TreeNode[];
-};
-declare function NextPrev({ className, currentPath, tree }: NextPrevProps): react_jsx_runtime.JSX.Element | null;
-
-export { NextPrev, type NextPrevProps };

package/dist/kernel/components/blocks/page-list.cjs

@@ -1,59 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/blocks/page-list.tsx
-var page_list_exports = {};
-__export(page_list_exports, {
-  PageList: () => PageList
-});
-module.exports = __toCommonJS(page_list_exports);
-var import_link = require("../ui/link.js");
-var import_jsx_runtime = require("react/jsx-runtime");
-function pageNodes(nodes) {
-  return nodes.flatMap((node) => {
-    if (node.type === "page") return [node];
-    if (node.type === "section" || node.type === "folder") {
-      return pageNodes(node.children);
-    }
-    return [];
-  });
-}
-function PageList({ tree, currentPath, className }) {
-  const pages = pageNodes(tree);
-  if (pages.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Pages in this group", className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-2 text-sm", children: pages.map((page) => {
-    const active = page.path === currentPath;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_link.Link,
-      {
-        active,
-        color: active ? "accent" : "default",
-        href: page.path,
-        size: "sm",
-        children: page.title
-      }
-    ) }, `${page.group}:${page.fileID}`);
-  }) }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PageList
-});

package/dist/kernel/components/blocks/page-list.d.cts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TreeNode } from '@publish.os/nextjs/types';
-
-type PageListProps = {
-    tree: TreeNode[];
-    currentPath?: string;
-    className?: string;
-};
-declare function PageList({ tree, currentPath, className }: PageListProps): react_jsx_runtime.JSX.Element | null;
-
-export { PageList };