@arcanejs/react-toolkit 0.12.5 → 0.14.0

package/dist/{chunk-Q54JXYCV.js → chunk-EJVUDIQP.js}

@@ -4,12 +4,13 @@ var _chunkRT2VSMJLjs = require('./chunk-RT2VSMJL.js');
 
 // src/index.tsx
 var _reactreconciler = require('react-reconciler'); var _reactreconciler2 = _interopRequireDefault(_reactreconciler);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _constants = require('react-reconciler/constants');
 var _toolkit = require('@arcanejs/toolkit'); var ld = _interopRequireWildcard(_toolkit);
 var _base = require('@arcanejs/toolkit/components/base');
 
 // src/registry.ts
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
 var prepareComponents = (namespace, defn) => {
   const entries = Object.entries(defn);
   const _creators = entries.reduce((acc, [key, cls]) => {
@@ -67,9 +68,48 @@ var CoreComponents = prepareComponents("core", {
 // src/index.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var canSetProps = (instance) => instance instanceof _base.Base;
-var hostConfig = ({
-  componentNamespaces
-}) => {
+var getPropsToSet = (props) => {
+  const updates = {};
+  for (const [key, val] of Object.entries(props)) {
+    if (key !== "children") {
+      updates[key] = val;
+    }
+  }
+  return updates;
+};
+var setInstanceProps = (instance, props) => {
+  if (canSetProps(instance)) {
+    instance.setProps(props);
+  } else {
+    throw new Error(`Unexpected Instance: ${instance}`);
+  }
+};
+var scheduleMicrotaskCompat = typeof queueMicrotask === "function" ? queueMicrotask : (cb) => {
+  Promise.resolve().then(cb);
+};
+var reportRendererError = (error) => {
+  console.error(error);
+};
+var createContainerCompat = (reconciler, container) => {
+  const createContainer = reconciler.createContainer;
+  if (createContainer.length <= 4) {
+    return createContainer(container, 0, false, null);
+  }
+  return createContainer(
+    container,
+    0,
+    null,
+    false,
+    null,
+    "",
+    reportRendererError,
+    reportRendererError,
+    reportRendererError,
+    null
+  );
+};
+var ROOT_HOST_CONTEXT = {};
+var hostConfig = ({ componentNamespaces }) => {
   const processedNamespaces = {};
   for (const namespace of componentNamespaces) {
     if (processedNamespaces[namespace._namespace]) {
@@ -77,12 +117,17 @@ var hostConfig = ({
     }
     processedNamespaces[namespace._namespace] = namespace;
   }
-  return {
+  const hostTransitionContext = _react2.default.createContext(null);
+  let currentUpdatePriority = _constants.DefaultEventPriority;
+  const config = {
     supportsMutation: true,
     supportsPersistence: false,
     noTimeout: -1,
     isPrimaryRenderer: true,
     supportsHydration: false,
+    supportsMicrotasks: true,
+    NotPendingTransition: null,
+    HostTransitionContext: hostTransitionContext,
     afterActiveInstanceBlur: () => null,
     appendChild: (parentInstance, child) => {
       if (parentInstance instanceof _base.BaseParent) {
@@ -104,14 +149,23 @@ var hostConfig = ({
     beforeActiveInstanceBlur: () => null,
     cancelTimeout: (id) => clearTimeout(id),
     clearContainer: (container) => container.removeAllChildren(),
-    commitMount: () => {
+    commitMount: (_instance, _type, _props) => {
       throw new Error(`Unexpected call to commitMount()`);
     },
-    commitUpdate(instance, updatePayload, _type, _prevProps, _nextProps, _internalHandle) {
-      if (canSetProps(instance)) {
-        instance.setProps(updatePayload);
-      } else {
-        throw new Error(`Unexpected Instance: ${instance}`);
+    commitUpdate(instance, ...args) {
+      if (typeof args[0] === "string") {
+        const nextProps2 = args[2];
+        setInstanceProps(instance, getPropsToSet(nextProps2));
+        return;
+      }
+      const updatePayload = args[0];
+      if (updatePayload) {
+        setInstanceProps(instance, updatePayload);
+        return;
+      }
+      const nextProps = args[3];
+      if (nextProps) {
+        setInstanceProps(instance, getPropsToSet(nextProps));
       }
     },
     commitTextUpdate: (textInstance, _oldText, newText) => textInstance.setText(newText),
@@ -137,6 +191,7 @@ var hostConfig = ({
     detachDeletedInstance: () => null,
     getChildHostContext: (parentHostContext) => parentHostContext,
     getCurrentEventPriority: () => _constants.DefaultEventPriority,
+    getCurrentUpdatePriority: () => currentUpdatePriority,
     getInstanceFromNode: () => {
       throw new Error("Not yet implemented.");
     },
@@ -144,7 +199,7 @@ var hostConfig = ({
       throw new Error("Not yet implemented.");
     },
     getPublicInstance: (instance) => instance,
-    getRootHostContext: () => null,
+    getRootHostContext: () => ROOT_HOST_CONTEXT,
     insertBefore: (parentInstance, child, beforeChild) => {
       if (parentInstance instanceof _base.BaseParent) {
         parentInstance.insertBefore(child, beforeChild);
@@ -154,21 +209,17 @@ var hostConfig = ({
     },
     insertInContainerBefore: (container, child, beforeChild) => container.insertBefore(child, beforeChild),
     finalizeInitialChildren: () => false,
+    maySuspendCommit: () => false,
+    preloadInstance: () => 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;
-      }
+      const updates = getPropsToSet(newProps);
+      return Object.keys(updates).length ? updates : null;
+    },
+    requestPostPaintCallback: (callback) => {
+      setTimeout(() => callback(Date.now()), 0);
     },
     removeChild(parentInstance, child) {
       if (parentInstance instanceof _base.BaseParent) {
@@ -182,31 +233,36 @@ var hostConfig = ({
     resetTextContent: () => {
       throw new Error(`Unexpected call to resetTextContent()`);
     },
+    resetFormInstance: () => null,
+    resolveEventTimeStamp: () => Date.now(),
+    resolveEventType: () => null,
+    resolveUpdatePriority: () => currentUpdatePriority,
     scheduleTimeout: (fn, delay) => setTimeout(fn, delay),
-    shouldSetTextContent: () => false,
-    // Not-implemented
-    hideInstance: () => {
-      console.log("Not-implemented: hideInstance");
-    },
-    hideTextInstance: () => {
-      console.log("Not-implemented: hideTextInstance");
+    scheduleMicrotask: scheduleMicrotaskCompat,
+    setCurrentUpdatePriority: (newPriority) => {
+      currentUpdatePriority = newPriority;
     },
-    unhideInstance: () => {
-      console.log("Not-implemented: unhideInstance");
-    },
-    unhideTextInstance: () => {
-      console.log("Not-implemented: unhideTextInstance");
-    }
+    shouldAttemptEagerTransition: () => false,
+    shouldSetTextContent: () => false,
+    startSuspendingCommit: () => null,
+    suspendInstance: () => null,
+    trackSchedulerEvent: () => null,
+    waitForCommitToBeReady: () => null,
+    hideInstance: () => null,
+    hideTextInstance: () => null,
+    unhideInstance: () => null,
+    unhideTextInstance: () => null
   };
+  return config;
 };
 var ToolkitRenderer = {
   renderGroup: (component, container, config = {
     componentNamespaces: [CoreComponents]
   }) => {
     const reconciler = _reactreconciler2.default.call(void 0, hostConfig(config));
-    const root = reconciler.createContainer(container, 0, false, null);
+    const root = createContainerCompat(reconciler, container);
     const componentWithContexts = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRT2VSMJLjs.LoggerContext.Provider, { value: container.log, children: component });
-    reconciler.updateContainer(componentWithContexts, root, null);
+    reconciler.updateContainer(componentWithContexts, root, null, void 0);
   },
   render: (component, container, rootGroupProps, config = {
     componentNamespaces: [CoreComponents]

package/dist/{chunk-CAHNLXTY.mjs → chunk-TP2BI3OM.mjs}

@@ -4,6 +4,7 @@ import {
 
 // src/index.tsx
 import Reconciler from "react-reconciler";
+import React2 from "react";
 import { DefaultEventPriority } from "react-reconciler/constants";
 import * as ld from "@arcanejs/toolkit";
 import { Base, BaseParent } from "@arcanejs/toolkit/components/base";
@@ -67,9 +68,48 @@ var CoreComponents = prepareComponents("core", {
 // src/index.tsx
 import { jsx } from "react/jsx-runtime";
 var canSetProps = (instance) => instance instanceof Base;
-var hostConfig = ({
-  componentNamespaces
-}) => {
+var getPropsToSet = (props) => {
+  const updates = {};
+  for (const [key, val] of Object.entries(props)) {
+    if (key !== "children") {
+      updates[key] = val;
+    }
+  }
+  return updates;
+};
+var setInstanceProps = (instance, props) => {
+  if (canSetProps(instance)) {
+    instance.setProps(props);
+  } else {
+    throw new Error(`Unexpected Instance: ${instance}`);
+  }
+};
+var scheduleMicrotaskCompat = typeof queueMicrotask === "function" ? queueMicrotask : (cb) => {
+  Promise.resolve().then(cb);
+};
+var reportRendererError = (error) => {
+  console.error(error);
+};
+var createContainerCompat = (reconciler, container) => {
+  const createContainer = reconciler.createContainer;
+  if (createContainer.length <= 4) {
+    return createContainer(container, 0, false, null);
+  }
+  return createContainer(
+    container,
+    0,
+    null,
+    false,
+    null,
+    "",
+    reportRendererError,
+    reportRendererError,
+    reportRendererError,
+    null
+  );
+};
+var ROOT_HOST_CONTEXT = {};
+var hostConfig = ({ componentNamespaces }) => {
   const processedNamespaces = {};
   for (const namespace of componentNamespaces) {
     if (processedNamespaces[namespace._namespace]) {
@@ -77,12 +117,17 @@ var hostConfig = ({
     }
     processedNamespaces[namespace._namespace] = namespace;
   }
-  return {
+  const hostTransitionContext = React2.createContext(null);
+  let currentUpdatePriority = DefaultEventPriority;
+  const config = {
     supportsMutation: true,
     supportsPersistence: false,
     noTimeout: -1,
     isPrimaryRenderer: true,
     supportsHydration: false,
+    supportsMicrotasks: true,
+    NotPendingTransition: null,
+    HostTransitionContext: hostTransitionContext,
     afterActiveInstanceBlur: () => null,
     appendChild: (parentInstance, child) => {
       if (parentInstance instanceof BaseParent) {
@@ -104,14 +149,23 @@ var hostConfig = ({
     beforeActiveInstanceBlur: () => null,
     cancelTimeout: (id) => clearTimeout(id),
     clearContainer: (container) => container.removeAllChildren(),
-    commitMount: () => {
+    commitMount: (_instance, _type, _props) => {
       throw new Error(`Unexpected call to commitMount()`);
     },
-    commitUpdate(instance, updatePayload, _type, _prevProps, _nextProps, _internalHandle) {
-      if (canSetProps(instance)) {
-        instance.setProps(updatePayload);
-      } else {
-        throw new Error(`Unexpected Instance: ${instance}`);
+    commitUpdate(instance, ...args) {
+      if (typeof args[0] === "string") {
+        const nextProps2 = args[2];
+        setInstanceProps(instance, getPropsToSet(nextProps2));
+        return;
+      }
+      const updatePayload = args[0];
+      if (updatePayload) {
+        setInstanceProps(instance, updatePayload);
+        return;
+      }
+      const nextProps = args[3];
+      if (nextProps) {
+        setInstanceProps(instance, getPropsToSet(nextProps));
       }
     },
     commitTextUpdate: (textInstance, _oldText, newText) => textInstance.setText(newText),
@@ -137,6 +191,7 @@ var hostConfig = ({
     detachDeletedInstance: () => null,
     getChildHostContext: (parentHostContext) => parentHostContext,
     getCurrentEventPriority: () => DefaultEventPriority,
+    getCurrentUpdatePriority: () => currentUpdatePriority,
     getInstanceFromNode: () => {
       throw new Error("Not yet implemented.");
     },
@@ -144,7 +199,7 @@ var hostConfig = ({
       throw new Error("Not yet implemented.");
     },
     getPublicInstance: (instance) => instance,
-    getRootHostContext: () => null,
+    getRootHostContext: () => ROOT_HOST_CONTEXT,
     insertBefore: (parentInstance, child, beforeChild) => {
       if (parentInstance instanceof BaseParent) {
         parentInstance.insertBefore(child, beforeChild);
@@ -154,21 +209,17 @@ var hostConfig = ({
     },
     insertInContainerBefore: (container, child, beforeChild) => container.insertBefore(child, beforeChild),
     finalizeInitialChildren: () => false,
+    maySuspendCommit: () => false,
+    preloadInstance: () => 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;
-      }
+      const updates = getPropsToSet(newProps);
+      return Object.keys(updates).length ? updates : null;
+    },
+    requestPostPaintCallback: (callback) => {
+      setTimeout(() => callback(Date.now()), 0);
     },
     removeChild(parentInstance, child) {
       if (parentInstance instanceof BaseParent) {
@@ -182,31 +233,36 @@ var hostConfig = ({
     resetTextContent: () => {
       throw new Error(`Unexpected call to resetTextContent()`);
     },
+    resetFormInstance: () => null,
+    resolveEventTimeStamp: () => Date.now(),
+    resolveEventType: () => null,
+    resolveUpdatePriority: () => currentUpdatePriority,
     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");
+    scheduleMicrotask: scheduleMicrotaskCompat,
+    setCurrentUpdatePriority: (newPriority) => {
+      currentUpdatePriority = newPriority;
     },
-    unhideTextInstance: () => {
-      console.log("Not-implemented: unhideTextInstance");
-    }
+    shouldAttemptEagerTransition: () => false,
+    shouldSetTextContent: () => false,
+    startSuspendingCommit: () => null,
+    suspendInstance: () => null,
+    trackSchedulerEvent: () => null,
+    waitForCommitToBeReady: () => null,
+    hideInstance: () => null,
+    hideTextInstance: () => null,
+    unhideInstance: () => null,
+    unhideTextInstance: () => null
   };
+  return config;
 };
 var ToolkitRenderer = {
   renderGroup: (component, container, config = {
     componentNamespaces: [CoreComponents]
   }) => {
     const reconciler = Reconciler(hostConfig(config));
-    const root = reconciler.createContainer(container, 0, false, null);
+    const root = createContainerCompat(reconciler, container);
     const componentWithContexts = /* @__PURE__ */ jsx(LoggerContext.Provider, { value: container.log, children: component });
-    reconciler.updateContainer(componentWithContexts, root, null);
+    reconciler.updateContainer(componentWithContexts, root, null, void 0);
   },
   render: (component, container, rootGroupProps, config = {
     componentNamespaces: [CoreComponents]

package/dist/colors.js

@@ -2,7 +2,7 @@
 
 
 
-var _chunkQ54JXYCVjs = require('./chunk-Q54JXYCV.js');
+var _chunkEJVUDIQPjs = require('./chunk-EJVUDIQP.js');
 require('./chunk-RT2VSMJL.js');
 
 // src/colors.tsx
@@ -56,10 +56,10 @@ var HslColorPicker = ({
     },
     [onChange]
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkQ54JXYCVjs.Group, { ...DEFAULT_GROUP_PROPS, ...groupProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ54JXYCVjs.Rect, { color: `hsl(${hue}deg ${saturation}% ${lightness}% / ${alpha})` }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEJVUDIQPjs.Group, { ...DEFAULT_GROUP_PROPS, ...groupProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEJVUDIQPjs.Rect, { color: `hsl(${hue}deg ${saturation}% ${lightness}% / ${alpha})` }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ54JXYCVjs.SliderButton,
+      _chunkEJVUDIQPjs.SliderButton,
       {
         value: hue,
         onChange: setHue,
@@ -71,7 +71,7 @@ var HslColorPicker = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ54JXYCVjs.SliderButton,
+      _chunkEJVUDIQPjs.SliderButton,
       {
         value: saturation,
         onChange: setSat,
@@ -87,7 +87,7 @@ var HslColorPicker = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ54JXYCVjs.SliderButton,
+      _chunkEJVUDIQPjs.SliderButton,
       {
         value: lightness,
         onChange: setLightness,
@@ -103,7 +103,7 @@ var HslColorPicker = ({
       }
     ),
     showAlpha && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ54JXYCVjs.SliderButton,
+      _chunkEJVUDIQPjs.SliderButton,
       {
         value: alpha,
         onChange: setAlpha,

package/dist/colors.mjs

@@ -2,7 +2,7 @@ import {
   Group,
   Rect,
   SliderButton
-} from "./chunk-CAHNLXTY.mjs";
+} from "./chunk-TP2BI3OM.mjs";
 import "./chunk-TOGR56FN.mjs";
 
 // src/colors.tsx

package/dist/data.d.mts

@@ -17,6 +17,8 @@ type DataFileUsage = WithPathChange & {
      * this will be relative to the current working directory.
      */
     path: string;
+    /** Callback that will be called if any error occurs during loading or saving the file */
+    onError?: (error: ArcaneDataFileError) => void;
 };
 type ProviderProps = DataFileUsage & {
     children: ReactNode;
@@ -93,10 +95,18 @@ type DataState<T> = {
     status: 'ready';
     data: T;
 });
+type DataFileOperation = 'load' | 'save' | 'usage';
+declare class ArcaneDataFileError extends Error {
+    readonly operation: DataFileOperation;
+    readonly path: string | null;
+    constructor(message: string, operation: DataFileOperation, path: string | null, cause?: unknown);
+}
+type ErrorListener = (error: ArcaneDataFileError) => void;
 type UseDataFileCoreProps<T> = WithPathChange & {
     schema: ZodType<T>;
     defaultValue: T;
     path: string;
+    onError?: (error: ArcaneDataFileError) => void;
 };
 type DataFileCore<T> = {
     data: DataState<T>;
@@ -106,11 +116,11 @@ type DataFileCore<T> = {
 /**
  * Primary hook for & logic for using data files.
  */
-declare function useDataFileCore<T>({ schema, defaultValue, path, onPathChange, }: UseDataFileCoreProps<T>): DataFileCore<T>;
+declare function useDataFileCore<T>({ schema, defaultValue, path, onPathChange, onError, }: UseDataFileCoreProps<T>): DataFileCore<T>;
 type CreateDataFileDefinitionProps<T extends ZodType> = {
     schema: T;
     defaultValue: z.infer<T>;
 };
 declare function createDataFileDefinition<T extends ZodType>({ schema, defaultValue, }: CreateDataFileDefinitionProps<T>): DataFileDefinition<z.infer<T>>;
 
-export { type CreateDataFileDefinitionProps, type DataFileContext, type DataFileCore, type DataFileDefinition, type DataFileUpdater, type DataState, type ProviderProps, type UseDataFileCoreProps, createDataFileDefinition, useDataFile, useDataFileContext, useDataFileCore, useDataFileData, useDataFileUpdater };
+export { ArcaneDataFileError, type CreateDataFileDefinitionProps, type DataFileContext, type DataFileCore, type DataFileDefinition, type DataFileOperation, type DataFileUpdater, type DataState, type ErrorListener, type ProviderProps, type UseDataFileCoreProps, createDataFileDefinition, useDataFile, useDataFileContext, useDataFileCore, useDataFileData, useDataFileUpdater };

package/dist/data.d.ts

@@ -17,6 +17,8 @@ type DataFileUsage = WithPathChange & {
      * this will be relative to the current working directory.
      */
     path: string;
+    /** Callback that will be called if any error occurs during loading or saving the file */
+    onError?: (error: ArcaneDataFileError) => void;
 };
 type ProviderProps = DataFileUsage & {
     children: ReactNode;
@@ -93,10 +95,18 @@ type DataState<T> = {
     status: 'ready';
     data: T;
 });
+type DataFileOperation = 'load' | 'save' | 'usage';
+declare class ArcaneDataFileError extends Error {
+    readonly operation: DataFileOperation;
+    readonly path: string | null;
+    constructor(message: string, operation: DataFileOperation, path: string | null, cause?: unknown);
+}
+type ErrorListener = (error: ArcaneDataFileError) => void;
 type UseDataFileCoreProps<T> = WithPathChange & {
     schema: ZodType<T>;
     defaultValue: T;
     path: string;
+    onError?: (error: ArcaneDataFileError) => void;
 };
 type DataFileCore<T> = {
     data: DataState<T>;
@@ -106,11 +116,11 @@ type DataFileCore<T> = {
 /**
  * Primary hook for & logic for using data files.
  */
-declare function useDataFileCore<T>({ schema, defaultValue, path, onPathChange, }: UseDataFileCoreProps<T>): DataFileCore<T>;
+declare function useDataFileCore<T>({ schema, defaultValue, path, onPathChange, onError, }: UseDataFileCoreProps<T>): DataFileCore<T>;
 type CreateDataFileDefinitionProps<T extends ZodType> = {
     schema: T;
     defaultValue: z.infer<T>;
 };
 declare function createDataFileDefinition<T extends ZodType>({ schema, defaultValue, }: CreateDataFileDefinitionProps<T>): DataFileDefinition<z.infer<T>>;
 
-export { type CreateDataFileDefinitionProps, type DataFileContext, type DataFileCore, type DataFileDefinition, type DataFileUpdater, type DataState, type ProviderProps, type UseDataFileCoreProps, createDataFileDefinition, useDataFile, useDataFileContext, useDataFileCore, useDataFileData, useDataFileUpdater };
+export { ArcaneDataFileError, type CreateDataFileDefinitionProps, type DataFileContext, type DataFileCore, type DataFileDefinition, type DataFileOperation, type DataFileUpdater, type DataState, type ErrorListener, type ProviderProps, type UseDataFileCoreProps, createDataFileDefinition, useDataFile, useDataFileContext, useDataFileCore, useDataFileData, useDataFileUpdater };