@imjp/writenex-astro 0.1.0 → 1.3.0

package/src/client/components/ConfigPanel/ConfigPanel.tsx

@@ -8,27 +8,27 @@
  * @module @writenex/astro/client/components/ConfigPanel
  */
 
-import { useCallback, useEffect, useRef, useState } from "react";
 import {
-  X,
-  Settings,
+  Check,
+  ChevronDown,
+  Copy,
+  ExternalLink,
   Folder,
   Image,
   Info,
-  ExternalLink,
-  Copy,
-  Check,
-  ChevronDown,
+  Settings,
+  X,
 } from "lucide-react";
-import { useFocusTrap } from "../../hooks/useFocusTrap";
-import type { Collection, WritenexClientConfig } from "../../hooks/useApi";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useSharedApi } from "../../context/ApiContext";
+import type { Collection, WritenexClientConfig } from "../../hooks/useApi";
+import { useFocusTrap } from "../../hooks/useFocusTrap";
 import {
-  openInEditor,
+  type EditorType,
   getAvailableEditors,
   getPreferredEditor,
+  openInEditor,
   setPreferredEditor,
-  type EditorType,
 } from "../../utils/openInEditor";
 import "./ConfigPanel.css";
 
@@ -71,8 +71,9 @@ export function ConfigPanel({
   const [configPath, setConfigPath] = useState<string | null>(null);
   const [hasConfigFile, setHasConfigFile] = useState(false);
   const [copied, setCopied] = useState(false);
-  const [selectedEditor, setSelectedEditor] =
-    useState<EditorType>(getPreferredEditor());
+  const [selectedEditor, setSelectedEditor] = useState<EditorType>(
+    getPreferredEditor()
+  );
   const [showEditorDropdown, setShowEditorDropdown] = useState(false);
 
   // Fetch config path when modal opens

package/src/client/components/CreateContentModal/CreateContentModal.tsx

@@ -8,8 +8,8 @@
  * @module @writenex/astro/client/components/CreateContentModal
  */
 
+import { FileText, X } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { X, FileText } from "lucide-react";
 import { useFocusTrap } from "../../hooks/useFocusTrap";
 import "./CreateContentModal.css";
 

package/src/client/components/Editor/Editor.tsx

@@ -8,42 +8,42 @@
  * @module @writenex/astro/client/components/Editor
  */
 
-import { useCallback, useEffect, useRef, useState } from "react";
-import { FileText, Plus } from "lucide-react";
 import {
-  MDXEditor,
-  headingsPlugin,
-  listsPlugin,
-  quotePlugin,
-  thematicBreakPlugin,
-  markdownShortcutPlugin,
-  linkPlugin,
-  linkDialogPlugin,
-  imagePlugin,
-  tablePlugin,
+  addComposerChild$,
+  BlockTypeSelect,
+  BoldItalicUnderlineToggles,
+  CodeToggle,
+  CreateLink,
   codeBlockPlugin,
   codeMirrorPlugin,
-  toolbarPlugin,
+  DiffSourceToggleWrapper,
   diffSourcePlugin,
-  frontmatterPlugin,
-  searchPlugin,
-  editorSearchTerm$,
   editorSearchCursor$,
-  usePublisher,
-  addComposerChild$,
-  BoldItalicUnderlineToggles,
-  BlockTypeSelect,
-  CreateLink,
+  editorSearchTerm$,
+  frontmatterPlugin,
+  headingsPlugin,
+  InsertCodeBlock,
   InsertImage,
   InsertTable,
-  ListsToggle,
-  UndoRedo,
-  CodeToggle,
   InsertThematicBreak,
-  InsertCodeBlock,
-  DiffSourceToggleWrapper,
+  imagePlugin,
+  ListsToggle,
+  linkDialogPlugin,
+  linkPlugin,
+  listsPlugin,
+  MDXEditor,
   type MDXEditorMethods,
+  markdownShortcutPlugin,
+  quotePlugin,
+  searchPlugin,
+  tablePlugin,
+  thematicBreakPlugin,
+  toolbarPlugin,
+  UndoRedo,
+  usePublisher,
 } from "@mdxeditor/editor";
+import { FileText, Plus } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import "@mdxeditor/editor/style.css";
 import "./Editor.css";
 import { ImageDialog } from "./ImageDialog";
@@ -138,7 +138,7 @@ function SearchBridge(): null {
  */
 function createSearchBridgePlugin() {
   return {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // biome-ignore lint/suspicious/noExplicitAny: third party type
     init: (realm: any) => {
       realm.pub(addComposerChild$, SearchBridge);
     },

package/src/client/components/Editor/ImageDialog.tsx

@@ -17,15 +17,16 @@
  * @module @writenex/astro/client/components/Editor/ImageDialog
  */
 
-import { useState, useRef, useEffect, useCallback } from "react";
-import { usePublisher, useCellValue } from "@mdxeditor/editor";
 import {
-  insertImage$,
   closeImageDialog$,
   imageDialogState$,
+  insertImage$,
   saveImage$,
+  useCellValue,
+  usePublisher,
 } from "@mdxeditor/editor";
 import { Image as ImageIcon, Link as LinkIcon, Upload, X } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useFocusTrap } from "../../hooks/useFocusTrap";
 import "./ImageDialog.css";
 

package/src/client/components/Editor/LinkDialog.tsx

@@ -17,16 +17,17 @@
  * @module @writenex/astro/client/components/Editor/LinkDialog
  */
 
-import { useState, useCallback, useEffect, useRef } from "react";
-import { usePublisher, useCellValue } from "@mdxeditor/editor";
 import {
-  linkDialogState$,
   cancelLinkEdit$,
-  updateLink$,
-  switchFromPreviewToLinkEdit$,
+  linkDialogState$,
   removeLink$,
+  switchFromPreviewToLinkEdit$,
+  updateLink$,
+  useCellValue,
+  usePublisher,
 } from "@mdxeditor/editor";
-import { Link as LinkIcon, Trash2, Edit2, Copy, X } from "lucide-react";
+import { Copy, Edit2, Link as LinkIcon, Trash2, X } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useFocusTrap } from "../../hooks/useFocusTrap";
 import "./LinkDialog.css";
 

package/src/client/components/Editor/index.ts

@@ -3,4 +3,4 @@
  * @module @writenex/astro/client/components/Editor
  */
 
-export { Editor, EditorLoading, EditorEmpty } from "./Editor";
+export { Editor, EditorEmpty, EditorLoading } from "./Editor";

package/src/client/components/FrontmatterForm/FrontmatterForm.css

@@ -409,7 +409,7 @@
 
 /* Date input calendar icon - no invert for light mode */
 .wn-light
-  .wn-frontmatter-input[type="date"]::-webkit-calendar-picker-indicator {
+.wn-frontmatter-input[type="date"]::-webkit-calendar-picker-indicator {
   filter: none;
   opacity: 0.6;
 }

package/src/client/components/FrontmatterForm/FrontmatterForm.tsx

@@ -8,8 +8,8 @@
  * @module @writenex/astro/client/components/FrontmatterForm
  */
 
+import { AlertCircle, Info, X } from "lucide-react";
 import { useCallback, useState } from "react";
-import { X, Info, AlertCircle } from "lucide-react";
 import type { CollectionSchema, SchemaField } from "../../../types";
 import "./FrontmatterForm.css";
 

package/src/client/components/Header/Header.tsx

@@ -7,20 +7,20 @@
  * @module @writenex/astro/client/components/Header
  */
 
-import { useState, useRef, useEffect } from "react";
 import {
-  Keyboard,
-  Settings,
   Folder,
+  History,
   Info,
-  Search,
-  Sun,
-  Moon,
+  Keyboard,
   Monitor,
-  History,
+  Moon,
   Plus,
+  Search,
+  Settings,
+  Sun,
 } from "lucide-react";
-import { useTheme, type Theme } from "../../context/ThemeContext";
+import { useEffect, useRef, useState } from "react";
+import { type Theme, useTheme } from "../../context/ThemeContext";
 import "./Header.css";
 
 /**

package/src/client/components/KeyboardShortcuts/KeyboardShortcuts.tsx

@@ -8,8 +8,8 @@
  * @module @writenex/astro/client/components/KeyboardShortcuts
  */
 
-import { useEffect, useRef } from "react";
 import { X } from "lucide-react";
+import { useEffect, useRef } from "react";
 import { useFocusTrap } from "../../hooks/useFocusTrap";
 import {
   formatShortcut,

package/src/client/components/LazyEditor.tsx

@@ -8,7 +8,7 @@
  * @module @writenex/astro/client/components/LazyEditor
  */
 
-import { lazy, Suspense, memo } from "react";
+import { lazy, memo, Suspense } from "react";
 import { EditorLoading } from "./Editor/Editor";
 
 /**

package/src/client/components/LiveRegion/index.ts

@@ -3,5 +3,5 @@
  * @module @writenex/astro/client/components/LiveRegion
  */
 
-export { LiveRegion } from "./LiveRegion";
 export type { LiveRegionProps } from "./LiveRegion";
+export { LiveRegion } from "./LiveRegion";

package/src/client/components/SearchReplace/SearchReplacePanel.tsx

@@ -7,17 +7,17 @@
  * @module @writenex/astro/client/components/SearchReplace
  */
 
-import { useState, useCallback, useEffect, useRef } from "react";
 import {
-  X,
-  ChevronUp,
-  ChevronDown,
   CaseSensitive,
-  WholeWord,
+  ChevronDown,
+  ChevronUp,
   Regex,
   Replace,
   ReplaceAll,
+  WholeWord,
+  X,
 } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import "./SearchReplacePanel.css";
 
 /**

package/src/client/components/SearchReplace/index.ts

@@ -4,4 +4,4 @@
  * @module @writenex/astro/client/components/SearchReplace
  */
 
-export { SearchReplacePanel, type SearchOptions } from "./SearchReplacePanel";
+export { type SearchOptions, SearchReplacePanel } from "./SearchReplacePanel";

package/src/client/components/SelectCollectionModal/SelectCollectionModal.tsx

@@ -7,10 +7,10 @@
  * @module @writenex/astro/client/components/SelectCollectionModal
  */
 
+import { ChevronRight, Folder, X } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { X, Folder, ChevronRight } from "lucide-react";
-import { useFocusTrap } from "../../hooks/useFocusTrap";
 import type { Collection } from "../../hooks/useApi";
+import { useFocusTrap } from "../../hooks/useFocusTrap";
 import "./SelectCollectionModal.css";
 
 /**

package/src/client/components/Sidebar/Sidebar.tsx

@@ -13,19 +13,19 @@
  * @module @writenex/astro/client/components/Sidebar
  */
 
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
-  X,
+  CheckCircle,
   FileEdit,
   Folder,
   Plus,
-  CheckCircle,
   RefreshCw,
   Search,
+  X,
 } from "lucide-react";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useAnnounce } from "../../hooks/useAnnounce";
 import type { Collection, ContentSummary } from "../../hooks/useApi";
 import { useArrowNavigation } from "../../hooks/useArrowNavigation";
-import { useAnnounce } from "../../hooks/useAnnounce";
 import "./Sidebar.css";
 
 /**
@@ -233,7 +233,7 @@ export function Sidebar({
 
   useEffect(() => {
     setSearchQuery("");
-  }, [selectedCollection]);
+  }, []);
 
   const draftCount = useMemo(
     () => contentItems.filter((item) => item.draft).length,
@@ -344,7 +344,7 @@ export function Sidebar({
   // Reset content focus index when filtered items change
   useEffect(() => {
     setContentFocusIndex(0);
-  }, [filteredItems.length]);
+  }, []);
 
   // Announce search results when they change
   useEffect(() => {

package/src/client/components/SkipLink/index.ts

@@ -3,5 +3,5 @@
  * @module @writenex/astro/client/components/SkipLink
  */
 
-export { SkipLink } from "./SkipLink";
 export type { SkipLinkProps } from "./SkipLink";
+export { SkipLink } from "./SkipLink";

package/src/client/components/UnsavedChangesModal/UnsavedChangesModal.tsx

@@ -9,8 +9,8 @@
  * @module @writenex/astro/client/components/UnsavedChangesModal
  */
 
+import { AlertTriangle, X } from "lucide-react";
 import { useCallback, useEffect, useRef } from "react";
-import { X, AlertTriangle } from "lucide-react";
 import { useFocusTrap } from "../../hooks/useFocusTrap";
 import "./UnsavedChangesModal.css";
 

package/src/client/components/VersionHistory/DiffViewer.tsx

@@ -8,8 +8,8 @@
  * @module @writenex/astro/client/components/VersionHistory/DiffViewer
  */
 
-import { useState, useMemo, useEffect, useRef } from "react";
-import { X, Columns, AlignLeft } from "lucide-react";
+import { AlignLeft, Columns, X } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useFocusTrap } from "../../hooks/useFocusTrap";
 import "./DiffViewer.css";
 
@@ -56,16 +56,20 @@ function computeDiff(oldText: string, newText: string): DiffLine[] {
   // Build LCS table
   const m = oldLines.length;
   const n = newLines.length;
-  const dp: number[][] = Array(m + 1)
-    .fill(null)
-    .map(() => Array(n + 1).fill(0));
+  const dp: number[][] = Array.from(
+    { length: m + 1 },
+    () => Array(n + 1).fill(0) as number[]
+  ) as number[][];
 
   for (let i = 1; i <= m; i++) {
     for (let j = 1; j <= n; j++) {
+      const prevDiag = (dp[i - 1]?.[j - 1] ?? 0) as number;
+      const prevUp = (dp[i - 1]?.[j] ?? 0) as number;
+      const prevLeft = (dp[i]?.[j - 1] ?? 0) as number;
       if (oldLines[i - 1] === newLines[j - 1]) {
-        dp[i][j] = dp[i - 1][j - 1] + 1;
+        dp[i]![j] = prevDiag + 1;
       } else {
-        dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
+        dp[i]![j] = Math.max(prevUp, prevLeft);
       }
     }
   }
@@ -79,23 +83,26 @@ function computeDiff(oldText: string, newText: string): DiffLine[] {
     if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {
       stack.push({
         type: "unchanged",
-        content: oldLines[i - 1],
+        content: oldLines[i - 1] ?? "",
         oldLineNum: i,
         newLineNum: j,
       });
       i--;
       j--;
-    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+    } else if (
+      j > 0 &&
+      (i === 0 || (dp[i]?.[j - 1] ?? 0) >= (dp[i - 1]?.[j] ?? 0))
+    ) {
       stack.push({
         type: "added",
-        content: newLines[j - 1],
+        content: newLines[j - 1] ?? "",
         newLineNum: j,
       });
       j--;
     } else if (i > 0) {
       stack.push({
         type: "removed",
-        content: oldLines[i - 1],
+        content: oldLines[i - 1] ?? "",
         oldLineNum: i,
       });
       i--;

package/src/client/components/VersionHistory/VersionActions.tsx

@@ -8,18 +8,18 @@
  * @module @writenex/astro/client/components/VersionHistory/VersionActions
  */
 
-import { useState, useEffect, useRef } from "react";
 import {
-  RotateCcw,
-  GitCompare,
+  AlertTriangle,
   Download,
-  Trash2,
+  GitCompare,
   Loader2,
-  AlertTriangle,
+  RotateCcw,
+  Trash2,
   X,
 } from "lucide-react";
-import { useFocusTrap } from "../../hooks/useFocusTrap";
+import { useEffect, useRef, useState } from "react";
 import type { VersionEntry } from "../../../types";
+import { useFocusTrap } from "../../hooks/useFocusTrap";
 import "./VersionActions.css";
 
 /**

package/src/client/components/VersionHistory/VersionHistoryPanel.tsx

@@ -7,26 +7,26 @@
  * @module @writenex/astro/client/components/VersionHistory/VersionHistoryPanel
  */
 
-import { useEffect, useState, useRef } from "react";
 import {
-  X,
-  History,
+  AlertTriangle,
   Clock,
-  Tag,
-  RefreshCw,
+  History,
   Loader2,
+  RefreshCw,
+  Tag,
   Trash2,
-  AlertTriangle,
+  X,
 } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
 import type { VersionEntry } from "../../../types";
+import { useSharedVersionApi } from "../../context/ApiContext";
+import { useFocusTrap } from "../../hooks/useFocusTrap";
 import {
-  useVersionHistory,
   type DiffData,
+  useVersionHistory,
 } from "../../hooks/useVersionHistory";
-import { useSharedVersionApi } from "../../context/ApiContext";
-import { useFocusTrap } from "../../hooks/useFocusTrap";
-import { VersionActions } from "./VersionActions";
 import { DiffViewer } from "./DiffViewer";
+import { VersionActions } from "./VersionActions";
 import "./VersionHistoryPanel.css";
 
 /**

package/src/client/components/VersionHistory/index.ts

@@ -4,6 +4,6 @@
  * @module @writenex/astro/client/components/VersionHistory
  */
 
-export { VersionHistoryPanel } from "./VersionHistoryPanel";
-export { VersionActions } from "./VersionActions";
 export { DiffViewer } from "./DiffViewer";
+export { VersionActions } from "./VersionActions";
+export { VersionHistoryPanel } from "./VersionHistoryPanel";

package/src/client/context/ApiContext.tsx

@@ -9,10 +9,10 @@
 
 import {
   createContext,
+  type ReactElement,
+  type ReactNode,
   useContext,
   useMemo,
-  type ReactNode,
-  type ReactElement,
 } from "react";
 import { createApiClient } from "../hooks/useApi";
 import { createVersionApiClient } from "../hooks/useVersionHistory";

package/src/client/context/ThemeContext.tsx

@@ -9,11 +9,11 @@
 
 import {
   createContext,
+  type ReactNode,
+  useCallback,
   useContext,
   useEffect,
   useState,
-  useCallback,
-  type ReactNode,
 } from "react";
 
 /**

package/src/client/hooks/useApi.ts

@@ -8,7 +8,7 @@
  * @module @writenex/astro/client/hooks/useApi
  */
 
-import { useState, useCallback, useMemo } from "react";
+import { useCallback, useMemo, useState } from "react";
 
 /**
  * Collection data from API

package/src/client/hooks/useFocusTrap.ts

@@ -19,8 +19,8 @@
 
 import { useCallback, useEffect, useRef } from "react";
 import {
-  getFocusableElements,
   getFirstFocusable,
+  getFocusableElements,
   getLastFocusable,
 } from "../utils/focus";
 

package/src/client/hooks/useSearch.ts

@@ -6,7 +6,7 @@
  * @module @writenex/astro/client/hooks/useSearch
  */
 
-import { useState, useCallback } from "react";
+import { useCallback, useState } from "react";
 import type { SearchOptions } from "../components/SearchReplace";
 
 /**

package/src/client/hooks/useVersionHistory.ts

@@ -7,8 +7,8 @@
  * @module @writenex/astro/client/hooks/useVersionHistory
  */
 
-import { useState, useCallback, useMemo } from "react";
-import type { VersionEntry, Version } from "../../types";
+import { useCallback, useMemo, useState } from "react";
+import type { Version, VersionEntry } from "../../types";
 
 /**
  * Version history API client configuration

package/src/client/index.tsx

@@ -10,8 +10,8 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { App } from "./App";
-import { ThemeProvider } from "./context/ThemeContext";
 import { ApiProvider } from "./context/ApiContext";
+import { ThemeProvider } from "./context/ThemeContext";
 
 /**
  * Configuration injected by the server

package/src/client/styles.css

@@ -35,14 +35,8 @@ body,
 
 body {
   font-family:
-    "Plus Jakarta Sans",
-    system-ui,
-    -apple-system,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif;
+    "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
   font-size: var(--wn-font-base);
   line-height: 1.5;
   background-color: var(--wn-zinc-950);

package/src/config/defaults.ts

@@ -9,12 +9,12 @@
  */
 
 import type {
-  WritenexConfig,
-  ImageConfig,
-  EditorConfig,
-  DiscoveryConfig,
   CollectionConfig,
+  DiscoveryConfig,
+  EditorConfig,
+  ImageConfig,
   VersionHistoryConfig,
+  WritenexConfig,
 } from "@/types";
 
 /**