@carlonicora/nextjs-jsonapi 3.8.2 → 3.10.0

package/src/features/onboarding/contexts/OnboardingContext.tsx

@@ -1,20 +1,61 @@
 "use client";
 
 import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { flushSync } from "react-dom";
 import { createRoot, Root } from "react-dom/client";
-import Shepherd from "shepherd.js";
-import "shepherd.js/dist/css/shepherd.css";
+import { driver, type Driver, type DriveStep, type PopoverDOM } from "driver.js";
+import "driver.js/dist/driver.css";
 import { OnboardingCard } from "../components/OnboardingCard";
 import {
   DEFAULT_ONBOARDING_LABELS,
   OnboardingContextValue,
   OnboardingProviderProps,
   OnboardingStepConfig,
+  OnboardingStepSide,
+  OnboardingTourEndReason,
 } from "../interfaces";
 import "../styles/onboarding.css";
 
 const OnboardingContext = createContext<OnboardingContextValue | null>(null);
 
+type DriverSide = "top" | "right" | "bottom" | "left";
+type DriverAlign = "start" | "center" | "end";
+
+/** "bottom-start" → { side: "bottom", align: "start" }; bare side → align "center". */
+export function mapOnboardingSide(side?: OnboardingStepSide): { side: DriverSide; align: DriverAlign } {
+  if (!side) return { side: "bottom", align: "center" };
+  const [s, a] = side.split("-") as [DriverSide, DriverAlign | undefined];
+  return { side: s, align: a ?? "center" };
+}
+
+/**
+ * Resolves a step's target, treating a hidden element as a missing one.
+ *
+ * driver.js only honours `skipMissingElement` when the element resolves to
+ * nothing. A selector string cannot express "present in the DOM but not
+ * displayed", so targets that exist yet are `display: none` (the section rail
+ * below `md`, for instance) would otherwise highlight an empty box. Returning
+ * `undefined` from the resolver takes the exact same path as an absent
+ * selector, so the step is skipped.
+ *
+ * The check is `getClientRects()`, not the element's own computed style: an
+ * element inherits invisibility from a `display: none` ancestor, whose own
+ * style says nothing. An element with no client rects generates no boxes, so
+ * it is not displayed, whatever its own `display` value is.
+ *
+ * The cast exists because driver.js types the resolver as `() => Element`,
+ * while its runtime (`typeof e === "function" ? e() : ...`) treats any falsy
+ * result as missing.
+ */
+function resolveVisibleElement(selector: string): DriveStep["element"] {
+  return (() => {
+    const element = document.querySelector(selector);
+    if (!element) return undefined;
+    if (element.getClientRects().length === 0) return undefined;
+    return element;
+  }) as DriveStep["element"];
+}
+
 export function OnboardingProvider({
   children,
   tours = [],
@@ -22,72 +63,78 @@ export function OnboardingProvider({
   labels = DEFAULT_ONBOARDING_LABELS,
   renderCard,
   zIndex: _zIndex = 9999,
+  onTourEnd,
 }: OnboardingProviderProps) {
   const [isTourActive, setIsTourActive] = useState(false);
   const [activeTourId, setActiveTourId] = useState<string | null>(null);
   const [currentStepIndex, setCurrentStepIndex] = useState(0);
   const [totalSteps, setTotalSteps] = useState(0);
 
-  const tourRef = useRef<InstanceType<typeof Shepherd.Tour> | null>(null);
-  const rootsRef = useRef<Map<string, Root>>(new Map());
+  const driverRef = useRef<Driver | null>(null);
+  const rootsRef = useRef<Map<number, Root>>(new Map());
+  const endReasonRef = useRef<OnboardingTourEndReason>("dismissed");
+  const activeTourIdRef = useRef<string | null>(null);
+
+  // Unmount on the next tick: a root cannot unmount synchronously from inside
+  // an event handler it rendered (React warns and skips the unmount).
+  const unmountRoot = (root: Root) => setTimeout(() => root.unmount(), 0);
 
   const cleanupRoots = useCallback(() => {
-    rootsRef.current.forEach((root) => {
-      try {
-        root.unmount();
-      } catch (_e) {
-        // Root may already be unmounted
-      }
-    });
+    rootsRef.current.forEach((root) => unmountRoot(root));
     rootsRef.current.clear();
   }, []);
 
-  const closeTour = useCallback(() => {
-    if (tourRef.current) {
-      tourRef.current.cancel();
-      tourRef.current = null;
-    }
-    cleanupRoots();
+  const resetState = useCallback(() => {
     setIsTourActive(false);
     setActiveTourId(null);
     setCurrentStepIndex(0);
     setTotalSteps(0);
-  }, [cleanupRoots]);
-
-  const nextStep = useCallback(() => {
-    if (tourRef.current) {
-      tourRef.current.next();
-    }
+    driverRef.current = null;
+    activeTourIdRef.current = null;
   }, []);
 
-  const previousStep = useCallback(() => {
-    if (tourRef.current) {
-      tourRef.current.back();
-    }
-  }, []);
+  /**
+   * Ends the tour on our side: unmount the cards, reset the state, report the reason.
+   *
+   * It cannot be left to driver.js's `onDestroyed`: driver only fires that hook when
+   * it holds both an active element and an active step, and both are set by a step's
+   * 400ms transition callback. A Next/Finish click that lands before the animation
+   * settles therefore destroys the DOM without ever calling the hook, and the provider
+   * would stay `isTourActive` forever. Every path that calls `destroy()` calls this
+   * straight after; `resetState()` nulls `driverRef.current`, so a later `onDestroyed`
+   * is a no-op.
+   */
+  const teardown = useCallback(
+    (reason: OnboardingTourEndReason) => {
+      if (!driverRef.current) return;
+      const id = activeTourIdRef.current;
+      cleanupRoots();
+      resetState();
+      if (id) onTourEnd?.(id, reason);
+    },
+    [cleanupRoots, resetState, onTourEnd],
+  );
 
-  const goToStep = useCallback((index: number) => {
-    if (tourRef.current) {
-      tourRef.current.show(index);
+  const closeTour = useCallback(() => {
+    if (driverRef.current) {
+      driverRef.current.destroy();
+      teardown("dismissed");
+      return;
     }
-  }, []);
+    cleanupRoots();
+    resetState();
+  }, [cleanupRoots, resetState, teardown]);
+
+  const nextStep = useCallback(() => driverRef.current?.moveNext(), []);
+  const previousStep = useCallback(() => driverRef.current?.movePrevious(), []);
+  const goToStep = useCallback((index: number) => driverRef.current?.moveTo(index), []);
 
   const startTour = useCallback(
     (tourId: string, steps?: OnboardingStepConfig[]) => {
       if (typeof window === "undefined") return;
+      if (driverRef.current) closeTour();
 
-      // Close any existing tour
-      if (tourRef.current) {
-        closeTour();
-      }
-
-      // Get steps from provided steps or find tour by ID
-      let tourSteps = steps;
-      if (!tourSteps) {
-        const tour = tours.find((t) => t.id === tourId);
-        tourSteps = tour?.steps;
-      }
-
+      const tourSteps = steps ?? tours.find((t) => t.id === tourId)?.steps;
       if (!tourSteps || tourSteps.length === 0) {
         console.warn(`No steps found for tour: ${tourId}`);
         return;
@@ -95,96 +142,102 @@ export function OnboardingProvider({
 
       setTotalSteps(tourSteps.length);
       setActiveTourId(tourId);
+      activeTourIdRef.current = tourId;
+      endReasonRef.current = "dismissed";
 
-      const tour = new Shepherd.Tour({
-        useModalOverlay: true,
-        defaultStepOptions: {
-          classes: "shepherd-theme-custom",
-          scrollTo: { behavior: "smooth", block: "center" },
-          cancelIcon: { enabled: false },
-        },
-      });
+      const move = (direction: "next" | "previous", from: number) => {
+        const target = tourSteps[direction === "next" ? from + 1 : from - 1];
+        const go = () => (direction === "next" ? driverRef.current?.moveNext() : driverRef.current?.movePrevious());
+        if (target?.showDelay) setTimeout(go, target.showDelay);
+        else go();
+      };
 
-      // Set up tour event listeners
-      tour.on("show", () => setIsTourActive(true));
-      tour.on("cancel", () => {
-        cleanupRoots();
-        setIsTourActive(false);
-        setActiveTourId(null);
-        setCurrentStepIndex(0);
-        setTotalSteps(0);
-        tourRef.current = null;
-      });
-      tour.on("complete", () => {
-        cleanupRoots();
-        setIsTourActive(false);
-        setActiveTourId(null);
-        setCurrentStepIndex(0);
-        setTotalSteps(0);
-        tourRef.current = null;
-      });
+      const end = (reason: OnboardingTourEndReason) => {
+        endReasonRef.current = reason;
+        driverRef.current?.destroy();
+        teardown(reason);
+      };
 
-      tourSteps.forEach((stepConfig, index) => {
-        const stepId = stepConfig.id || `step-${index}`;
-
-        tour.addStep({
-          id: stepId,
-          attachTo: stepConfig.selector ? { element: stepConfig.selector, on: stepConfig.side || "bottom" } : undefined,
-          arrow: true,
-          // Use text callback to return DOM element with React content
-          text: () => {
-            const container = document.createElement("div");
-            const root = createRoot(container);
-            rootsRef.current.set(stepId, root);
-
-            const cardProps = {
-              step: stepConfig,
-              currentIndex: index,
-              totalSteps: tourSteps!.length,
-              labels,
-              onNext: () => tour.next(),
-              onPrevious: () => tour.back(),
-              onClose: () => tour.cancel(),
-              onSkip: () => tour.cancel(),
-              isFirst: index === 0,
-              isLast: index === tourSteps!.length - 1,
-            };
-
-            root.render(renderCard ? renderCard(cardProps) : <OnboardingCard {...cardProps} />);
-
-            return container;
-          },
-          buttons: [], // Empty - our card handles navigation
-          beforeShowPromise: stepConfig.showDelay
-            ? () => new Promise((resolve) => setTimeout(resolve, stepConfig.showDelay))
-            : undefined,
-          canClickTarget: stepConfig.canClickTarget ?? false,
-          modalOverlayOpeningPadding: 8,
-          modalOverlayOpeningRadius: 8,
-          when: {
-            show: () => {
-              setCurrentStepIndex(index);
-              stepConfig.onShow?.();
-            },
-            hide: () => {
-              stepConfig.onHide?.();
+      const driveSteps: DriveStep[] = tourSteps.map((stepConfig, index) => {
+        const { side, align } = mapOnboardingSide(stepConfig.side);
+        return {
+          element: stepConfig.selector ? resolveVisibleElement(stepConfig.selector) : undefined,
+          disableActiveInteraction: !(stepConfig.canClickTarget ?? false),
+          popover: {
+            side,
+            align,
+            showButtons: [],
+            popoverClass: ["onboarding-popover", stepConfig.className].filter(Boolean).join(" "),
+            onPopoverRender: (popover: PopoverDOM) => {
+              popover.wrapper.querySelectorAll("[data-onboarding-root]").forEach((n) => n.remove());
+              const container = document.createElement("div");
+              container.setAttribute("data-onboarding-root", "");
+              const root = createRoot(container);
+              /* driver.js re-renders the popover on refresh(), so the same step can
+                 render twice; drop the root the previous render left behind. */
+              const prev = rootsRef.current.get(index);
+              if (prev) unmountRoot(prev);
+              rootsRef.current.set(index, root);
+              const cardProps = {
+                step: stepConfig,
+                currentIndex: index,
+                totalSteps: tourSteps.length,
+                labels,
+                onNext: () => move("next", index),
+                onPrevious: () => move("previous", index),
+                onClose: () => end(index === tourSteps.length - 1 ? "finished" : "skipped"),
+                onSkip: () => end("skipped"),
+                isFirst: index === 0,
+                isLast: index === tourSteps.length - 1,
+              };
+              /* driver.js positions the popover right after this hook returns (renderPopover
+                 calls onRender, then repositionPopover), so the card has to be in the DOM at
+                 its real size by then — an async render would be measured as an empty box and
+                 the card would overflow the viewport near a page edge. */
+              flushSync(() => {
+                root.render(renderCard ? renderCard(cardProps) : <OnboardingCard {...cardProps} />);
+              });
+              popover.wrapper.appendChild(container);
             },
           },
-        });
+          onHighlightStarted: () => {
+            setIsTourActive(true);
+            setCurrentStepIndex(index);
+            stepConfig.onShow?.();
+          },
+          onDeselected: () => {
+            stepConfig.onHide?.();
+            const root = rootsRef.current.get(index);
+            if (root) {
+              rootsRef.current.delete(index);
+              unmountRoot(root);
+            }
+          },
+        };
+      });
+
+      const instance = driver({
+        steps: driveSteps,
+        animate: true,
+        allowClose: true,
+        overlayOpacity: 0.75,
+        stagePadding: 8,
+        stageRadius: 8,
+        smoothScroll: true,
+        skipMissingElement: true,
+        showButtons: [],
+        onDestroyed: () => teardown(endReasonRef.current),
       });
 
-      tourRef.current = tour;
-      tour.start();
+      driverRef.current = instance;
+      instance.drive();
     },
-    [tours, labels, renderCard, closeTour, cleanupRoots],
+    [tours, labels, renderCard, closeTour, teardown],
   );
 
-  // Cleanup on unmount
   useEffect(() => {
     return () => {
-      if (tourRef.current) {
-        tourRef.current.cancel();
-      }
+      driverRef.current?.destroy();
       cleanupRoots();
     };
   }, [cleanupRoots]);
@@ -206,8 +259,6 @@ export function OnboardingProvider({
 
 export function useOnboarding(): OnboardingContextValue {
   const context = useContext(OnboardingContext);
-  if (!context) {
-    throw new Error("useOnboarding must be used within an OnboardingProvider");
-  }
+  if (!context) throw new Error("useOnboarding must be used within an OnboardingProvider");
   return context;
 }

package/src/features/onboarding/interfaces/onboarding.interface.ts

@@ -70,6 +70,8 @@ export interface OnboardingContextValue {
   totalSteps: number;
 }
 
+export type OnboardingTourEndReason = "finished" | "skipped" | "dismissed";
+
 export interface OnboardingProviderProps {
   children: React.ReactNode;
   tours?: OnboardingTourConfig[];
@@ -77,6 +79,8 @@ export interface OnboardingProviderProps {
   labels?: OnboardingLabels;
   renderCard?: (props: OnboardingCardRenderProps) => ReactNode;
   zIndex?: number;
+  /** Fires once when a tour ends. "finished" = last-step Finish, "skipped" = card Skip/close, "dismissed" = overlay click or Escape. */
+  onTourEnd?: (tourId: string, reason: OnboardingTourEndReason) => void;
 }
 
 export interface OnboardingCardRenderProps {

package/src/features/onboarding/styles/onboarding.css

@@ -1,38 +1,33 @@
-/* Shepherd Modal Overlay */
-.shepherd-modal-overlay-container.shepherd-modal-is-visible {
-  opacity: 1 !important;
+/* driver.js chrome is hidden: the React card mounted by OnboardingContext is the whole popover. */
+.driver-popover.onboarding-popover {
+  background: transparent;
+  box-shadow: none;
+  padding: 0;
+  border-radius: 0;
+  max-width: none;
+  width: auto;
+  /* The card is the popover; driver.js's own clipping would cut it off. */
+  overflow: visible;
+  color: inherit;
 }
 
-.shepherd-modal-overlay-container path {
-  fill: rgba(0, 0, 0, 0.75) !important;
+.driver-popover.onboarding-popover .driver-popover-title,
+.driver-popover.onboarding-popover .driver-popover-description,
+.driver-popover.onboarding-popover .driver-popover-footer,
+.driver-popover.onboarding-popover .driver-popover-close-btn {
+  display: none;
 }
 
-/* Remove default shepherd styling - we use custom React card */
-.shepherd-element {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  padding: 0 !important;
-  max-width: none !important;
+/* Arrow colour follows the card surface so it reads as part of it. */
+.driver-popover.onboarding-popover .driver-popover-arrow-side-top {
+  border-top-color: var(--card);
 }
-
-.shepherd-content,
-.shepherd-text {
-  padding: 0 !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-bottom {
+  border-bottom-color: var(--card);
 }
-
-/* Arrow styling to match card background */
-.shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-left {
+  border-left-color: var(--card);
 }
-
-/* Hide default Shepherd header and footer - we render custom ones */
-.shepherd-header,
-.shepherd-footer {
-  display: none !important;
-}
-
-/* Dark mode support */
-.dark .shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-right {
+  border-right-color: var(--card);
 }

package/src/features/tokenusage/components/TokenUsageReportFilterBar.tsx

@@ -22,7 +22,7 @@ type Props = {
  */
 export function TokenUsageReportFilterBar({ onChange }: Props) {
   return (
-    <div className="flex flex-wrap items-center gap-2">
+    <div data-help="tokenusage.filters" className="flex flex-wrap items-center gap-2">
       <DateRangeSelector
         onDateChange={(range) => {
           if (!range?.from || !range?.to) return;

package/src/shadcnui/ui/command.tsx

@@ -8,12 +8,21 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } f
 import { InputGroup, InputGroupAddon } from "@/components/ui/input-group";
 import { SearchIcon, CheckIcon } from "lucide-react";
 
+/**
+ * Inside a dialog the Command must NOT paint `bg-popover`: `DialogContent` is
+ * `bg-background`, and the two tokens are only identical in the light theme
+ * (both white). In dark they differ — `--background` oklch(0.148) vs
+ * `--popover` oklch(0.218) — so the command block renders as a lighter panel
+ * seamed against the dialog's own header. Inheriting the dialog surface keeps a
+ * command dialog one colour in both themes.
+ */
 function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
   return (
     <CommandPrimitive
       data-slot="command"
       className={cn(
         "bg-popover text-popover-foreground rounded-xl p-1 flex size-full flex-col overflow-hidden",
+        "[[data-slot=dialog-content]_&]:bg-transparent [[data-slot=dialog-content]_&]:text-foreground",
         className,
       )}
       {...props}

package/dist/BlockNoteEditor-YOAJRPWU.css

@@ -1,29 +0,0 @@
-/* src/features/onboarding/styles/onboarding.css */
-.shepherd-modal-overlay-container.shepherd-modal-is-visible {
-  opacity: 1 !important;
-}
-.shepherd-modal-overlay-container path {
-  fill: rgba(0, 0, 0, 0.75) !important;
-}
-.shepherd-element {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  padding: 0 !important;
-  max-width: none !important;
-}
-.shepherd-content,
-.shepherd-text {
-  padding: 0 !important;
-}
-.shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
-}
-.shepherd-header,
-.shepherd-footer {
-  display: none !important;
-}
-.dark .shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
-}
-/*# sourceMappingURL=BlockNoteEditor-YOAJRPWU.css.map */

package/dist/BlockNoteEditor-YOAJRPWU.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/features/onboarding/styles/onboarding.css"],"sourcesContent":["/* Shepherd Modal Overlay */\n.shepherd-modal-overlay-container.shepherd-modal-is-visible {\n  opacity: 1 !important;\n}\n\n.shepherd-modal-overlay-container path {\n  fill: rgba(0, 0, 0, 0.75) !important;\n}\n\n/* Remove default shepherd styling - we use custom React card */\n.shepherd-element {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  max-width: none !important;\n}\n\n.shepherd-content,\n.shepherd-text {\n  padding: 0 !important;\n}\n\n/* Arrow styling to match card background */\n.shepherd-arrow::before {\n  background: hsl(var(--card)) !important;\n}\n\n/* Hide default Shepherd header and footer - we render custom ones */\n.shepherd-header,\n.shepherd-footer {\n  display: none !important;\n}\n\n/* Dark mode support */\n.dark .shepherd-arrow::before {\n  background: hsl(var(--card)) !important;\n}\n"],"mappings":";AACA,CAAC,gCAAgC,CAAC;AAChC,WAAS;AACX;AAEA,CAJC,iCAIiC;AAChC,QAAM,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB;AAGA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,cAAY;AACZ,WAAS;AACT,aAAW;AACb;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACX;AAGA,CAAC,cAAc;AACb,cAAY,IAAI,IAAI;AACtB;AAGA,CAAC;AACD,CAAC;AACC,WAAS;AACX;AAGA,CAAC,KAAK,CAXL,cAWoB;AACnB,cAAY,IAAI,IAAI;AACtB;","names":[]}

package/dist/BlockNoteViewer-6N2GQWTI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/nextjs-jsonapi/nextjs-jsonapi/dist/BlockNoteViewer-6N2GQWTI.js","../src/components/viewers/BlockNoteViewer.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,sDAA4B;AAC5B;AACA;ACHA,yCAAmC;AAKnC,2CAA8B;AAC9B,uCAAO;AACP,yCAAyB;AAoBhB,+CAAA;AAlBT,SAAS,SAAA,CAAU,OAAA,EAA8C;AAC/D,EAAA,GAAA,CAAI,KAAA,CAAM,OAAA,CAAQ,OAAO,EAAA,GAAK,OAAA,CAAQ,OAAA,EAAS,CAAA,EAAG,OAAO,OAAA;AACzD,EAAA,GAAA,CAAI,OAAO,QAAA,IAAY,SAAA,GAAY,OAAA,CAAQ,IAAA,CAAK,CAAA,EAAG;AACjD,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,EAAS,IAAA,CAAK,KAAA,CAAM,OAAO,CAAA;AACjC,MAAA,GAAA,CAAI,KAAA,CAAM,OAAA,CAAQ,MAAM,EAAA,GAAK,MAAA,CAAO,OAAA,EAAS,CAAA,EAAG,OAAO,MAAA;AAAA,IACzD,EAAA,UAAQ;AAAA,IAER;AAAA,EACF;AACA,EAAA,OAAO,KAAA,CAAA;AACT;AAXS,qCAAA,SAAA,EAAA,WAAA,CAAA;AAaF,SAAS,eAAA,CAAgB,EAAE,QAAQ,CAAA,EAAyB;AACjE,EAAA,MAAM,OAAA,EAAS,uCAAA,EAAqB,cAAA,EAAgB,SAAA,CAAU,OAAO,EAAE,CAAC,CAAA;AAGxE,EAAA,MAAM,EAAE,cAAc,EAAA,EAAI,kCAAA,CAAS;AACnC,EAAA,uBAAO,6BAAA,qBAAC,EAAA,EAAc,MAAA,EAAgB,QAAA,EAAU,KAAA,EAAO,KAAA,EAAO,cAAA,IAAkB,OAAA,EAAS,OAAA,EAAS,QAAA,CAAS,CAAA;AAC7G;AANgB,qCAAA,eAAA,EAAA,iBAAA,CAAA;ADKhB;AACE;AACF,0CAAC","file":"/home/runner/work/nextjs-jsonapi/nextjs-jsonapi/dist/BlockNoteViewer-6N2GQWTI.js","sourcesContent":[null,"\"use client\";\n\nimport { useCreateBlockNote } from \"@blocknote/react\";\nimport type { PartialBlock } from \"@blocknote/core\";\n// Mirror BlockNoteEditor.tsx's BlockNoteView import + style.css. Default schema\n// only — no useCurrentUserContext, uploadImage, AI, or custom inline specs, so\n// this can render on auth-free public pages.\nimport { BlockNoteView } from \"@blocknote/shadcn\";\nimport \"@blocknote/shadcn/style.css\";\nimport { useTheme } from \"next-themes\";\n\nfunction normalize(content: unknown): PartialBlock[] | undefined {\n  if (Array.isArray(content) && content.length > 0) return content as PartialBlock[];\n  if (typeof content === \"string\" && content.trim()) {\n    try {\n      const parsed = JSON.parse(content);\n      if (Array.isArray(parsed) && parsed.length > 0) return parsed as PartialBlock[];\n    } catch {\n      /* plain string — fall through to undefined (rendered as empty) */\n    }\n  }\n  return undefined;\n}\n\nexport function BlockNoteViewer({ content }: { content: unknown }) {\n  const editor = useCreateBlockNote({ initialContent: normalize(content) });\n  // Outside a next-themes ThemeProvider (public pages) resolvedTheme is\n  // undefined, so this falls back to \"light\".\n  const { resolvedTheme } = useTheme();\n  return <BlockNoteView editor={editor} editable={false} theme={resolvedTheme === \"dark\" ? \"dark\" : \"light\"} />;\n}\n"]}

package/dist/BlockNoteViewer-IBQRJ3WM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/viewers/BlockNoteViewer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCreateBlockNote } from \"@blocknote/react\";\nimport type { PartialBlock } from \"@blocknote/core\";\n// Mirror BlockNoteEditor.tsx's BlockNoteView import + style.css. Default schema\n// only — no useCurrentUserContext, uploadImage, AI, or custom inline specs, so\n// this can render on auth-free public pages.\nimport { BlockNoteView } from \"@blocknote/shadcn\";\nimport \"@blocknote/shadcn/style.css\";\nimport { useTheme } from \"next-themes\";\n\nfunction normalize(content: unknown): PartialBlock[] | undefined {\n  if (Array.isArray(content) && content.length > 0) return content as PartialBlock[];\n  if (typeof content === \"string\" && content.trim()) {\n    try {\n      const parsed = JSON.parse(content);\n      if (Array.isArray(parsed) && parsed.length > 0) return parsed as PartialBlock[];\n    } catch {\n      /* plain string — fall through to undefined (rendered as empty) */\n    }\n  }\n  return undefined;\n}\n\nexport function BlockNoteViewer({ content }: { content: unknown }) {\n  const editor = useCreateBlockNote({ initialContent: normalize(content) });\n  // Outside a next-themes ThemeProvider (public pages) resolvedTheme is\n  // undefined, so this falls back to \"light\".\n  const { resolvedTheme } = useTheme();\n  return <BlockNoteView editor={editor} editable={false} theme={resolvedTheme === \"dark\" ? \"dark\" : \"light\"} />;\n}\n"],"mappings":";;;;;;AAEA,SAAS,0BAA0B;AAKnC,SAAS,qBAAqB;AAC9B,OAAO;AACP,SAAS,gBAAgB;AAoBhB;AAlBT,SAAS,UAAU,SAA8C;AAC/D,MAAI,MAAM,QAAQ,OAAO,KAAK,QAAQ,SAAS,EAAG,QAAO;AACzD,MAAI,OAAO,YAAY,YAAY,QAAQ,KAAK,GAAG;AACjD,QAAI;AACF,YAAM,SAAS,KAAK,MAAM,OAAO;AACjC,UAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,EAAG,QAAO;AAAA,IACzD,QAAQ;AAAA,IAER;AAAA,EACF;AACA,SAAO;AACT;AAXS;AAaF,SAAS,gBAAgB,EAAE,QAAQ,GAAyB;AACjE,QAAM,SAAS,mBAAmB,EAAE,gBAAgB,UAAU,OAAO,EAAE,CAAC;AAGxE,QAAM,EAAE,cAAc,IAAI,SAAS;AACnC,SAAO,oBAAC,iBAAc,QAAgB,UAAU,OAAO,OAAO,kBAAkB,SAAS,SAAS,SAAS;AAC7G;AANgB;","names":[]}