@arcanewizards/sigil 0.1.0

package/dist/chunk-4PMRDURG.js

@@ -0,0 +1,66 @@
+// src/frontend/input.ts
+import { useMemo, useState } from "react";
+var usePressable = (click) => {
+  const [touching, setTouching] = useState(false);
+  return {
+    touching,
+    handlers: {
+      onClick: click,
+      onTouchStart: () => {
+        setTouching(true);
+      },
+      onTouchMove: () => {
+        setTouching(false);
+      },
+      onTouchEnd: (event) => {
+        if (touching) {
+          event.preventDefault();
+          setTouching(false);
+          click(event);
+        }
+      }
+    }
+  };
+};
+var useLongPressable = ({
+  onPress,
+  onRelease
+}) => {
+  const [touching, setTouching] = useState(false);
+  return useMemo(
+    () => ({
+      touching,
+      handlers: {
+        onTouchStart: () => {
+          setTouching(true);
+          onPress();
+        },
+        onMouseDown: () => {
+          setTouching(true);
+          onPress();
+        },
+        onMouseUp: () => {
+          setTouching(false);
+          onRelease();
+        },
+        onTouchMove: () => {
+          setTouching(false);
+          onRelease();
+        },
+        onTouchEnd: (event) => {
+          if (touching) {
+            event.preventDefault();
+            setTouching(false);
+            onRelease();
+          }
+        }
+      }
+    }),
+    [touching, onRelease, onPress]
+  );
+};
+
+export {
+  usePressable,
+  useLongPressable
+};

package/dist/chunk-5DRI7C4U.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/frontend/styling.ts
+var _react = require('react');
+var _zod = require('zod');
+var SIGIL_COLOR = _zod.z.enum([
+  "purple",
+  "blue",
+  "teal",
+  "red",
+  "green",
+  "yellow",
+  "brown",
+  "orange",
+  "gray"
+]);
+var sigilColorUsage = (color) => ({
+  text: `var(--sigil-usage-${color}-text)`,
+  foreground: `var(--sigil-usage-${color}-foreground)`,
+  background: `var(--sigil-usage-${color}-background)`,
+  border: `var(--sigil-usage-${color}-border)`,
+  dragBorder: `var(--sigil-usage-${color}-drag-border)`,
+  selectedBackground: `var(--sigil-usage-${color}-selected-background)`,
+  selectedBorder: `var(--sigil-usage-${color}-selected-border)`,
+  selectedText: `var(--sigil-usage-${color}-selected-text)`,
+  dimmedBackground: `var(--sigil-usage-${color}-dimmed-background)`,
+  dimmedBorder: `var(--sigil-usage-${color}-dimmed-border)`,
+  gradientLight: `var(--sigil-usage-${color}-gradient-light)`,
+  gradientDark: `var(--sigil-usage-${color}-gradient-dark)`
+});
+var cssSigilColorUsageVariables = (prefix, usage) => cssVariables({
+  [`--${prefix}-text`]: usage.text,
+  [`--${prefix}-foreground`]: usage.foreground,
+  [`--${prefix}-background`]: usage.background,
+  [`--${prefix}-border`]: usage.border,
+  [`--${prefix}-drag-border`]: usage.dragBorder,
+  [`--${prefix}-selected-background`]: usage.selectedBackground,
+  [`--${prefix}-selected-border`]: usage.selectedBorder,
+  [`--${prefix}-selected-text`]: usage.selectedText,
+  [`--${prefix}-dimmed-background`]: usage.dimmedBackground,
+  [`--${prefix}-dimmed-border`]: usage.dimmedBorder,
+  [`--${prefix}-gradient-light`]: usage.gradientLight,
+  [`--${prefix}-gradient-dark`]: usage.gradientDark
+});
+var cssHintColorVariables = (color) => cssSigilColorUsageVariables(`sigil-usage-hint`, sigilColorUsage(color));
+var useRootHintVariables = (color) => {
+  _react.useEffect.call(void 0, () => {
+    const root = document.querySelector(".arcane-theme-root");
+    if (!root) return;
+    Object.entries(cssHintColorVariables(color)).forEach(([key, value]) => {
+      root.style.setProperty(key, value);
+    });
+  }, [color]);
+};
+var cssVariables = (variables) => variables;
+function cnd(condition, truthyClassName, falseyClassName) {
+  return condition ? truthyClassName : falseyClassName;
+}
+
+
+
+
+
+
+
+
+
+exports.SIGIL_COLOR = SIGIL_COLOR; exports.sigilColorUsage = sigilColorUsage; exports.cssSigilColorUsageVariables = cssSigilColorUsageVariables; exports.cssHintColorVariables = cssHintColorVariables; exports.useRootHintVariables = useRootHintVariables; exports.cssVariables = cssVariables; exports.cnd = cnd;

package/dist/chunk-A5LYYZER.cjs

@@ -0,0 +1,103 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/frontend/toolbars.tsx
+var _react = require('react');
+var _util = require('@arcanejs/toolkit-frontend/util');
+var _jsxruntime = require('react/jsx-runtime');
+var ToolbarWrapper = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      ref,
+      className: _util.cn.call(void 0, 
+        "z-sigil-toolbar w-full bg-sigil-bg-dark shadow-sigil-box",
+        className
+      )
+    }
+  )
+);
+ToolbarWrapper.displayName = "ToolbarWrapper";
+var ToolbarRow = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      ref,
+      className: _util.cn.call(void 0, 
+        `
+          flex items-center gap-sigil-toolbar-gap border-b border-sigil-border
+          p-sigil-toolbar-gap
+        `,
+        className
+      )
+    }
+  )
+);
+ToolbarRow.displayName = "ToolbarRow";
+var ToolbarRowTall = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ToolbarRow,
+    {
+      ...props,
+      ref,
+      className: _util.cn.call(void 0, "px-sigil-toolbar-gap py-sigil-toolbar-padding", className)
+    }
+  )
+);
+ToolbarRowTall.displayName = "ToolbarRowTall";
+var ToolbarSegment = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      ref,
+      className: _util.cn.call(void 0, "flex grow basis-0 items-center", className)
+    }
+  )
+);
+ToolbarSegment.displayName = "ToolbarSegment";
+var ToolbarDivider = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      ref,
+      className: _util.cn.call(void 0, 
+        "relative h-sigil-toolbar-divider w-px bg-sigil-border",
+        className
+      )
+    }
+  )
+);
+ToolbarDivider.displayName = "ToolbarDivider";
+var ToolbarSpacer = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ToolbarDivider,
+    {
+      ...props,
+      ref,
+      className: _util.cn.call(void 0, "mx-sigil-toolbar-gap", className)
+    }
+  )
+);
+ToolbarSpacer.displayName = "ToolbarSpacer";
+var ToolbarGrow = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      ref,
+      className: _util.cn.call(void 0, "flex grow items-center gap-sigil-toolbar-gap", className)
+    }
+  )
+);
+ToolbarGrow.displayName = "ToolbarGrow";
+
+
+
+
+
+
+
+
+
+exports.ToolbarWrapper = ToolbarWrapper; exports.ToolbarRow = ToolbarRow; exports.ToolbarRowTall = ToolbarRowTall; exports.ToolbarSegment = ToolbarSegment; exports.ToolbarDivider = ToolbarDivider; exports.ToolbarSpacer = ToolbarSpacer; exports.ToolbarGrow = ToolbarGrow;

package/dist/chunk-BIY5HAXP.js

@@ -0,0 +1,125 @@
+// src/frontend/tooltip.tsx
+import { Tooltip } from "radix-ui";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useState
+} from "react";
+import { cn } from "@arcanejs/toolkit-frontend/util";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Content = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Tooltip.Content,
+  {
+    ...props,
+    ref,
+    className: cn(
+      `
+        relative z-sigil-tooltip rounded-sigil-control
+        bg-sigil-usage-hint-background px-1 py-0.5 leading-[1.5]
+        text-sigil-usage-hint-text shadow-sigil-box
+      `,
+      className
+    )
+  }
+));
+Content.displayName = "Content";
+var Arrow = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Tooltip.Arrow,
+  {
+    ...props,
+    ref,
+    className: cn(
+      "fill-sigil-usage-hint-background drop-shadow-sigil-tooltip-arrow",
+      className
+    )
+  }
+));
+Arrow.displayName = "Arrow";
+var TooltipBoundaryContext = createContext(null);
+var TooltipBoundary = ({
+  children,
+  ...props
+}) => {
+  const [ref, setRef] = useState(null);
+  return /* @__PURE__ */ jsx(
+    TooltipBoundaryContext.Provider,
+    {
+      value: ref ? ref : null,
+      children: /* @__PURE__ */ jsx("div", { ref: setRef, ...props, children })
+    }
+  );
+};
+var TooltipWrapper = ({
+  tooltip,
+  children,
+  side = "top"
+}) => {
+  const boundary = useContext(TooltipBoundaryContext);
+  if (!tooltip) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
+    /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs(
+      Content,
+      {
+        side,
+        align: "center",
+        sideOffset: 5,
+        alignOffset: 0,
+        collisionBoundary: boundary ? [boundary] : [],
+        collisionPadding: 10,
+        children: [
+          /* @__PURE__ */ jsx(Arrow, {}),
+          tooltip
+        ]
+      }
+    )
+  ] });
+};
+var keyboardShortcutText = (binding) => {
+  const parts = [];
+  if (binding.modifiers?.ctrlOrMetaKey) {
+    parts.push(navigator.platform.includes("Mac") ? "\u2318" : "Ctrl");
+  }
+  if (binding.modifiers?.shiftKey) {
+    parts.push("Shift");
+  }
+  if (binding.key === "ArrowLeft") {
+    parts.push("Left Arrow");
+  } else if (binding.key === "ArrowRight") {
+    parts.push("Right Arrow");
+  } else if (binding.key === " ") {
+    parts.push("Space");
+  } else {
+    parts.push(binding.key.toUpperCase());
+  }
+  return parts.join(" + ");
+};
+var keyboardShortcutTooltip = (label, keyboardBinding, extraBindings) => {
+  const bindings = [
+    ...keyboardBinding ? [keyboardBinding[0]] : [],
+    ...extraBindings ?? []
+  ];
+  if (bindings.length === 0) {
+    return label;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label,
+    /* @__PURE__ */ jsx(
+      "kbd",
+      {
+        className: "text-[0.8rem] opacity-60",
+        style: { fontFamily: "sans-serif" },
+        children: ` (${bindings.map(keyboardShortcutText).join(" / ")})`
+      }
+    )
+  ] });
+};
+
+export {
+  TooltipBoundary,
+  TooltipWrapper,
+  keyboardShortcutTooltip
+};

package/dist/chunk-CAYKPJIX.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/backend/proto.ts
+var SIGIL_NAMESPACE = "sigil";
+var isSigilComponent = (component) => component.namespace === SIGIL_NAMESPACE;
+var isSigilComponentCall = (call, action) => call.namespace === SIGIL_NAMESPACE && call.action === action;
+
+
+
+
+
+exports.SIGIL_NAMESPACE = SIGIL_NAMESPACE; exports.isSigilComponent = isSigilComponent; exports.isSigilComponentCall = isSigilComponentCall;

package/dist/chunk-EJNNLQ2S.js

@@ -0,0 +1,72 @@
+// src/frontend/context.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef
+} from "react";
+var SystemInformationContext = createContext(
+  new Proxy({}, {
+    get: () => {
+      throw new Error("Missing SystemInformationContext");
+    }
+  })
+);
+var DebuggerContext = createContext(
+  new Proxy({}, {
+    get: () => {
+      throw new Error("Missing DebuggerContext");
+    }
+  })
+);
+var useSystemInformation = () => {
+  return useContext(SystemInformationContext);
+};
+var useDebuggerContext = () => {
+  return useContext(DebuggerContext);
+};
+var ChangeCommitContext = createContext({
+  commitChanges: () => {
+  }
+});
+var useChangeCommitBoundary = (dataRef, onCommit) => {
+  const shouldCommit = useRef(false);
+  const commitTimeout = useRef(null);
+  const doClearTimeout = () => {
+    if (commitTimeout.current) {
+      clearTimeout(commitTimeout.current);
+      commitTimeout.current = null;
+    }
+  };
+  const commitChanges = useCallback(() => {
+    shouldCommit.current = true;
+    commitTimeout.current = setTimeout(() => {
+      onCommit();
+      shouldCommit.current = false;
+      commitTimeout.current = null;
+    }, 1e3);
+  }, [onCommit]);
+  useEffect(() => {
+    if (shouldCommit.current) {
+      onCommit();
+      shouldCommit.current = false;
+    }
+    doClearTimeout();
+    return () => {
+      doClearTimeout();
+    };
+  }, [dataRef, onCommit]);
+  return {
+    commitChanges
+  };
+};
+
+export {
+  SystemInformationContext,
+  DebuggerContext,
+  useSystemInformation,
+  useDebuggerContext,
+  ChangeCommitContext,
+  useChangeCommitBoundary
+};

package/dist/chunk-FHXT3DAL.js

@@ -0,0 +1,103 @@
+// src/frontend/toolbars.tsx
+import { forwardRef } from "react";
+import { cn } from "@arcanejs/toolkit-frontend/util";
+import { jsx } from "react/jsx-runtime";
+var ToolbarWrapper = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cn(
+        "z-sigil-toolbar w-full bg-sigil-bg-dark shadow-sigil-box",
+        className
+      )
+    }
+  )
+);
+ToolbarWrapper.displayName = "ToolbarWrapper";
+var ToolbarRow = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cn(
+        `
+          flex items-center gap-sigil-toolbar-gap border-b border-sigil-border
+          p-sigil-toolbar-gap
+        `,
+        className
+      )
+    }
+  )
+);
+ToolbarRow.displayName = "ToolbarRow";
+var ToolbarRowTall = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    ToolbarRow,
+    {
+      ...props,
+      ref,
+      className: cn("px-sigil-toolbar-gap py-sigil-toolbar-padding", className)
+    }
+  )
+);
+ToolbarRowTall.displayName = "ToolbarRowTall";
+var ToolbarSegment = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cn("flex grow basis-0 items-center", className)
+    }
+  )
+);
+ToolbarSegment.displayName = "ToolbarSegment";
+var ToolbarDivider = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cn(
+        "relative h-sigil-toolbar-divider w-px bg-sigil-border",
+        className
+      )
+    }
+  )
+);
+ToolbarDivider.displayName = "ToolbarDivider";
+var ToolbarSpacer = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    ToolbarDivider,
+    {
+      ...props,
+      ref,
+      className: cn("mx-sigil-toolbar-gap", className)
+    }
+  )
+);
+ToolbarSpacer.displayName = "ToolbarSpacer";
+var ToolbarGrow = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cn("flex grow items-center gap-sigil-toolbar-gap", className)
+    }
+  )
+);
+ToolbarGrow.displayName = "ToolbarGrow";
+
+export {
+  ToolbarWrapper,
+  ToolbarRow,
+  ToolbarRowTall,
+  ToolbarSegment,
+  ToolbarDivider,
+  ToolbarSpacer,
+  ToolbarGrow
+};

package/dist/chunk-H4U4Z4GM.js

@@ -0,0 +1,66 @@
+// src/frontend/styling.ts
+import { useEffect } from "react";
+import { z } from "zod";
+var SIGIL_COLOR = z.enum([
+  "purple",
+  "blue",
+  "teal",
+  "red",
+  "green",
+  "yellow",
+  "brown",
+  "orange",
+  "gray"
+]);
+var sigilColorUsage = (color) => ({
+  text: `var(--sigil-usage-${color}-text)`,
+  foreground: `var(--sigil-usage-${color}-foreground)`,
+  background: `var(--sigil-usage-${color}-background)`,
+  border: `var(--sigil-usage-${color}-border)`,
+  dragBorder: `var(--sigil-usage-${color}-drag-border)`,
+  selectedBackground: `var(--sigil-usage-${color}-selected-background)`,
+  selectedBorder: `var(--sigil-usage-${color}-selected-border)`,
+  selectedText: `var(--sigil-usage-${color}-selected-text)`,
+  dimmedBackground: `var(--sigil-usage-${color}-dimmed-background)`,
+  dimmedBorder: `var(--sigil-usage-${color}-dimmed-border)`,
+  gradientLight: `var(--sigil-usage-${color}-gradient-light)`,
+  gradientDark: `var(--sigil-usage-${color}-gradient-dark)`
+});
+var cssSigilColorUsageVariables = (prefix, usage) => cssVariables({
+  [`--${prefix}-text`]: usage.text,
+  [`--${prefix}-foreground`]: usage.foreground,
+  [`--${prefix}-background`]: usage.background,
+  [`--${prefix}-border`]: usage.border,
+  [`--${prefix}-drag-border`]: usage.dragBorder,
+  [`--${prefix}-selected-background`]: usage.selectedBackground,
+  [`--${prefix}-selected-border`]: usage.selectedBorder,
+  [`--${prefix}-selected-text`]: usage.selectedText,
+  [`--${prefix}-dimmed-background`]: usage.dimmedBackground,
+  [`--${prefix}-dimmed-border`]: usage.dimmedBorder,
+  [`--${prefix}-gradient-light`]: usage.gradientLight,
+  [`--${prefix}-gradient-dark`]: usage.gradientDark
+});
+var cssHintColorVariables = (color) => cssSigilColorUsageVariables(`sigil-usage-hint`, sigilColorUsage(color));
+var useRootHintVariables = (color) => {
+  useEffect(() => {
+    const root = document.querySelector(".arcane-theme-root");
+    if (!root) return;
+    Object.entries(cssHintColorVariables(color)).forEach(([key, value]) => {
+      root.style.setProperty(key, value);
+    });
+  }, [color]);
+};
+var cssVariables = (variables) => variables;
+function cnd(condition, truthyClassName, falseyClassName) {
+  return condition ? truthyClassName : falseyClassName;
+}
+
+export {
+  SIGIL_COLOR,
+  sigilColorUsage,
+  cssSigilColorUsageVariables,
+  cssHintColorVariables,
+  useRootHintVariables,
+  cssVariables,
+  cnd
+};

package/dist/chunk-LSHKAVON.js

@@ -0,0 +1,10 @@
+// src/backend/proto.ts
+var SIGIL_NAMESPACE = "sigil";
+var isSigilComponent = (component) => component.namespace === SIGIL_NAMESPACE;
+var isSigilComponentCall = (call, action) => call.namespace === SIGIL_NAMESPACE && call.action === action;
+
+export {
+  SIGIL_NAMESPACE,
+  isSigilComponent,
+  isSigilComponentCall
+};