@driftime/sanity-plugin-handbook 0.1.0 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@driftime/sanity-plugin-handbook",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Schema-driven documentation and editorial guides, built right into Sanity Studio.",
   "keywords": [
     "sanity",
@@ -55,9 +55,6 @@
     "watch": "pkg-utils watch --strict",
     "build": "plugin-kit verify-package --silent && pkg-utils build --strict --clean --check"
   },
-  "dependencies": {
-    "lucide-react": "1.7.0"
-  },
   "devDependencies": {
     "@sanity/browserslist-config": "1.0.5",
     "@sanity/pkg-utils": "10.4.13",
@@ -88,5 +85,8 @@
       "eslintImports": false,
       "scripts": false
     }
+  },
+  "dependencies": {
+    "@driftime/sanity-plugin-handbook": "file:.yalc/@driftime/sanity-plugin-handbook"
   }
 }

package/src/blocks/callout/content.tsx

@@ -1,7 +1,9 @@
 import { Card, Flex, Text } from "@sanity/ui";
-import { InfoIcon, LightbulbIcon, TriangleAlertIcon } from "lucide-react";
 import type { ReactNode } from "react";
 
+import { InfoIcon } from "../../icons/info";
+import { LightbulbIcon } from "../../icons/lightbulb";
+import { TriangleAlertIcon } from "../../icons/triangle-alert";
 import { defaultIconProps } from "../../lib/icons";
 
 export type CalloutVariant = "tip" | "info" | "warning";

package/src/components/field.tsx

@@ -1,12 +1,14 @@
 import { ChevronDownIcon, ChevronRightIcon } from "@sanity/icons";
 import { Box, Card, Flex, Popover, Stack, Text, useClickOutsideEvent } from "@sanity/ui";
-import { InfoIcon, LightbulbIcon, TriangleAlertIcon } from "lucide-react";
 import { useCallback, useRef, useState } from "react";
 import type { ReactNode } from "react";
 import type { FieldDefinition, SchemaType } from "sanity";
 import { useSchema } from "sanity";
 
 import { useHandbookContext } from "../contexts/handbook-context";
+import { InfoIcon } from "../icons/info";
+import { LightbulbIcon } from "../icons/lightbulb";
+import { TriangleAlertIcon } from "../icons/triangle-alert";
 import { defaultIconProps } from "../lib/icons";
 import { convertCase, isDefined } from "../lib/utils";
 

package/src/components/guides.tsx

@@ -1,6 +1,5 @@
-import { BookOpenTextIcon } from "lucide-react";
-
 import { useHandbookContext } from "../contexts/handbook-context";
+import { BookOpenTextIcon } from "../icons/book-open-text";
 import { createSanityIcon } from "../lib/icons";
 import { isDefined } from "../lib/utils";
 import { ContentPanel } from "./content-panel";

package/src/getting-started/how-to-use.tsx

@@ -1,7 +1,9 @@
 import { Box, Flex, Stack, Text } from "@sanity/ui";
-import { InfoIcon, LightbulbIcon, TriangleAlertIcon } from "lucide-react";
 import type { ReactNode } from "react";
 
+import { InfoIcon } from "../icons/info";
+import { LightbulbIcon } from "../icons/lightbulb";
+import { TriangleAlertIcon } from "../icons/triangle-alert";
 import { defaultIconProps } from "../lib/icons";
 
 function HintRow({ icon, children }: { icon: ReactNode; children: string }) {

package/src/getting-started/overview.tsx

@@ -1,9 +1,10 @@
-import { BookTextIcon, LayoutGridIcon } from "lucide-react";
 import type { ComponentType, ReactElement } from "react";
 
 import { ContentPanel } from "../components/content-panel";
 import { SidebarGroup } from "../components/sidebar-group";
 import { SidebarTab } from "../components/sidebar-tab";
+import { BookTextIcon } from "../icons/book-text";
+import { LayoutGridIcon } from "../icons/layout-grid";
 import { createSanityIcon } from "../lib/icons";
 import { DocumentTypesOverview } from "./document-types";
 import { HowToUse } from "./how-to-use";

package/src/icons/book-open-text.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from "react";
+
+export function BookOpenTextIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M12 7v14" />
+      <path d="M16 12h2" />
+      <path d="M16 8h2" />
+      <path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" />
+      <path d="M6 12h2" />
+      <path d="M6 8h2" />
+    </svg>
+  );
+}

package/src/icons/book-text.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+export function BookTextIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20" />
+      <path d="M8 11h8" />
+      <path d="M8 7h6" />
+    </svg>
+  );
+}

package/src/icons/code.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+
+export function CodeIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="m16 18 6-6-6-6" />
+      <path d="m8 6-6 6 6 6" />
+    </svg>
+  );
+}

package/src/icons/image.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+export function ImageIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+      <circle cx="9" cy="9" r="2" />
+      <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
+    </svg>
+  );
+}

package/src/icons/info.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+export function InfoIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <circle cx="12" cy="12" r="10" />
+      <path d="M12 16v-4" />
+      <path d="M12 8h.01" />
+    </svg>
+  );
+}

package/src/icons/layout-grid.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+
+export function LayoutGridIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <rect width="7" height="7" x="3" y="3" rx="1" />
+      <rect width="7" height="7" x="14" y="3" rx="1" />
+      <rect width="7" height="7" x="14" y="14" rx="1" />
+      <rect width="7" height="7" x="3" y="14" rx="1" />
+    </svg>
+  );
+}

package/src/icons/lightbulb.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+export function LightbulbIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" />
+      <path d="M9 18h6" />
+      <path d="M10 22h4" />
+    </svg>
+  );
+}

package/src/icons/list-plus.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from "react";
+
+export function ListPlusIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M16 5H3" />
+      <path d="M11 12H3" />
+      <path d="M16 19H3" />
+      <path d="M18 9v6" />
+      <path d="M21 12h-6" />
+    </svg>
+  );
+}

package/src/icons/message-circle-question-mark.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+export function MessageCircleQuestionMarkIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" />
+      <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+      <path d="M12 17h.01" />
+    </svg>
+  );
+}

package/src/icons/minus.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+
+export function MinusIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M5 12h14" />
+    </svg>
+  );
+}

package/src/icons/triangle-alert.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+export function TriangleAlertIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" />
+      <path d="M12 9v4" />
+      <path d="M12 17h.01" />
+    </svg>
+  );
+}

package/src/icons/video.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+
+export function VideoIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" />
+      <rect x="2" y="6" width="14" height="12" rx="2" />
+    </svg>
+  );
+}

package/src/index.ts

@@ -1,6 +1,6 @@
-import { BookTextIcon } from "lucide-react";
 import { definePlugin } from "sanity";
 
+import { BookTextIcon } from "./icons/book-text";
 import { createHandbookTool } from "./layouts/tool";
 import { setHandbookEditors } from "./lib/handbook-structure";
 import { createSanityIcon } from "./lib/icons";

package/src/lib/handbook-structure.ts

@@ -1,7 +1,8 @@
-import { BookOpenTextIcon, BookTextIcon } from "lucide-react";
 import type { CurrentUser } from "sanity";
 import type { StructureBuilder } from "sanity/structure";
 
+import { BookOpenTextIcon } from "../icons/book-open-text";
+import { BookTextIcon } from "../icons/book-text";
 import { createSanityIcon } from "./icons";
 import { isPermittedEditor } from "./utils";
 

package/src/lib/icons.ts

@@ -1,18 +1,16 @@
-import type { LucideIcon, LucideProps } from "lucide-react";
+import type { ComponentType, SVGProps } from "react";
 import { createElement } from "react";
 
-/**
- * Default properties applied to all Lucide icons throughout the plugin.
- */
-export const defaultIconProps: LucideProps = { width: "1em", height: "1em", strokeWidth: 1.5 };
+/** Default properties applied to all icons throughout the plugin. */
+export const defaultIconProps: SVGProps<SVGSVGElement> = { width: "1em", height: "1em", strokeWidth: 1.5 };
 
 /**
- * Creates a Sanity Studio icon component from a Lucide icon with default props applied.
+ * Creates a Sanity Studio icon component from an SVG icon with default props applied.
  *
- * @param icon - The Lucide icon component to wrap.
+ * @param icon - The icon component to wrap.
  * @param props - Optional props to merge with defaults.
  * @returns A React component function for use in Sanity Studio.
  */
-export function createSanityIcon(icon: LucideIcon, props?: LucideProps) {
+export function createSanityIcon(icon: ComponentType<SVGProps<SVGSVGElement>>, props?: SVGProps<SVGSVGElement>) {
   return () => createElement(icon, { ...defaultIconProps, ...props });
 }

package/src/schemas/blocks/callout.ts

@@ -1,8 +1,8 @@
-import { MessageCircleQuestionMarkIcon } from "lucide-react";
 import { defineArrayMember, defineField, defineType } from "sanity";
 
 import { CalloutPreview } from "../../blocks/callout/preview";
 import { InlineCodeDecorator, ParagraphDecorator } from "../../components/decorators";
+import { MessageCircleQuestionMarkIcon } from "../../icons/message-circle-question-mark";
 import { createSanityIcon } from "../../lib/icons";
 import { linkAnnotation } from "../annotations/link";
 

package/src/schemas/blocks/code.ts

@@ -1,7 +1,7 @@
-import { CodeIcon } from "lucide-react";
 import { defineField, defineType } from "sanity";
 
 import { CodePreview } from "../../blocks/code/preview";
+import { CodeIcon } from "../../icons/code";
 import { createSanityIcon } from "../../lib/icons";
 
 export const handbookCodeType = defineType({

package/src/schemas/blocks/horizontal-rule.ts

@@ -1,7 +1,7 @@
-import { MinusIcon } from "lucide-react";
 import { defineField, defineType } from "sanity";
 
 import { HorizontalRulePreview } from "../../blocks/horizontal-rule/preview";
+import { MinusIcon } from "../../icons/minus";
 import { createSanityIcon } from "../../lib/icons";
 
 export const handbookHorizontalRuleType = defineType({

package/src/schemas/blocks/image.ts

@@ -1,7 +1,7 @@
-import { ImageIcon } from "lucide-react";
 import { defineField, defineType } from "sanity";
 
 import { ImagePreview } from "../../blocks/image/preview";
+import { ImageIcon } from "../../icons/image";
 import { createSanityIcon } from "../../lib/icons";
 
 export const handbookImageType = defineType({

package/src/schemas/blocks/video.ts

@@ -1,7 +1,7 @@
-import { VideoIcon } from "lucide-react";
 import { defineField, defineType } from "sanity";
 
 import { VideoPreview } from "../../blocks/video/preview";
+import { VideoIcon } from "../../icons/video";
 import { createSanityIcon } from "../../lib/icons";
 
 export const handbookVideoType = defineType({

package/src/schemas/types/guide.ts

@@ -1,6 +1,6 @@
-import { BookOpenTextIcon } from "lucide-react";
 import { defineField, defineType } from "sanity";
 
+import { BookOpenTextIcon } from "../../icons/book-open-text";
 import { createSanityIcon } from "../../lib/icons";
 import type { HandbookBlockDefinition, SanityHandbookGuide } from "../../types";
 import { createGuideContentField } from "../guide-content";

package/src/schemas/types/handbook.ts

@@ -1,6 +1,7 @@
-import { BookTextIcon, ListPlusIcon } from "lucide-react";
 import { defineArrayMember, defineField, defineType } from "sanity";
 
+import { BookTextIcon } from "../../icons/book-text";
+import { ListPlusIcon } from "../../icons/list-plus";
 import { createSanityIcon } from "../../lib/icons";
 import { isDefined } from "../../lib/utils";
 import type { SanityHandbook } from "../../types";