@arpproject/recrate 0.1.19 → 0.1.21

package/dist/crate-builder/store.d.ts

@@ -1,8 +1,12 @@
+import { default as React, ReactNode } from 'react';
 import { EditorState } from './editor-state';
 interface Store {
     configuration: Record<string, any>;
     editorState: EditorState;
     setConfiguration: (config: Record<string, any>) => void;
 }
-export declare const useStateStore: import('zustand').UseBoundStore<import('zustand').StoreApi<Store>>;
+export declare const StateStoreProvider: ({ children }: {
+    children: ReactNode;
+}) => React.FunctionComponentElement<React.ProviderProps<import('zustand').StoreApi<Store> | null>>;
+export declare const useStateStore: () => Store;
 export {};

package/dist/recrate.es.js

@@ -58701,7 +58701,7 @@ function requireLodash() {
           copyObject(source, keys2(source), object4, customizer);
         });
         var at = flatRest(baseAt);
-        function create2(prototype, properties) {
+        function create(prototype, properties) {
           var result2 = baseCreate(prototype);
           return properties == null ? result2 : baseAssign(result2, properties);
         }
@@ -59448,7 +59448,7 @@ function requireLodash() {
         lodash2.conforms = conforms;
         lodash2.constant = constant;
         lodash2.countBy = countBy;
-        lodash2.create = create2;
+        lodash2.create = create;
         lodash2.curry = curry;
         lodash2.curryRight = curryRight;
         lodash2.debounce = debounce2;
@@ -67349,13 +67349,6 @@ function useStore(api2, selector = identity) {
   React__default.useDebugValue(slice2);
   return slice2;
 }
-const createImpl = (createState) => {
-  const api2 = createStore(createState);
-  const useBoundStore = (selector) => useStore(api2, selector);
-  Object.assign(useBoundStore, api2);
-  return useBoundStore;
-};
-const create = ((createState) => createState ? createImpl(createState) : createImpl);
 let EditorState$1 = class EditorState {
   constructor() {
     this.history = [];
@@ -67451,11 +67444,28 @@ let EditorState$1 = class EditorState {
     });
   }
 };
-const useStateStore = create((set2) => ({
+const createStateStore = () => createStore((set2) => ({
   configuration: {},
   editorState: new EditorState$1(),
   setConfiguration: (config2) => set2({ configuration: config2 })
 }));
+const defaultStore = createStateStore();
+const StateStoreContext = createContext(null);
+const StateStoreProvider = ({ children }) => {
+  const storeRef = useRef(null);
+  if (!storeRef.current) {
+    storeRef.current = createStateStore();
+  }
+  return React__default.createElement(
+    StateStoreContext.Provider,
+    { value: storeRef.current },
+    children
+  );
+};
+const useStateStore = () => {
+  const scopedStore = useContext(StateStoreContext);
+  return useStore(scopedStore ?? defaultStore);
+};
 const EntityId = ({ entity, onUpdate }) => {
   var _a2;
   const state = useStateStore();
@@ -77010,12 +77020,12 @@ function requireLeafletSrc() {
           toBack(layer2._container);
         }
       };
-      var create2 = Browser.vml ? vmlCreate : svgCreate;
+      var create = Browser.vml ? vmlCreate : svgCreate;
       var SVG = Renderer.extend({
         _initContainer: function() {
-          this._container = create2("svg");
+          this._container = create("svg");
           this._container.setAttribute("pointer-events", "none");
-          this._rootGroup = create2("g");
+          this._rootGroup = create("g");
           this._container.appendChild(this._rootGroup);
         },
         _destroyContainer: function() {
@@ -77042,7 +77052,7 @@ function requireLeafletSrc() {
         },
         // methods below are called by vector layers implementations
         _initPath: function(layer2) {
-          var path2 = layer2._path = create2("path");
+          var path2 = layer2._path = create("path");
           if (layer2.options.className) {
             addClass(path2, layer2.options.className);
           }
@@ -77177,7 +77187,7 @@ function requireLeafletSrc() {
       function rectangle(latLngBounds, options) {
         return new Rectangle(latLngBounds, options);
       }
-      SVG.create = create2;
+      SVG.create = create;
       SVG.pointsToPath = pointsToPath;
       GeoJSON.geometryToLayer = geometryToLayer;
       GeoJSON.coordsToLatLng = coordsToLatLng;
@@ -83349,8 +83359,8 @@ class StateField {
   way it is initialized. Can be useful when you need to provide a
   non-default starting value for the field.
   */
-  init(create2) {
-    return [this, initField.of({ field: this, create: create2 })];
+  init(create) {
+    return [this, initField.of({ field: this, create })];
   }
   /**
   State field instances can be used as
@@ -87550,9 +87560,9 @@ const viewPlugin = /* @__PURE__ */ Facet.define({
   }
 });
 class ViewPlugin {
-  constructor(id2, create2, domEventHandlers, domEventObservers, buildExtensions) {
+  constructor(id2, create, domEventHandlers, domEventObservers, buildExtensions) {
     this.id = id2;
-    this.create = create2;
+    this.create = create;
     this.domEventHandlers = domEventHandlers;
     this.domEventObservers = domEventObservers;
     this.baseExtensions = buildExtensions(this);
@@ -87568,9 +87578,9 @@ class ViewPlugin {
   Define a plugin from a constructor function that creates the
   plugin's value, given an editor view.
   */
-  static define(create2, spec) {
+  static define(create, spec) {
     const { eventHandlers, eventObservers, provide, decorations: deco } = spec || {};
-    return new ViewPlugin(nextPluginID++, create2, eventHandlers, eventObservers, (plugin) => {
+    return new ViewPlugin(nextPluginID++, create, eventHandlers, eventObservers, (plugin) => {
       let ext = [];
       if (deco)
         ext.push(decorations.of((view) => {
@@ -115850,7 +115860,7 @@ var Logger = (function() {
     }
   }, {
     key: "create",
-    value: function create2(moduleName) {
+    value: function create(moduleName) {
       return new Logger2(this.logger, _objectSpread$6(_objectSpread$6({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
@@ -119535,7 +119545,7 @@ var EmotionCacheContext = /* @__PURE__ */ React.createContext(
   }) : null
 );
 var CacheProvider = EmotionCacheContext.Provider;
-const version = "0.1.19";
+const version = "0.1.20";
 const pkg = {
   version
 };
@@ -119544,6 +119554,9 @@ const ProfileManagerContext = React__default.createContext(null);
 const CrateManagerContext = React__default.createContext(null);
 const LookupsContext = React__default.createContext(null);
 function DescriboCrateBuilder(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StateStoreProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DescriboCrateBuilderInner, { ...props }) });
+}
+function DescriboCrateBuilderInner(props) {
   const {
     crate,
     profile,
@@ -119663,7 +119676,7 @@ function DescriboCrateBuilder(props) {
     setCm(newCm);
     setPm(newPm);
     setError(false);
-    state.configuration = configuration;
+    state.setConfiguration(configuration);
     try {
       const graph = Array.isArray(crate == null ? void 0 : crate["@graph"]) ? crate["@graph"] : [];
       const validIds = new Set(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arpproject/recrate",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "type": "module",
   "main": "./dist/recrate.es.js",
   "module": "./dist/recrate.es.js",