@arcanejs/react-toolkit 0.7.0 → 0.8.1

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import {
   Button,
+  CoreComponents,
   Group,
   GroupHeader,
   Label,
@@ -9,208 +10,14 @@ import {
   Tab,
   Tabs,
   TextInput,
-  Timeline
-} from "./chunk-HVMRFXJ2.mjs";
-import {
-  LoggerContext
-} from "./chunk-TOGR56FN.mjs";
-
-// src/index.tsx
-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";
-import { jsx } from "react/jsx-runtime";
-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);
-    const componentWithContexts = /* @__PURE__ */ jsx(LoggerContext.Provider, { value: container.log, children: component });
-    reconciler.updateContainer(componentWithContexts, root, null);
-  },
-  render: (component, container, rootGroupProps) => {
-    const group = new ld.Group({ direction: "vertical", ...rootGroupProps });
-    container.setRoot(group);
-    ToolkitRenderer.renderGroup(component, group);
-  }
-};
+  Timeline,
+  ToolkitRenderer,
+  prepareComponents
+} from "./chunk-CAHNLXTY.mjs";
+import "./chunk-TOGR56FN.mjs";
 export {
   Button,
+  CoreComponents,
   Group,
   GroupHeader,
   Label,
@@ -221,5 +28,6 @@ export {
   Tabs,
   TextInput,
   Timeline,
-  ToolkitRenderer
+  ToolkitRenderer,
+  prepareComponents
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/react-toolkit",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -21,27 +21,27 @@
   "exports": {
     ".": {
       "@arcanejs/source": "./src/index.tsx",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
     "./colors": {
       "@arcanejs/source": "./src/colors.tsx",
+      "types": "./dist/colors.d.ts",
       "import": "./dist/colors.mjs",
-      "require": "./dist/colors.js",
-      "types": "./dist/colors.d.ts"
+      "require": "./dist/colors.js"
     },
     "./data": {
       "@arcanejs/source": "./src/data.tsx",
+      "types": "./dist/data.d.ts",
       "import": "./dist/data.mjs",
-      "require": "./dist/data.js",
-      "types": "./dist/data.d.ts"
+      "require": "./dist/data.js"
     },
     "./logging": {
       "@arcanejs/source": "./src/logging.ts",
+      "types": "./dist/logging.d.ts",
       "import": "./dist/logging.mjs",
-      "require": "./dist/logging.js",
-      "types": "./dist/logging.d.ts"
+      "require": "./dist/logging.js"
     },
     "./package.json": "./package.json"
   },
@@ -56,15 +56,15 @@
     "tsup": "^8.1.0",
     "typescript": "^5.3.3",
     "zod": "^3.23.8",
-    "@arcanejs/typescript-config": "^0.0.0",
-    "@arcanejs/eslint-config": "^0.0.0"
+    "@arcanejs/eslint-config": "^0.0.0",
+    "@arcanejs/typescript-config": "^0.0.0"
   },
   "dependencies": {
     "lodash": "^4.17.21",
     "react": "^18",
     "react-reconciler": "0.28.0",
-    "@arcanejs/protocol": "^0.3.0",
-    "@arcanejs/toolkit": "^0.5.1"
+    "@arcanejs/protocol": "^0.4.0",
+    "@arcanejs/toolkit": "^1.0.0"
   },
   "peerDependencies": {
     "zod": "^3.23.8"

package/dist/chunk-HVMRFXJ2.mjs

@@ -1,49 +0,0 @@
-// 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)
-);
-
-export {
-  Button,
-  Group,
-  GroupHeader,
-  Label,
-  Rect,
-  SliderButton,
-  Switch,
-  Tab,
-  Tabs,
-  TextInput,
-  Timeline
-};

package/dist/chunk-RKOUSLUW.js

@@ -1,49 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/components.ts
-var _react = require('react'); var React = _interopRequireWildcard(_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)
-);
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.Button = Button; exports.Group = Group; exports.GroupHeader = GroupHeader; exports.Label = Label; exports.Rect = Rect; exports.SliderButton = SliderButton; exports.Switch = Switch; exports.Tab = Tab; exports.Tabs = Tabs; exports.TextInput = TextInput; exports.Timeline = Timeline;

package/dist/types-D0Wa4a4d.d.mts

@@ -1,66 +0,0 @@
-import { Props as Props$1, Events as Events$1, Group, GroupHeader } from '@arcanejs/toolkit/components/group';
-import { Props, Events, Button } from '@arcanejs/toolkit/components/button';
-import { Props as Props$2, Label } from '@arcanejs/toolkit/components/label';
-import { Props as Props$3, Rect } from '@arcanejs/toolkit/components/rect';
-import { Props as Props$4, Events as Events$2, SliderButton } from '@arcanejs/toolkit/components/slider-button';
-import { Props as Props$5, Events as Events$3, Switch } from '@arcanejs/toolkit/components/switch';
-import { TabProps, Tab, TabsProps, Tabs } from '@arcanejs/toolkit/components/tabs';
-import { Props as Props$6, Events as Events$4, TextInput } from '@arcanejs/toolkit/components/text-input';
-import { Props as Props$7, Timeline } from '@arcanejs/toolkit/components/timeline';
-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>;
-    };
-    group: Props$1 & {
-        children?: Children;
-        onTitleChanged?: Events$1['title-changed'];
-        ref?: Ref<Group>;
-    };
-    'group-header': {
-        children?: Children;
-        ref?: Ref<GroupHeader>;
-    };
-    label: Props$2 & {
-        children?: never;
-        ref?: Ref<Label>;
-    };
-    rect: Props$3 & {
-        children?: never;
-        ref?: Ref<Rect>;
-    };
-    'slider-button': Props$4 & {
-        children?: never;
-        onChange?: Events$2['change'];
-        ref?: Ref<SliderButton>;
-    };
-    switch: Props$5 & {
-        children?: never;
-        onChange?: Events$3['change'];
-        ref?: Ref<Switch>;
-    };
-    tab: TabProps & {
-        children?: JSX.Element | string;
-        ref?: Ref<Tab>;
-    };
-    tabs: TabsProps & {
-        children?: JSX.Element | JSX.Element[];
-        ref?: Ref<Tabs>;
-    };
-    'text-input': Props$6 & {
-        children?: JSX.Element | JSX.Element[];
-        onChange?: Events$4['change'];
-        ref?: Ref<TextInput>;
-    };
-    timeline: Props$7 & {
-        children?: never;
-        ref?: Ref<Timeline>;
-    };
-}
-
-export type { LightDeskIntrinsicElements as L };

package/dist/types-D0Wa4a4d.d.ts

@@ -1,66 +0,0 @@
-import { Props as Props$1, Events as Events$1, Group, GroupHeader } from '@arcanejs/toolkit/components/group';
-import { Props, Events, Button } from '@arcanejs/toolkit/components/button';
-import { Props as Props$2, Label } from '@arcanejs/toolkit/components/label';
-import { Props as Props$3, Rect } from '@arcanejs/toolkit/components/rect';
-import { Props as Props$4, Events as Events$2, SliderButton } from '@arcanejs/toolkit/components/slider-button';
-import { Props as Props$5, Events as Events$3, Switch } from '@arcanejs/toolkit/components/switch';
-import { TabProps, Tab, TabsProps, Tabs } from '@arcanejs/toolkit/components/tabs';
-import { Props as Props$6, Events as Events$4, TextInput } from '@arcanejs/toolkit/components/text-input';
-import { Props as Props$7, Timeline } from '@arcanejs/toolkit/components/timeline';
-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>;
-    };
-    group: Props$1 & {
-        children?: Children;
-        onTitleChanged?: Events$1['title-changed'];
-        ref?: Ref<Group>;
-    };
-    'group-header': {
-        children?: Children;
-        ref?: Ref<GroupHeader>;
-    };
-    label: Props$2 & {
-        children?: never;
-        ref?: Ref<Label>;
-    };
-    rect: Props$3 & {
-        children?: never;
-        ref?: Ref<Rect>;
-    };
-    'slider-button': Props$4 & {
-        children?: never;
-        onChange?: Events$2['change'];
-        ref?: Ref<SliderButton>;
-    };
-    switch: Props$5 & {
-        children?: never;
-        onChange?: Events$3['change'];
-        ref?: Ref<Switch>;
-    };
-    tab: TabProps & {
-        children?: JSX.Element | string;
-        ref?: Ref<Tab>;
-    };
-    tabs: TabsProps & {
-        children?: JSX.Element | JSX.Element[];
-        ref?: Ref<Tabs>;
-    };
-    'text-input': Props$6 & {
-        children?: JSX.Element | JSX.Element[];
-        onChange?: Events$4['change'];
-        ref?: Ref<TextInput>;
-    };
-    timeline: Props$7 & {
-        children?: never;
-        ref?: Ref<Timeline>;
-    };
-}
-
-export type { LightDeskIntrinsicElements as L };