@arcanejs/react-toolkit 0.3.0 → 0.3.2

package/dist/data.js

@@ -1,46 +1,24 @@
-"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(); } }// src/data.tsx
+var _fs = require('fs');
 
-// 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 _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 +29,7 @@ function useDataFileCore({
   path,
   onPathChange = "defaultValue"
 }) {
-  const state = (0, import_react.useRef)({
+  const state = _react.useRef.call(void 0, {
     initialized: false,
     path: null,
     data: void 0,
@@ -60,7 +38,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 +47,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 +76,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 +89,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 +112,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;
@@ -168,7 +146,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 +171,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 +195,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 +205,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 +215,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/index.js

@@ -1,56 +1,11 @@
-"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");
+"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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/index.ts
+var _reactreconciler = require('react-reconciler'); var _reactreconciler2 = _interopRequireDefault(_reactreconciler);
+var _constants = require('react-reconciler/constants');
+var _toolkit = require('@arcanejs/toolkit'); var ld = _interopRequireWildcard(_toolkit);
+var _base = require('@arcanejs/toolkit/components/base');
 
 // src/components.ts
-var React = __toESM(require("react"));
+var _react = require('react'); var React = _interopRequireWildcard(_react);
 var Button = React.forwardRef(
   (props, ref) => React.createElement("button", { ...props, ref }, props.children)
 );
@@ -87,7 +42,7 @@ var Timeline = React.forwardRef(
 
 // src/index.ts
 var isType = (targetType, type, _props) => targetType === type;
-var canSetProps = (instance) => instance instanceof import_base.Base;
+var canSetProps = (instance) => instance instanceof _base.Base;
 var updateListener = (eventName, property, instance, prevProps, nextProps) => {
   const prev = prevProps[property];
   const next = nextProps[property];
@@ -133,14 +88,14 @@ var hostConfig = {
   supportsHydration: false,
   afterActiveInstanceBlur: () => null,
   appendChild: (parentInstance, child) => {
-    if (parentInstance instanceof import_base.BaseParent) {
+    if (parentInstance instanceof _base.BaseParent) {
       parentInstance.appendChild(child);
     } else {
       throw new Error(`Unexpected Parent: ${parentInstance}`);
     }
   },
   appendInitialChild: (parentInstance, child) => {
-    if (parentInstance instanceof import_base.BaseParent) {
+    if (parentInstance instanceof _base.BaseParent) {
       parentInstance.appendChild(child);
     } else {
       throw new Error(`Unexpected Parent: ${parentInstance}`);
@@ -199,7 +154,7 @@ var hostConfig = {
   createTextInstance: (text) => new ld.Label({ text }),
   detachDeletedInstance: () => null,
   getChildHostContext: (parentHostContext) => parentHostContext,
-  getCurrentEventPriority: () => import_constants.DefaultEventPriority,
+  getCurrentEventPriority: () => _constants.DefaultEventPriority,
   getInstanceFromNode: () => {
     throw new Error("Not yet implemented.");
   },
@@ -209,7 +164,7 @@ var hostConfig = {
   getPublicInstance: (instance) => instance,
   getRootHostContext: () => null,
   insertBefore: (parentInstance, child, beforeChild) => {
-    if (parentInstance instanceof import_base.BaseParent) {
+    if (parentInstance instanceof _base.BaseParent) {
       parentInstance.insertBefore(child, beforeChild);
     } else {
       throw new Error(`Unexpected Parent: ${parentInstance}`);
@@ -234,7 +189,7 @@ var hostConfig = {
     }
   },
   removeChild(parentInstance, child) {
-    if (parentInstance instanceof import_base.BaseParent) {
+    if (parentInstance instanceof _base.BaseParent) {
       parentInstance.removeChild(child);
     } else {
       throw new Error(`Unexpected Parent: ${parentInstance}`);
@@ -261,7 +216,7 @@ var hostConfig = {
     console.log("Not-implemented: unhideTextInstance");
   }
 };
-var reconciler = (0, import_react_reconciler.default)(hostConfig);
+var reconciler = _reactreconciler2.default.call(void 0, hostConfig);
 var ToolkitRenderer = {
   renderGroup: (component, container) => {
     const root = reconciler.createContainer(container, 0, false, null);
@@ -273,18 +228,17 @@ var ToolkitRenderer = {
     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
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+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; exports.ToolkitRenderer = ToolkitRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/react-toolkit",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -39,7 +39,6 @@
     "@types/react": "^18",
     "@types/react-reconciler": "^0.28.8",
     "eslint": "^8.57.0",
-    "react-reconciler": "^0.28.0",
     "tsup": "^8.1.0",
     "typescript": "^5.3.3",
     "zod": "^3.23.8",
@@ -49,7 +48,8 @@
   "dependencies": {
     "lodash": "^4.17.21",
     "react": "^18",
-    "@arcanejs/toolkit": "^0.2.1"
+    "react-reconciler": "0.28.0",
+    "@arcanejs/toolkit": "^0.2.2"
   },
   "peerDependencies": {
     "zod": "^3.23.8"