@arcanejs/react-toolkit 0.11.1 → 0.12.0

package/README.md

@@ -15,7 +15,7 @@ The UI has also been designed primarily with touch devices in mind,
 but also works well with a cursor and keyboard.
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/arcanejs/arcanejs/main/packages/react-toolkit/docs/architecture.svg" alt="Architecture Diagram">
+  <img src="https://raw.githubusercontent.com/ArcaneWizards/arcanejs/main/packages/react-toolkit/docs/architecture.svg" alt="Architecture Diagram">
 </p>
 
 ## What
@@ -114,7 +114,7 @@ ToolkitRenderer.render(<ControlPanel />, toolkit);
 You would then be able to access the following control panel
 from [localhost:3000](http://localhost:3000):
 
-![Control Panel Screenshot](https://raw.githubusercontent.com/arcanejs/arcanejs/main/packages/react-toolkit/docs/example-controller.png)
+![Control Panel Screenshot](https://raw.githubusercontent.com/ArcaneWizards/arcanejs/main/packages/react-toolkit/docs/example-controller.png)
 
 Please note:
 
@@ -124,7 +124,7 @@ Please note:
 - You are welcome to abstract / componentize your application as you like,
   in the same manner that you would any `react-dom` or `react-native` project.
 
-  _See the [counter example](https://github.com/arcanejs/arcanejs/blob/main/examples/react/src/counter.tsx)._
+  _See the [counter example](https://github.com/ArcaneWizards/arcanejs/blob/main/examples/react/src/counter.tsx)._
 
 - This react / component-tree / state is managed server-side,
   and does not accurately represent the HTML used on the frontend.
@@ -138,13 +138,13 @@ Please note:
   however this functionality is not documented.
 
   You can see code examples of this functionality here in the
-  [custom components example app](https://github.com/arcanejs/arcanejs/tree/main/examples/custom-components).
+  [custom components example app](https://github.com/ArcaneWizards/arcanejs/tree/main/examples/custom-components).
 
 ## Components
 
 For full example usage all of our components in applications that are
 ready-to-run, we recommend that you check-out the
-[examples directory](https://github.com/arcanejs/arcanejs/tree/main/examples/react).
+[examples directory](https://github.com/ArcaneWizards/arcanejs/tree/main/examples/react).
 
 ### `Button`
 
@@ -282,11 +282,11 @@ TODO
 
 TODO
 
-## [Examples](https://github.com/arcanejs/arcanejs/tree/main/examples/react)
+## [Examples](https://github.com/ArcaneWizards/arcanejs/tree/main/examples/react)
 
 For a comprehensive list of examples,
 please see the example directory in the arcane monorepo:
-<https://github.com/arcanejs/arcanejs/tree/main/examples/react>
+<https://github.com/ArcaneWizards/arcanejs/tree/main/examples/react>
 
 ### [Example Philips Hue App](https://github.com/arcanejs/hue-example)
 

package/dist/data.d.mts

@@ -24,6 +24,10 @@ type ProviderProps = DataFileUsage & {
 type DataFileUpdater<T> = (update: (current: T) => T) => void;
 type DataFileContext<T> = {
     data: T;
+    /**
+     * False until the initial load from disk has completed.
+     */
+    status: 'loading' | 'error' | 'ready';
     /**
      * Last timestamp where {@link DataFileContext.data data} was updated
      * in-memory.

package/dist/data.d.ts

@@ -24,6 +24,10 @@ type ProviderProps = DataFileUsage & {
 type DataFileUpdater<T> = (update: (current: T) => T) => void;
 type DataFileContext<T> = {
     data: T;
+    /**
+     * False until the initial load from disk has completed.
+     */
+    status: 'loading' | 'error' | 'ready';
     /**
      * Last timestamp where {@link DataFileContext.data data} was updated
      * in-memory.

package/dist/data.js

@@ -190,6 +190,7 @@ function createDataFileDefinition({
 }) {
   const context = _react.createContext.call(void 0, {
     data: defaultValue,
+    status: "loading",
     lastUpdatedMillis: Date.now(),
     updateData: () => {
       throw new Error("Data file provider not used");
@@ -216,6 +217,7 @@ function createDataFileDefinition({
     const providedContext = _react.useMemo.call(void 0, 
       () => ({
         data: data.status !== "loading" && data.data !== void 0 ? data.data : defaultValue,
+        status: data.status,
         lastUpdatedMillis: data.lastUpdatedMillis,
         updateData,
         saveData,

package/dist/data.mjs

@@ -190,6 +190,7 @@ function createDataFileDefinition({
 }) {
   const context = createContext({
     data: defaultValue,
+    status: "loading",
     lastUpdatedMillis: Date.now(),
     updateData: () => {
       throw new Error("Data file provider not used");
@@ -216,6 +217,7 @@ function createDataFileDefinition({
     const providedContext = useMemo(
       () => ({
         data: data.status !== "loading" && data.data !== void 0 ? data.data : defaultValue,
+        status: data.status,
         lastUpdatedMillis: data.lastUpdatedMillis,
         updateData,
         saveData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanejs/react-toolkit",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "private": false,
   "description": "Build web-accessible control interfaces for your long-running Node.js processes",
   "keywords": [
@@ -16,7 +16,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/arcanejs/arcanejs.git"
+    "url": "https://github.com/ArcaneWizards/arcanejs.git"
   },
   "exports": {
     ".": {
@@ -62,15 +62,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.6.0",
-    "@arcanejs/toolkit": "^3.1.1"
+    "@arcanejs/protocol": "^0.7.0",
+    "@arcanejs/toolkit": "^4.0.0"
   },
   "peerDependencies": {
     "zod": "^3.23.8"