@arcanejs/react-toolkit 0.3.1 → 0.4.0

package/dist/chunk-RT2VSMJL.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/logging.ts
+var _react = require('react');
+var LoggerContext = _react.createContext.call(void 0, () => {
+  throw new Error("LoggerContext not provided");
+});
+var useLogger = () => {
+  return _react.useContext.call(void 0, LoggerContext)();
+};
+
+
+
+
+exports.LoggerContext = LoggerContext; exports.useLogger = useLogger;

package/dist/chunk-TOGR56FN.mjs

@@ -0,0 +1,13 @@
+// src/logging.ts
+import { createContext, useContext } from "react";
+var LoggerContext = createContext(() => {
+  throw new Error("LoggerContext not provided");
+});
+var useLogger = () => {
+  return useContext(LoggerContext)();
+};
+
+export {
+  LoggerContext,
+  useLogger
+};

package/dist/data.js

@@ -1,46 +1,28 @@
-"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);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkRT2VSMJLjs = require('./chunk-RT2VSMJL.js');
 
 // src/data.tsx
-var data_exports = {};
-__export(data_exports, {
-  createDataFileDefinition: () => createDataFileDefinition,
-  useDataFile: () => useDataFile,
-  useDataFileContext: () => useDataFileContext,
-  useDataFileCore: () => useDataFileCore,
-  useDataFileData: () => useDataFileData,
-  useDataFileUpdater: () => useDataFileUpdater
-});
-module.exports = __toCommonJS(data_exports);
-var import_fs = require("fs");
-var import_react = require("react");
-var import_lodash = require("lodash");
-var import_path = require("path");
-var import_jsx_runtime = require("react/jsx-runtime");
+var _fs = require('fs');
+
+
+
+
+
+
+
+var _react = require('react');
+var _lodash = require('lodash');
+var _path = require('path');
+var _jsxruntime = require('react/jsx-runtime');
 function useDataFileData(dataFile) {
-  return (0, import_react.useContext)(dataFile.context).data;
+  return _react.useContext.call(void 0, dataFile.context).data;
 }
 function useDataFileUpdater(dataFile) {
-  return (0, import_react.useContext)(dataFile.context).updateData;
+  return _react.useContext.call(void 0, dataFile.context).updateData;
 }
 function useDataFileContext(dataFile) {
-  return (0, import_react.useContext)(dataFile.context);
+  return _react.useContext.call(void 0, dataFile.context);
 }
 function useDataFile(dataFile, usage) {
   return dataFile.useDataFile(usage);
@@ -51,7 +33,8 @@ function useDataFileCore({
   path,
   onPathChange = "defaultValue"
 }) {
-  const state = (0, import_react.useRef)({
+  const log = _chunkRT2VSMJLjs.useLogger.call(void 0, );
+  const state = _react.useRef.call(void 0, {
     initialized: false,
     path: null,
     data: void 0,
@@ -60,7 +43,7 @@ function useDataFileCore({
       state: "saved"
     }
   });
-  (0, import_react.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!state.current.initialized) {
       state.current.initialized = true;
     } else {
@@ -69,11 +52,11 @@ function useDataFileCore({
       );
     }
   }, [schema, defaultValue]);
-  const [data, setData] = (0, import_react.useState)({
+  const [data, setData] = _react.useState.call(void 0, {
     status: "loading",
     data: void 0
   });
-  const updateDataFromState = (0, import_react.useMemo)(
+  const updateDataFromState = _react.useMemo.call(void 0, 
     () => () => {
       const data2 = state.current.data;
       if (state.current.state.state === "error") {
@@ -98,8 +81,8 @@ function useDataFileCore({
     },
     []
   );
-  const saveData = (0, import_react.useMemo)(
-    () => (0, import_lodash.throttle)(
+  const saveData = _react.useMemo.call(void 0, 
+    () => _lodash.throttle.call(void 0, 
       async () => {
         if (state.current.state.state === "saved") {
           return;
@@ -111,8 +94,8 @@ function useDataFileCore({
         }
         try {
           const json = JSON.stringify(currentData, null, 2);
-          await import_fs.promises.mkdir((0, import_path.dirname)(currentPath), { recursive: true });
-          await import_fs.promises.writeFile(currentPath, json, "utf8");
+          await _fs.promises.mkdir(_path.dirname.call(void 0, currentPath), { recursive: true });
+          await _fs.promises.writeFile(currentPath, json, "utf8");
           if (state.current.path === currentPath && state.current.data === currentData) {
             state.current.state = { state: "saved" };
           }
@@ -134,17 +117,17 @@ function useDataFileCore({
     ),
     []
   );
-  (0, import_react.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     state.current = {
       ...state.current,
       path,
       data: void 0,
-      previousData: state.current.data ?? state.current.previousData,
+      previousData: _nullishCoalesce(state.current.data, () => ( state.current.previousData)),
       state: {
         state: "saved"
       }
     };
-    import_fs.promises.readFile(path, "utf8").then((data2) => {
+    _fs.promises.readFile(path, "utf8").then((data2) => {
       const parsedData = schema.parse(JSON.parse(data2));
       if (state.current.path === path) {
         state.current.data = parsedData;
@@ -156,10 +139,14 @@ function useDataFileCore({
         return;
       }
       if (error.code === "ENOENT") {
-        console.log("Creating new file");
         const initialData = onPathChange === "transfer" && state.current.previousData !== void 0 ? state.current.previousData : defaultValue;
         state.current.data = initialData;
         state.current.state = { state: "dirty" };
+        _optionalChain([log, 'optionalAccess', _ => _.info, 'call', _2 => _2(
+          "Creating a new file at %s with initial data %o",
+          path,
+          initialData
+        )]);
         saveData();
         updateDataFromState();
         return;
@@ -168,7 +155,7 @@ function useDataFileCore({
       updateDataFromState();
     });
   }, [path, onPathChange]);
-  const updateData = (0, import_react.useMemo)(
+  const updateData = _react.useMemo.call(void 0, 
     () => (update) => {
       if (state.current.path !== path) {
         return;
@@ -193,7 +180,7 @@ function createDataFileDefinition({
   schema,
   defaultValue
 }) {
-  const context = (0, import_react.createContext)({
+  const context = _react.createContext.call(void 0, {
     data: defaultValue,
     updateData: () => {
       throw new Error("Data file provider not used");
@@ -217,7 +204,7 @@ function createDataFileDefinition({
       path,
       onPathChange
     });
-    const providedContext = (0, import_react.useMemo)(
+    const providedContext = _react.useMemo.call(void 0, 
       () => ({
         data: data.status !== "loading" && data.data !== void 0 ? data.data : defaultValue,
         updateData,
@@ -227,9 +214,9 @@ function createDataFileDefinition({
       [data, updateData]
     );
     if (data.status === "loading") {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "Loading..." });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: "Loading..." });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(context.Provider, { value: providedContext, children });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, context.Provider, { value: providedContext, children });
   };
   return {
     Provider,
@@ -237,12 +224,11 @@ function createDataFileDefinition({
     useDataFile: useDataFile2
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createDataFileDefinition,
-  useDataFile,
-  useDataFileContext,
-  useDataFileCore,
-  useDataFileData,
-  useDataFileUpdater
-});
+
+
+
+
+
+
+
+exports.createDataFileDefinition = createDataFileDefinition; exports.useDataFile = useDataFile; exports.useDataFileContext = useDataFileContext; exports.useDataFileCore = useDataFileCore; exports.useDataFileData = useDataFileData; exports.useDataFileUpdater = useDataFileUpdater;

package/dist/data.mjs

@@ -1,3 +1,7 @@
+import {
+  useLogger
+} from "./chunk-TOGR56FN.mjs";
+
 // src/data.tsx
 import { promises as fs } from "fs";
 import {
@@ -29,6 +33,7 @@ function useDataFileCore({
   path,
   onPathChange = "defaultValue"
 }) {
+  const log = useLogger();
   const state = useRef({
     initialized: false,
     path: null,
@@ -134,10 +139,14 @@ function useDataFileCore({
         return;
       }
       if (error.code === "ENOENT") {
-        console.log("Creating new file");
         const initialData = onPathChange === "transfer" && state.current.previousData !== void 0 ? state.current.previousData : defaultValue;
         state.current.data = initialData;
         state.current.state = { state: "dirty" };
+        log?.info(
+          "Creating a new file at %s with initial data %o",
+          path,
+          initialData
+        );
         saveData();
         updateDataFromState();
         return;

package/dist/logging.d.mts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { Logger } from '@arcanejs/protocol/logging';
+
+declare const LoggerContext: react.Context<() => Logger | null>;
+declare const useLogger: () => Logger | null;
+
+export { LoggerContext, useLogger };

package/dist/logging.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { Logger } from '@arcanejs/protocol/logging';
+
+declare const LoggerContext: react.Context<() => Logger | null>;
+declare const useLogger: () => Logger | null;
+
+export { LoggerContext, useLogger };

package/dist/logging.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkRT2VSMJLjs = require('./chunk-RT2VSMJL.js');
+
+
+
+exports.LoggerContext = _chunkRT2VSMJLjs.LoggerContext; exports.useLogger = _chunkRT2VSMJLjs.useLogger;

package/dist/logging.mjs

@@ -0,0 +1,8 @@
+import {
+  LoggerContext,
+  useLogger
+} from "./chunk-TOGR56FN.mjs";
+export {
+  LoggerContext,
+  useLogger
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/react-toolkit",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -20,7 +20,7 @@
   },
   "exports": {
     ".": {
-      "@arcanejs/source": "./src/index.ts",
+      "@arcanejs/source": "./src/index.tsx",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
@@ -30,6 +30,12 @@
       "import": "./dist/data.mjs",
       "require": "./dist/data.js",
       "types": "./dist/data.d.ts"
+    },
+    "./logging": {
+      "@arcanejs/source": "./src/logging.ts",
+      "import": "./dist/logging.mjs",
+      "require": "./dist/logging.js",
+      "types": "./dist/logging.d.ts"
     }
   },
   "devDependencies": {
@@ -49,7 +55,8 @@
     "lodash": "^4.17.21",
     "react": "^18",
     "react-reconciler": "0.28.0",
-    "@arcanejs/toolkit": "^0.2.1"
+    "@arcanejs/protocol": "^0.2.0",
+    "@arcanejs/toolkit": "^0.3.0"
   },
   "peerDependencies": {
     "zod": "^3.23.8"

package/dist/index.d.mts

@@ -1,86 +0,0 @@
-import * as ld from '@arcanejs/toolkit';
-import { Props as Props$1, Events as Events$1, Group as Group$1, GroupHeader as GroupHeader$1 } from '@arcanejs/toolkit/components/group';
-import { Props, Events, Button as Button$1 } from '@arcanejs/toolkit/components/button';
-import { Props as Props$2, Label as Label$1 } from '@arcanejs/toolkit/components/label';
-import { Props as Props$3, Rect as Rect$1 } from '@arcanejs/toolkit/components/rect';
-import { Props as Props$4, Events as Events$2, SliderButton as SliderButton$1 } from '@arcanejs/toolkit/components/slider-button';
-import { Props as Props$5, Events as Events$3, Switch as Switch$1 } from '@arcanejs/toolkit/components/switch';
-import { TabProps, Tab as Tab$1, TabsProps, Tabs as Tabs$1 } from '@arcanejs/toolkit/components/tabs';
-import { Props as Props$6, Events as Events$4, TextInput as TextInput$1 } from '@arcanejs/toolkit/components/text-input';
-import { Props as Props$7, Timeline as Timeline$1 } from '@arcanejs/toolkit/components/timeline';
-import * as React from 'react';
-import { Ref } from 'react';
-
-type Child = JSX.Element | string | null | undefined | boolean;
-type Children = Child | Child[];
-interface LightDeskIntrinsicElements {
-    button: Props & {
-        children?: never;
-        onClick?: Events['click'];
-        ref?: Ref<Button$1>;
-    };
-    group: Props$1 & {
-        children?: Children;
-        onTitleChanged?: Events$1['title-changed'];
-        ref?: Ref<Group$1>;
-    };
-    'group-header': {
-        children?: Children;
-        ref?: Ref<GroupHeader$1>;
-    };
-    label: Props$2 & {
-        children?: never;
-        ref?: Ref<Label$1>;
-    };
-    rect: Props$3 & {
-        children?: never;
-        ref?: Ref<Rect$1>;
-    };
-    'slider-button': Props$4 & {
-        children?: never;
-        onChange?: Events$2['change'];
-        ref?: Ref<SliderButton$1>;
-    };
-    switch: Props$5 & {
-        children?: never;
-        onChange?: Events$3['change'];
-        ref?: Ref<Switch$1>;
-    };
-    tab: TabProps & {
-        children?: JSX.Element | string;
-        ref?: Ref<Tab$1>;
-    };
-    tabs: TabsProps & {
-        children?: JSX.Element | JSX.Element[];
-        ref?: Ref<Tabs$1>;
-    };
-    'text-input': Props$6 & {
-        children?: JSX.Element | JSX.Element[];
-        onChange?: Events$4['change'];
-        ref?: Ref<TextInput$1>;
-    };
-    timeline: Props$7 & {
-        children?: never;
-        ref?: Ref<Timeline$1>;
-    };
-}
-
-type ComponentWithRef<T, P> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-declare const Button: ComponentWithRef<Button$1, LightDeskIntrinsicElements['button']>;
-declare const Group: ComponentWithRef<Group$1, LightDeskIntrinsicElements['group']>;
-declare const GroupHeader: ComponentWithRef<GroupHeader$1, LightDeskIntrinsicElements['group-header']>;
-declare const Label: ComponentWithRef<Label$1, LightDeskIntrinsicElements['label']>;
-declare const Rect: ComponentWithRef<Rect$1, LightDeskIntrinsicElements['rect']>;
-declare const SliderButton: ComponentWithRef<SliderButton$1, LightDeskIntrinsicElements['slider-button']>;
-declare const Switch: ComponentWithRef<Switch$1, LightDeskIntrinsicElements['switch']>;
-declare const Tab: ComponentWithRef<Tab$1, LightDeskIntrinsicElements['tab']>;
-declare const Tabs: ComponentWithRef<Tabs$1, LightDeskIntrinsicElements['tabs']>;
-declare const TextInput: ComponentWithRef<TextInput$1, LightDeskIntrinsicElements['text-input']>;
-declare const Timeline: ComponentWithRef<Timeline$1, LightDeskIntrinsicElements['timeline']>;
-
-declare const ToolkitRenderer: {
-    renderGroup: (component: JSX.Element, container: ld.Group) => void;
-    render: (component: JSX.Element, container: ld.Toolkit, rootGroupProps?: Props$1) => void;
-};
-
-export { Button, Group, GroupHeader, Label, type LightDeskIntrinsicElements, Rect, SliderButton, Switch, Tab, Tabs, TextInput, Timeline, ToolkitRenderer };

package/dist/index.d.ts

@@ -1,86 +0,0 @@
-import * as ld from '@arcanejs/toolkit';
-import { Props as Props$1, Events as Events$1, Group as Group$1, GroupHeader as GroupHeader$1 } from '@arcanejs/toolkit/components/group';
-import { Props, Events, Button as Button$1 } from '@arcanejs/toolkit/components/button';
-import { Props as Props$2, Label as Label$1 } from '@arcanejs/toolkit/components/label';
-import { Props as Props$3, Rect as Rect$1 } from '@arcanejs/toolkit/components/rect';
-import { Props as Props$4, Events as Events$2, SliderButton as SliderButton$1 } from '@arcanejs/toolkit/components/slider-button';
-import { Props as Props$5, Events as Events$3, Switch as Switch$1 } from '@arcanejs/toolkit/components/switch';
-import { TabProps, Tab as Tab$1, TabsProps, Tabs as Tabs$1 } from '@arcanejs/toolkit/components/tabs';
-import { Props as Props$6, Events as Events$4, TextInput as TextInput$1 } from '@arcanejs/toolkit/components/text-input';
-import { Props as Props$7, Timeline as Timeline$1 } from '@arcanejs/toolkit/components/timeline';
-import * as React from 'react';
-import { Ref } from 'react';
-
-type Child = JSX.Element | string | null | undefined | boolean;
-type Children = Child | Child[];
-interface LightDeskIntrinsicElements {
-    button: Props & {
-        children?: never;
-        onClick?: Events['click'];
-        ref?: Ref<Button$1>;
-    };
-    group: Props$1 & {
-        children?: Children;
-        onTitleChanged?: Events$1['title-changed'];
-        ref?: Ref<Group$1>;
-    };
-    'group-header': {
-        children?: Children;
-        ref?: Ref<GroupHeader$1>;
-    };
-    label: Props$2 & {
-        children?: never;
-        ref?: Ref<Label$1>;
-    };
-    rect: Props$3 & {
-        children?: never;
-        ref?: Ref<Rect$1>;
-    };
-    'slider-button': Props$4 & {
-        children?: never;
-        onChange?: Events$2['change'];
-        ref?: Ref<SliderButton$1>;
-    };
-    switch: Props$5 & {
-        children?: never;
-        onChange?: Events$3['change'];
-        ref?: Ref<Switch$1>;
-    };
-    tab: TabProps & {
-        children?: JSX.Element | string;
-        ref?: Ref<Tab$1>;
-    };
-    tabs: TabsProps & {
-        children?: JSX.Element | JSX.Element[];
-        ref?: Ref<Tabs$1>;
-    };
-    'text-input': Props$6 & {
-        children?: JSX.Element | JSX.Element[];
-        onChange?: Events$4['change'];
-        ref?: Ref<TextInput$1>;
-    };
-    timeline: Props$7 & {
-        children?: never;
-        ref?: Ref<Timeline$1>;
-    };
-}
-
-type ComponentWithRef<T, P> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-declare const Button: ComponentWithRef<Button$1, LightDeskIntrinsicElements['button']>;
-declare const Group: ComponentWithRef<Group$1, LightDeskIntrinsicElements['group']>;
-declare const GroupHeader: ComponentWithRef<GroupHeader$1, LightDeskIntrinsicElements['group-header']>;
-declare const Label: ComponentWithRef<Label$1, LightDeskIntrinsicElements['label']>;
-declare const Rect: ComponentWithRef<Rect$1, LightDeskIntrinsicElements['rect']>;
-declare const SliderButton: ComponentWithRef<SliderButton$1, LightDeskIntrinsicElements['slider-button']>;
-declare const Switch: ComponentWithRef<Switch$1, LightDeskIntrinsicElements['switch']>;
-declare const Tab: ComponentWithRef<Tab$1, LightDeskIntrinsicElements['tab']>;
-declare const Tabs: ComponentWithRef<Tabs$1, LightDeskIntrinsicElements['tabs']>;
-declare const TextInput: ComponentWithRef<TextInput$1, LightDeskIntrinsicElements['text-input']>;
-declare const Timeline: ComponentWithRef<Timeline$1, LightDeskIntrinsicElements['timeline']>;
-
-declare const ToolkitRenderer: {
-    renderGroup: (component: JSX.Element, container: ld.Group) => void;
-    render: (component: JSX.Element, container: ld.Toolkit, rootGroupProps?: Props$1) => void;
-};
-
-export { Button, Group, GroupHeader, Label, type LightDeskIntrinsicElements, Rect, SliderButton, Switch, Tab, Tabs, TextInput, Timeline, ToolkitRenderer };

package/dist/index.js

@@ -1,290 +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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Button: () => Button,
-  Group: () => Group,
-  GroupHeader: () => GroupHeader,
-  Label: () => Label,
-  Rect: () => Rect,
-  SliderButton: () => SliderButton,
-  Switch: () => Switch,
-  Tab: () => Tab,
-  Tabs: () => Tabs,
-  TextInput: () => TextInput,
-  Timeline: () => Timeline,
-  ToolkitRenderer: () => ToolkitRenderer
-});
-module.exports = __toCommonJS(src_exports);
-var import_react_reconciler = __toESM(require("react-reconciler"));
-var import_constants = require("react-reconciler/constants");
-var ld = __toESM(require("@arcanejs/toolkit"));
-var import_base = require("@arcanejs/toolkit/components/base");
-
-// src/components.ts
-var React = __toESM(require("react"));
-var Button = React.forwardRef(
-  (props, ref) => React.createElement("button", { ...props, ref }, props.children)
-);
-var Group = React.forwardRef(
-  (props, ref) => React.createElement("group", { ...props, ref }, props.children)
-);
-var GroupHeader = React.forwardRef(
-  (props, ref) => React.createElement("group-header", { ...props, ref }, props.children)
-);
-var Label = React.forwardRef(
-  (props, ref) => React.createElement("label", { ...props, ref }, props.children)
-);
-var Rect = React.forwardRef(
-  (props, ref) => React.createElement("rect", { ...props, ref }, props.children)
-);
-var SliderButton = React.forwardRef(
-  (props, ref) => React.createElement("slider-button", { ...props, ref }, props.children)
-);
-var Switch = React.forwardRef(
-  (props, ref) => React.createElement("switch", { ...props, ref }, props.children)
-);
-var Tab = React.forwardRef(
-  (props, ref) => React.createElement("tab", { ...props, ref }, props.children)
-);
-var Tabs = React.forwardRef(
-  (props, ref) => React.createElement("tabs", { ...props, ref }, props.children)
-);
-var TextInput = React.forwardRef(
-  (props, ref) => React.createElement("text-input", { ...props, ref }, props.children)
-);
-var Timeline = React.forwardRef(
-  (props, ref) => React.createElement("timeline", { ...props, ref }, props.children)
-);
-
-// src/index.ts
-var isType = (targetType, type, _props) => targetType === type;
-var canSetProps = (instance) => instance instanceof import_base.Base;
-var updateListener = (eventName, property, instance, prevProps, nextProps) => {
-  const prev = prevProps[property];
-  const next = nextProps[property];
-  if (prev !== next) {
-    prev && instance.removeListener(eventName, prev);
-    next && instance.addListener(eventName, next);
-  }
-};
-var updateListeners = (type, instance, prevProps, nextProps) => {
-  if (isType("button", type, prevProps) && isType("button", type, nextProps)) {
-    if (instance instanceof ld.Button) {
-      updateListener("click", "onClick", instance, prevProps, nextProps);
-    }
-  } else if (isType("group", type, prevProps) && isType("group", type, nextProps)) {
-    if (instance instanceof ld.Group) {
-      updateListener(
-        "title-changed",
-        "onTitleChanged",
-        instance,
-        prevProps,
-        nextProps
-      );
-    }
-  } else if (isType("slider-button", type, prevProps) && isType("slider-button", type, nextProps)) {
-    if (instance instanceof ld.SliderButton) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  } else if (isType("switch", type, prevProps) && isType("switch", type, nextProps)) {
-    if (instance instanceof ld.Switch) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  } else if (isType("text-input", type, prevProps) && isType("text-input", type, nextProps)) {
-    if (instance instanceof ld.TextInput) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  }
-};
-var hostConfig = {
-  supportsMutation: true,
-  supportsPersistence: false,
-  noTimeout: -1,
-  isPrimaryRenderer: true,
-  supportsHydration: false,
-  afterActiveInstanceBlur: () => null,
-  appendChild: (parentInstance, child) => {
-    if (parentInstance instanceof import_base.BaseParent) {
-      parentInstance.appendChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  appendInitialChild: (parentInstance, child) => {
-    if (parentInstance instanceof import_base.BaseParent) {
-      parentInstance.appendChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  appendChildToContainer(container, child) {
-    container.appendChild(child);
-  },
-  beforeActiveInstanceBlur: () => null,
-  cancelTimeout: (id) => clearTimeout(id),
-  clearContainer: (container) => container.removeAllChildren(),
-  commitMount: () => {
-    throw new Error(`Unexpected call to commitMount()`);
-  },
-  commitUpdate(instance, updatePayload, type, prevProps, nextProps, _internalHandle) {
-    if (canSetProps(instance)) {
-      instance.setProps(updatePayload);
-      updateListeners(type, instance, prevProps, nextProps);
-    } else {
-      throw new Error(`Unexpected Instance: ${instance}`);
-    }
-  },
-  commitTextUpdate: (textInstance, _oldText, newText) => textInstance.setText(newText),
-  createInstance: (type, props) => {
-    let instance = null;
-    if (isType("button", type, props)) {
-      instance = new ld.Button(props);
-    } else if (isType("group", type, props)) {
-      instance = new ld.Group(props);
-    } else if (isType("group-header", type, props)) {
-      instance = new ld.GroupHeader(props);
-    } else if (isType("label", type, props)) {
-      instance = new ld.Label(props);
-    } else if (isType("rect", type, props)) {
-      instance = new ld.Rect(props);
-    } else if (isType("slider-button", type, props)) {
-      instance = new ld.SliderButton(props);
-    } else if (isType("switch", type, props)) {
-      instance = new ld.Switch(props);
-    } else if (isType("tab", type, props)) {
-      instance = new ld.Tab(props);
-    } else if (isType("tabs", type, props)) {
-      instance = new ld.Tabs(props);
-    } else if (isType("text-input", type, props)) {
-      instance = new ld.TextInput(props);
-    } else if (isType("timeline", type, props)) {
-      instance = new ld.Timeline(props);
-    }
-    if (instance) {
-      updateListeners(type, instance, {}, props);
-      return instance;
-    } else {
-      throw new Error(`Not implemented type: ${type}`);
-    }
-  },
-  createTextInstance: (text) => new ld.Label({ text }),
-  detachDeletedInstance: () => null,
-  getChildHostContext: (parentHostContext) => parentHostContext,
-  getCurrentEventPriority: () => import_constants.DefaultEventPriority,
-  getInstanceFromNode: () => {
-    throw new Error("Not yet implemented.");
-  },
-  getInstanceFromScope: () => {
-    throw new Error("Not yet implemented.");
-  },
-  getPublicInstance: (instance) => instance,
-  getRootHostContext: () => null,
-  insertBefore: (parentInstance, child, beforeChild) => {
-    if (parentInstance instanceof import_base.BaseParent) {
-      parentInstance.insertBefore(child, beforeChild);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  insertInContainerBefore: (container, child, beforeChild) => container.insertBefore(child, beforeChild),
-  finalizeInitialChildren: () => false,
-  prepareForCommit: () => null,
-  preparePortalMount: () => null,
-  prepareScopeUpdate: () => null,
-  prepareUpdate: (_instance, _type, _oldProps, newProps, _rootContainer, _hostContext) => {
-    const updates = {};
-    for (const [key, val] of Object.entries(newProps)) {
-      if (key !== "children") {
-        updates[key] = val;
-      }
-    }
-    if (Object.keys(updates).length) {
-      return updates;
-    } else {
-      return null;
-    }
-  },
-  removeChild(parentInstance, child) {
-    if (parentInstance instanceof import_base.BaseParent) {
-      parentInstance.removeChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  removeChildFromContainer: (container, child) => container.removeChild(child),
-  resetAfterCommit: () => null,
-  resetTextContent: () => {
-    throw new Error(`Unexpected call to resetTextContent()`);
-  },
-  scheduleTimeout: (fn, delay) => setTimeout(fn, delay),
-  shouldSetTextContent: () => false,
-  // Not-implemented
-  hideInstance: () => {
-    console.log("Not-implemented: hideInstance");
-  },
-  hideTextInstance: () => {
-    console.log("Not-implemented: hideTextInstance");
-  },
-  unhideInstance: () => {
-    console.log("Not-implemented: unhideInstance");
-  },
-  unhideTextInstance: () => {
-    console.log("Not-implemented: unhideTextInstance");
-  }
-};
-var reconciler = (0, import_react_reconciler.default)(hostConfig);
-var ToolkitRenderer = {
-  renderGroup: (component, container) => {
-    const root = reconciler.createContainer(container, 0, false, null);
-    reconciler.updateContainer(component, root, null);
-  },
-  render: (component, container, rootGroupProps) => {
-    const group = new ld.Group(rootGroupProps);
-    container.setRoot(group);
-    ToolkitRenderer.renderGroup(component, group);
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button,
-  Group,
-  GroupHeader,
-  Label,
-  Rect,
-  SliderButton,
-  Switch,
-  Tab,
-  Tabs,
-  TextInput,
-  Timeline,
-  ToolkitRenderer
-});

package/dist/index.mjs

@@ -1,244 +0,0 @@
-// src/index.ts
-import Reconciler from "react-reconciler";
-import { DefaultEventPriority } from "react-reconciler/constants";
-import * as ld from "@arcanejs/toolkit";
-import { Base, BaseParent } from "@arcanejs/toolkit/components/base";
-
-// src/components.ts
-import * as React from "react";
-var Button = React.forwardRef(
-  (props, ref) => React.createElement("button", { ...props, ref }, props.children)
-);
-var Group = React.forwardRef(
-  (props, ref) => React.createElement("group", { ...props, ref }, props.children)
-);
-var GroupHeader = React.forwardRef(
-  (props, ref) => React.createElement("group-header", { ...props, ref }, props.children)
-);
-var Label = React.forwardRef(
-  (props, ref) => React.createElement("label", { ...props, ref }, props.children)
-);
-var Rect = React.forwardRef(
-  (props, ref) => React.createElement("rect", { ...props, ref }, props.children)
-);
-var SliderButton = React.forwardRef(
-  (props, ref) => React.createElement("slider-button", { ...props, ref }, props.children)
-);
-var Switch = React.forwardRef(
-  (props, ref) => React.createElement("switch", { ...props, ref }, props.children)
-);
-var Tab = React.forwardRef(
-  (props, ref) => React.createElement("tab", { ...props, ref }, props.children)
-);
-var Tabs = React.forwardRef(
-  (props, ref) => React.createElement("tabs", { ...props, ref }, props.children)
-);
-var TextInput = React.forwardRef(
-  (props, ref) => React.createElement("text-input", { ...props, ref }, props.children)
-);
-var Timeline = React.forwardRef(
-  (props, ref) => React.createElement("timeline", { ...props, ref }, props.children)
-);
-
-// src/index.ts
-var isType = (targetType, type, _props) => targetType === type;
-var canSetProps = (instance) => instance instanceof Base;
-var updateListener = (eventName, property, instance, prevProps, nextProps) => {
-  const prev = prevProps[property];
-  const next = nextProps[property];
-  if (prev !== next) {
-    prev && instance.removeListener(eventName, prev);
-    next && instance.addListener(eventName, next);
-  }
-};
-var updateListeners = (type, instance, prevProps, nextProps) => {
-  if (isType("button", type, prevProps) && isType("button", type, nextProps)) {
-    if (instance instanceof ld.Button) {
-      updateListener("click", "onClick", instance, prevProps, nextProps);
-    }
-  } else if (isType("group", type, prevProps) && isType("group", type, nextProps)) {
-    if (instance instanceof ld.Group) {
-      updateListener(
-        "title-changed",
-        "onTitleChanged",
-        instance,
-        prevProps,
-        nextProps
-      );
-    }
-  } else if (isType("slider-button", type, prevProps) && isType("slider-button", type, nextProps)) {
-    if (instance instanceof ld.SliderButton) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  } else if (isType("switch", type, prevProps) && isType("switch", type, nextProps)) {
-    if (instance instanceof ld.Switch) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  } else if (isType("text-input", type, prevProps) && isType("text-input", type, nextProps)) {
-    if (instance instanceof ld.TextInput) {
-      updateListener("change", "onChange", instance, prevProps, nextProps);
-    }
-  }
-};
-var hostConfig = {
-  supportsMutation: true,
-  supportsPersistence: false,
-  noTimeout: -1,
-  isPrimaryRenderer: true,
-  supportsHydration: false,
-  afterActiveInstanceBlur: () => null,
-  appendChild: (parentInstance, child) => {
-    if (parentInstance instanceof BaseParent) {
-      parentInstance.appendChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  appendInitialChild: (parentInstance, child) => {
-    if (parentInstance instanceof BaseParent) {
-      parentInstance.appendChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  appendChildToContainer(container, child) {
-    container.appendChild(child);
-  },
-  beforeActiveInstanceBlur: () => null,
-  cancelTimeout: (id) => clearTimeout(id),
-  clearContainer: (container) => container.removeAllChildren(),
-  commitMount: () => {
-    throw new Error(`Unexpected call to commitMount()`);
-  },
-  commitUpdate(instance, updatePayload, type, prevProps, nextProps, _internalHandle) {
-    if (canSetProps(instance)) {
-      instance.setProps(updatePayload);
-      updateListeners(type, instance, prevProps, nextProps);
-    } else {
-      throw new Error(`Unexpected Instance: ${instance}`);
-    }
-  },
-  commitTextUpdate: (textInstance, _oldText, newText) => textInstance.setText(newText),
-  createInstance: (type, props) => {
-    let instance = null;
-    if (isType("button", type, props)) {
-      instance = new ld.Button(props);
-    } else if (isType("group", type, props)) {
-      instance = new ld.Group(props);
-    } else if (isType("group-header", type, props)) {
-      instance = new ld.GroupHeader(props);
-    } else if (isType("label", type, props)) {
-      instance = new ld.Label(props);
-    } else if (isType("rect", type, props)) {
-      instance = new ld.Rect(props);
-    } else if (isType("slider-button", type, props)) {
-      instance = new ld.SliderButton(props);
-    } else if (isType("switch", type, props)) {
-      instance = new ld.Switch(props);
-    } else if (isType("tab", type, props)) {
-      instance = new ld.Tab(props);
-    } else if (isType("tabs", type, props)) {
-      instance = new ld.Tabs(props);
-    } else if (isType("text-input", type, props)) {
-      instance = new ld.TextInput(props);
-    } else if (isType("timeline", type, props)) {
-      instance = new ld.Timeline(props);
-    }
-    if (instance) {
-      updateListeners(type, instance, {}, props);
-      return instance;
-    } else {
-      throw new Error(`Not implemented type: ${type}`);
-    }
-  },
-  createTextInstance: (text) => new ld.Label({ text }),
-  detachDeletedInstance: () => null,
-  getChildHostContext: (parentHostContext) => parentHostContext,
-  getCurrentEventPriority: () => DefaultEventPriority,
-  getInstanceFromNode: () => {
-    throw new Error("Not yet implemented.");
-  },
-  getInstanceFromScope: () => {
-    throw new Error("Not yet implemented.");
-  },
-  getPublicInstance: (instance) => instance,
-  getRootHostContext: () => null,
-  insertBefore: (parentInstance, child, beforeChild) => {
-    if (parentInstance instanceof BaseParent) {
-      parentInstance.insertBefore(child, beforeChild);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  insertInContainerBefore: (container, child, beforeChild) => container.insertBefore(child, beforeChild),
-  finalizeInitialChildren: () => false,
-  prepareForCommit: () => null,
-  preparePortalMount: () => null,
-  prepareScopeUpdate: () => null,
-  prepareUpdate: (_instance, _type, _oldProps, newProps, _rootContainer, _hostContext) => {
-    const updates = {};
-    for (const [key, val] of Object.entries(newProps)) {
-      if (key !== "children") {
-        updates[key] = val;
-      }
-    }
-    if (Object.keys(updates).length) {
-      return updates;
-    } else {
-      return null;
-    }
-  },
-  removeChild(parentInstance, child) {
-    if (parentInstance instanceof BaseParent) {
-      parentInstance.removeChild(child);
-    } else {
-      throw new Error(`Unexpected Parent: ${parentInstance}`);
-    }
-  },
-  removeChildFromContainer: (container, child) => container.removeChild(child),
-  resetAfterCommit: () => null,
-  resetTextContent: () => {
-    throw new Error(`Unexpected call to resetTextContent()`);
-  },
-  scheduleTimeout: (fn, delay) => setTimeout(fn, delay),
-  shouldSetTextContent: () => false,
-  // Not-implemented
-  hideInstance: () => {
-    console.log("Not-implemented: hideInstance");
-  },
-  hideTextInstance: () => {
-    console.log("Not-implemented: hideTextInstance");
-  },
-  unhideInstance: () => {
-    console.log("Not-implemented: unhideInstance");
-  },
-  unhideTextInstance: () => {
-    console.log("Not-implemented: unhideTextInstance");
-  }
-};
-var reconciler = Reconciler(hostConfig);
-var ToolkitRenderer = {
-  renderGroup: (component, container) => {
-    const root = reconciler.createContainer(container, 0, false, null);
-    reconciler.updateContainer(component, root, null);
-  },
-  render: (component, container, rootGroupProps) => {
-    const group = new ld.Group(rootGroupProps);
-    container.setRoot(group);
-    ToolkitRenderer.renderGroup(component, group);
-  }
-};
-export {
-  Button,
-  Group,
-  GroupHeader,
-  Label,
-  Rect,
-  SliderButton,
-  Switch,
-  Tab,
-  Tabs,
-  TextInput,
-  Timeline,
-  ToolkitRenderer
-};