@buerli.io/core 0.4.1 → 0.5.0-beta.1

package/build/index.d.ts

@@ -12,9 +12,8 @@ export * from './graphic/filters';
  *
  * Please have a look at https://github.com/awv-informatik/buerli/pull/129 for more information.
  */
-import { BuerliState as BS, BuerliOptions as BO } from './store/states/buerli';
+import { BuerliState as BS } from './store/states/buerli';
 export declare type BuerliState = BS;
-export declare type BuerliOptions = BO;
 import { DrawingAPI as DrawingAPI1, DrawingID as DrawingID1, DrawingState as DrawingState1 } from './store/states/drawing';
 export declare type DrawingID = DrawingID1;
 export declare type DrawingState = DrawingState1;

package/build/store/index.d.ts

@@ -1,4 +1,4 @@
-import { BuerliOptions } from './states/buerli';
+import { BuerliState } from './states/buerli';
 import { DrawingID, DrawingState } from './states/drawing';
 import { Message, MessageID } from './states/message';
 import { PluginID, PluginState } from './states/plugin';
@@ -7,7 +7,7 @@ declare function getDrawing(id: DrawingID): DrawingState;
  * @returns PluginState or undefined if either drawing or plugin don't exist
  */
 declare function getPlugin(drawingId: DrawingID, pluginId: PluginID): PluginState;
-declare function init(options?: Partial<BuerliOptions>): void;
+declare function init(options?: Partial<BuerliState['options']>): void;
 declare function showMessage(message: Message): MessageID;
 declare function updateMessage(id: MessageID, message: Message): void;
 export { BuerliMessageScope } from './states/message';

package/build/store/states/buerli.d.ts

@@ -1,50 +1,41 @@
-import { GetState, SetState } from 'zustand';
-import { BuerliStoreApi } from '../../store/store';
+import { StateCreator } from 'zustand';
 import { DrawingID, DrawingState } from './drawing';
 import { GeometryConfig } from './geometry';
 import { MessageState } from './message';
 import { PluginDef, PluginImpl } from './plugin';
-declare type StateData = {
+declare type GeneralApi = {
+    init(options?: Partial<BuerliState['options']>): void;
+};
+declare type DrawingManagementApi = {
+    createDrawing(name?: string): Promise<DrawingState>;
+    removeDrawing(id: DrawingID): void;
+    setActiveDrawing(id: DrawingID | null): void;
+};
+export declare type BuerliState = Readonly<{
     initDone: boolean;
-    options: BuerliOptions;
+    options: {
+        elements: any;
+        plugins: Record<string, PluginImpl>;
+        globalPlugins: PluginDef[];
+        theme: {
+            primary: string;
+            secondary: string;
+            dark: string;
+            highlightedGeom: string;
+            hoveredGeom: string;
+        };
+        config: {
+            geometry: GeometryConfig;
+        };
+    };
     drawing: {
         ids: DrawingID[];
         refs: Record<DrawingID, DrawingState>;
         active: DrawingID | null;
     };
-} & MessageState;
-export declare type BuerliOptions = {
-    elements: any;
-    plugins: Record<string, PluginImpl>;
-    globalPlugins: PluginDef[];
-    theme: {
-        primary: string;
-        secondary: string;
-        dark: string;
-        highlightedGeom: string;
-        hoveredGeom: string;
-    };
-    config: {
-        geometry: GeometryConfig;
-    };
-};
-declare type StateApi = ReturnType<typeof generalApi> & ReturnType<typeof drawingManagementApi>;
-export declare type BuerliState = Readonly<StateData> & Readonly<{
-    api: StateApi;
-}>;
-export declare const createState: (set: SetState<BuerliState>, get: GetState<BuerliState>, buerliApi: BuerliStoreApi) => BuerliState;
-declare const generalApi: (set: SetState<BuerliState>, get: GetState<BuerliState>, buerliApi: BuerliStoreApi) => {
-    /**
-     * This api method initializes state. Considering user can accidentally ommit some important like elements,
-     * there is a warning disaplying for these cases.
-     *
-     * @param options - options which will be set into state.options
-     */
-    init(options?: Partial<BuerliOptions> | undefined): void;
-};
-declare const drawingManagementApi: (set: SetState<BuerliState>, get: GetState<BuerliState>, buerliApi: BuerliStoreApi) => {
-    createDrawing(name?: string | undefined): Promise<DrawingState>;
-    removeDrawing(id: DrawingID): void;
-    setActiveDrawing(id: DrawingID | null): void;
-};
+    api: GeneralApi & DrawingManagementApi;
+}> & Readonly<MessageState>;
+export declare const createState: StateCreator<BuerliState, [], [], BuerliState>;
+export declare const generalApi: StateCreator<BuerliState, [], [], GeneralApi>;
+export declare const drawingManagementApi: StateCreator<BuerliState, [], [], DrawingManagementApi>;
 export {};

package/build/store/states/buerli.js

@@ -20,7 +20,7 @@ export const createState = (set, get, buerliApi) => (Object.assign({ initDone: f
         refs: {},
         active: null,
     }, api: Object.assign(Object.assign({}, generalApi(set, get, buerliApi)), drawingManagementApi(set, get, buerliApi)) }, getInitialMessageState(set, get, buerliApi)));
-const generalApi = (set, get, buerliApi) => ({
+export const generalApi = set => ({
     // TODO: rename init to setOptions and remove initDone if everything is ok
     /**
      * This api method initializes state. Considering user can accidentally ommit some important like elements,
@@ -32,7 +32,7 @@ const generalApi = (set, get, buerliApi) => ({
         set(state => ({ options: Object.assign(Object.assign({}, state.options), options), initDone: true }));
     },
 });
-const drawingManagementApi = (set, get, buerliApi) => ({
+export const drawingManagementApi = (set, get, buerliApi) => ({
     async createDrawing(name) {
         const { initDone, drawing } = get();
         if (!initDone)

package/build/store/states/cad.d.ts

@@ -1,5 +1,5 @@
-import { GetState, SetState } from 'zustand';
-import { BuerliStoreApi } from '../../store/store';
+import { StoreApi } from 'zustand';
+import { BuerliState } from './buerli';
 import { DrawingState } from './drawing';
 declare type States = {
     current: number;
@@ -22,7 +22,7 @@ export declare type CadData = {
 };
 export declare type CadApi = ReturnType<typeof cadApi>;
 export declare const cadData: () => CadData;
-export declare const cadApi: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi) => {
+export declare const cadApi: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>) => {
     setStates: (current: number, stack: string[], captionMap: Record<string, {
         stateName: string;
         caption: string;
@@ -33,7 +33,7 @@ export declare const cadApi: (set: SetState<DrawingState>, get: GetState<Drawing
     }>) => void;
     addPending: (name: string, options?: {
         args?: any;
-    } | undefined) => string;
+    }) => string;
     removePending: (id: string) => void;
     setConnected: (connected: boolean) => void;
 };

package/build/store/states/drawing.d.ts

@@ -7,8 +7,8 @@
  *
  * @image /doc/assets/core/drawing.png
  */
-import { GetState, SetState } from 'zustand';
-import { BuerliStoreApi } from '../../store/store';
+import { StoreApi } from 'zustand';
+import { BuerliState } from './buerli';
 import { CadApi, CadData } from './cad';
 import { GeometryApi, GeometryData } from './geometry';
 import { GraphicApi, GraphicData } from './graphic';
@@ -40,5 +40,5 @@ declare type StateData = {
 export declare type DrawingState = Readonly<StateData> & Readonly<{
     api: DrawingAPI;
 }>;
-export declare const createDrawingState: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi, drawingNumber: number, name?: string) => DrawingState;
+export declare const createDrawingState: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>, drawingNumber: number, name?: string) => DrawingState;
 export {};

package/build/store/states/geometry.d.ts

@@ -1,9 +1,9 @@
 import * as THREE from 'three';
-import { GetState, SetState } from 'zustand';
+import { StoreApi } from 'zustand';
 import { ContainerGeometryT, GeometryElement } from '../../geometry/ThreeGeometryCreator';
-import { BuerliStoreApi } from '../../store/store';
 import { GraphicID } from '../../types/IGraphicPackage';
 import { ObjectID } from '../../types/IStructureTree';
+import { BuerliState } from './buerli';
 import { DrawingState } from './drawing';
 export declare type GeometryBounds = {
     center: THREE.Vector3;
@@ -43,20 +43,20 @@ export declare type GeometryData = {
 };
 export declare type GeometryApi = ReturnType<typeof geometryApi>;
 export declare const geometryData: () => GeometryData;
-export declare const geometryApi: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi) => {
+export declare const geometryApi: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>) => {
     /**
      * Updates the @see geometry.bounds depending on all products of the model.
      * The update will only happen, if at least one solid of one product is available.
      */
     updateBounds: () => void;
-    createGeometryIfNotCached: (containerId: number, color?: number[] | undefined) => ContainerGeometryT | undefined;
+    createGeometryIfNotCached: (containerId: number, color?: number[]) => ContainerGeometryT | undefined;
     setColor: (containerId: GraphicID, r: number, g: number, b: number) => void;
     setOpacity: (containerId: GraphicID, opacity: number) => void;
     setConfig: (objId: ObjectID | GraphicID, config: Partial<GeometryConfig> | null) => void;
     findDecorated: () => GeometryElement[];
     filter: (cb: (elem: GeometryElement) => boolean, options?: {
-        onlyOne?: boolean | undefined;
-        containerId?: number | undefined;
-    } | undefined) => GeometryElement[];
+        onlyOne?: boolean;
+        containerId?: ObjectID;
+    }) => GeometryElement[];
 };
 export {};

package/build/store/states/graphic.d.ts

@@ -1,20 +1,20 @@
-import { GetState, SetState } from 'zustand';
-import { BuerliStoreApi } from '../../store/store';
+import { StoreApi } from 'zustand';
 import { IGraphicContainer, IGraphicElement, IGraphicPackage } from '../../types/IGraphicPackage';
 import { ObjectID } from '../../types/IStructureTree';
+import { BuerliState } from './buerli';
 import { DrawingState } from './drawing';
 export declare type GraphicData = {
     containers: Record<number, IGraphicContainer>;
 };
 export declare type GraphicApi = ReturnType<typeof graphicApi>;
 export declare const graphicData: () => GraphicData;
-export declare const graphicApi: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi) => {
+export declare const graphicApi: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>) => {
     addPackages: (packages: IGraphicPackage[]) => void;
     cleanupGraphicRecords: () => void;
     filter: (cb: (elem: IGraphicElement) => boolean, options?: {
-        onlyOne?: boolean | undefined;
-        containerId?: number | undefined;
-    } | undefined) => {
+        onlyOne?: boolean;
+        containerId?: ObjectID;
+    }) => {
         elem: IGraphicElement;
         containerId: ObjectID;
         solidId: ObjectID;

package/build/store/states/interaction.d.ts

@@ -1,6 +1,6 @@
-import { GetState, SetState } from 'zustand';
-import { BuerliStoreApi } from '../../store/store';
+import { StoreApi } from 'zustand';
 import { InteractionInfo } from '../../types';
+import { BuerliState } from './buerli';
 import { DrawingState } from './drawing';
 export declare type InteractionData = {
     hovered?: InteractionInfo | null;
@@ -8,7 +8,7 @@ export declare type InteractionData = {
 };
 export declare type InteractionApi = ReturnType<typeof interactionApi>;
 export declare const interactionData: () => InteractionData;
-export declare const interactionApi: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi) => {
+export declare const interactionApi: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>) => {
     /**
      * Sets the hovered item in the store to the given item.
      *
@@ -30,5 +30,5 @@ export declare const interactionApi: (set: SetState<DrawingState>, get: GetState
      * @param item The item to select.
      * @param multi Do multi select.
      */
-    select: (item: InteractionInfo, multi?: boolean | undefined) => void;
+    select: (item: InteractionInfo, multi?: boolean) => void;
 };

package/build/store/states/message.d.ts

@@ -1,4 +1,4 @@
-import { GetState, SetState } from 'zustand';
+import { StoreApi } from 'zustand';
 import { BuerliState } from './buerli';
 import { DrawingID } from './drawing';
 export declare type MessageScope = string | number;
@@ -22,8 +22,8 @@ export declare type MessageState = {
         api: ReturnType<typeof messageApi>;
     };
 };
-export declare const getInitialMessageState: (set: SetState<BuerliState>, get: GetState<BuerliState>, api: any) => MessageState;
-declare const messageApi: (set: SetState<BuerliState>, get: GetState<BuerliState>, api: any) => {
+export declare const getInitialMessageState: (set: StoreApi<BuerliState>['setState'], get: StoreApi<BuerliState>['getState'], api: StoreApi<BuerliState>) => MessageState;
+declare const messageApi: (set: StoreApi<BuerliState>['setState'], get: StoreApi<BuerliState>['getState'], api: StoreApi<BuerliState>) => {
     show(message: Message): MessageID;
     update(id: MessageID, message: Message): void;
 };

package/build/store/states/plugin.d.ts

@@ -1,7 +1,7 @@
-import { GetState, PartialState, SetState } from 'zustand';
+import { StoreApi } from 'zustand';
 import { ObjectID } from '../../types';
+import { BuerliState } from './buerli';
 import { DrawingID, DrawingState } from './drawing';
-import { BuerliStoreApi } from '../../store/store';
 export declare type PluginDescription<InternalState = any> = {
     name: string;
     version: string;
@@ -18,7 +18,7 @@ declare type StateData<InternalState extends Record<any, any>> = PluginDescripti
     drawingId?: DrawingID;
     objectId?: ObjectID;
     state: InternalState;
-    set: (sel: PartialState<InternalState>) => void;
+    set: (sel: Partial<InternalState> | ((state: InternalState) => Partial<InternalState>)) => void;
 };
 export declare type Plugin = {
     Root?: ((options?: any) => any) | null;
@@ -43,11 +43,11 @@ export declare type PluginData = {
 };
 export declare type PluginApi = ReturnType<typeof pluginApi>;
 export declare const pluginData: () => PluginData;
-export declare const pluginApi: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi) => {
+export declare const pluginApi: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>) => {
     setActiveFeature: (id: ObjectID | null) => void;
     setVisiblePlugin: (id: PluginID, visible: boolean) => void;
     setActiveGlobal: (id: PluginID, active: boolean) => void;
-    createPlugin: (def: PluginDef, defaultId?: string | number | undefined, drawingId?: string | number | undefined, objectId?: number | undefined) => (deactivate?: boolean) => void;
+    createPlugin: (def: PluginDef, defaultId?: ObjectID | string, drawingId?: DrawingID, objectId?: ObjectID) => (deactivate?: boolean) => void;
 };
 export declare function isPromisePlugin(def: PluginDef): def is Promise<Plugin>;
 export {};

package/build/store/states/selection.d.ts

@@ -1,8 +1,8 @@
-import { GetState, SetState } from 'zustand';
-import { BuerliStoreApi } from '../../store/store';
+import { StoreApi } from 'zustand';
 import { GraphicID } from '../../types/IGraphicPackage';
 import { ObjectID } from '../../types/IStructureTree';
 import { GeometryElement, ProductElement } from './../../geometry/ThreeGeometryCreator';
+import { BuerliState } from './buerli';
 import { DrawingState } from './drawing';
 export declare const BuerliScope = "ClassCAD";
 export declare type SelectorID = string | number;
@@ -40,23 +40,23 @@ export declare type SelectionData = {
 };
 export declare type SelectionApi = ReturnType<typeof selectionApi>;
 export declare const selectionData: () => SelectionData;
-export declare const selectionApi: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi) => {
-    unselectAll(selectorId?: string | number | undefined): void;
-    unselect(items: SelectedItem | SelectedItem[], selectorId?: string | number | undefined): void;
-    select(items: SelectedItem | SelectedItem[], selectorId?: string | number | undefined): void;
-    setHovered(item: SelectedItem | null, selectorId?: string | number | undefined): void;
+export declare const selectionApi: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>) => {
+    unselectAll(selectorId?: SelectorID): void;
+    unselect(items: SelectedItem | SelectedItem[], selectorId?: SelectorID): void;
+    select(items: SelectedItem | SelectedItem[], selectorId?: SelectorID): void;
+    setHovered(item: SelectedItem | null, selectorId?: SelectorID): void;
     activateSelector(selectorId: SelectorID | null): void;
-    createSelector(selectorId: SelectorID, filter: SelectionFilter, activate?: boolean, initialItems?: SelectedItem[], maxLen?: number, customSelect?: CustomSelect | undefined, customUnSelect?: CustomSelect | undefined): () => void;
-    areItemsSelected: (items: SelectedItem[], selectorId?: string | number | undefined) => boolean;
-    isItemSelected: (item: SelectedItem, selectorId?: string | number | undefined) => boolean;
+    createSelector(selectorId: SelectorID, filter: SelectionFilter, activate?: boolean, initialItems?: SelectedItem[], maxLen?: number, customSelect?: CustomSelect, customUnSelect?: CustomSelect): () => void;
+    areItemsSelected: (items: SelectedItem[], selectorId?: SelectorID) => boolean;
+    isItemSelected: (item: SelectedItem, selectorId?: SelectorID) => boolean;
     setItems(id: SelectorID, items: SelectedItem[]): void;
     selectGraphic: (selectorId: SelectorID, items: {
         productId: ObjectID;
         containerId: GraphicID;
         graphicId?: GraphicID;
     }[], options?: {
-        unselectExisting?: boolean | undefined;
-    } | undefined) => void;
-    getGraphicItem: (productId: ObjectID, containerId: GraphicID, graphicId?: number | undefined) => SelectedItem<ProductElement> | null;
+        unselectExisting?: boolean;
+    }) => void;
+    getGraphicItem: (productId: ObjectID, containerId: GraphicID, graphicId?: GraphicID) => SelectedItem<ProductElement> | null;
 };
 export declare const createGraphicItem: (productId: ObjectID, el: GeometryElement) => SelectedItem<ProductElement>;

package/build/store/states/structure.d.ts

@@ -1,7 +1,7 @@
 import * as THREE from 'three';
-import { GetState, SetState } from 'zustand';
-import { BuerliStoreApi } from '../../store/store';
+import { StoreApi } from 'zustand';
 import { GraphicID, IStructureObject, IStructurePatch, IStructureProtocol, IStructureTree, ObjectID } from '../../types';
+import { BuerliState } from './buerli';
 import { DrawingState } from './drawing';
 export declare type StructureData = IStructureProtocol & {
     products: ObjectID[];
@@ -9,7 +9,7 @@ export declare type StructureData = IStructureProtocol & {
 };
 export declare type StructureApi = ReturnType<typeof structureApi>;
 export declare const structureData: () => StructureData;
-export declare const structureApi: (set: SetState<DrawingState>, get: GetState<DrawingState>, buerliApi: BuerliStoreApi) => {
+export declare const structureApi: (set: StoreApi<DrawingState>['setState'], get: StoreApi<DrawingState>['getState'], buerliApi: StoreApi<BuerliState>) => {
     get: () => StructureData;
     set: (structure: IStructureProtocol) => void;
     applyPatches: (patches: IStructurePatch[]) => void;
@@ -29,7 +29,7 @@ export declare const structureApi: (set: SetState<DrawingState>, get: GetState<D
     calculateProductBounds: (productId: ObjectID, base?: {
         min: THREE.Vector3;
         max: THREE.Vector3;
-    } | undefined) => {
+    }) => {
         center: THREE.Vector3;
         radius: number;
         max: THREE.Vector3;

package/build/store/store.d.ts

@@ -1,5 +1,2 @@
-import { StoreApi } from 'zustand/vanilla';
 import { BuerliState } from './states/buerli';
-declare type BuerliStoreApi = StoreApi<BuerliState>;
-declare const api: StoreApi<BuerliState>;
-export { api, BuerliStoreApi };
+export declare const api: import("zustand/vanilla").StoreApi<BuerliState>;

package/build/store/store.js

@@ -1,8 +1,3 @@
 import vanillaCreate from 'zustand/vanilla';
 import { createState } from './states/buerli';
-const store = (set, get, buerliApi) => createState(set, get, buerliApi);
-const wnd = typeof window !== 'undefined' ? window : null;
-const middleware = wnd ? wnd.BUERLI_MIDDLEWARE || (wnd.BUERLI_MIDDLEWARE = []) : [];
-const buerliStore = middleware.reduceRight((acc, cur) => cur(acc), store);
-const api = vanillaCreate(buerliStore);
-export { api };
+export const api = vanillaCreate()(createState);

package/build/store/subscribtion/selection.d.ts

@@ -1,6 +1,7 @@
-import { DrawingID } from '../../store/states/drawing';
-import { BuerliStoreApi } from '../../store/store';
+import { StoreApi } from 'zustand';
+import { DrawingID } from '../states/drawing';
 import { SelectedItem, SelectorID } from '../states/selection';
+import { BuerliState } from '../states/buerli';
 export declare const unsubs: Record<string, () => void>;
-export declare function subscribeItems(buerliApi: BuerliStoreApi, drawingId: DrawingID, selectorId: SelectorID, items?: SelectedItem[]): void;
-export declare function unsubscribeItems(buerliApi: BuerliStoreApi, drawingId: DrawingID, selectorId: SelectorID, items?: SelectedItem[]): void;
+export declare function subscribeItems(buerliApi: StoreApi<BuerliState>, drawingId: DrawingID, selectorId: SelectorID, items?: SelectedItem[]): void;
+export declare function unsubscribeItems(buerliApi: StoreApi<BuerliState>, drawingId: DrawingID, selectorId: SelectorID, items?: SelectedItem[]): void;

package/build/store/subscribtion/subscribeToDrawing.d.ts

@@ -1,3 +1,4 @@
+import { StoreApi } from 'zustand';
 import { DrawingID, DrawingState } from '../states/drawing';
-import { BuerliStoreApi } from '../store';
-export declare function subscribeToDrawing(buerliApi: BuerliStoreApi, drawingId: DrawingID, sel: (d: DrawingState) => any, callback: (arg: any) => void): () => void;
+import { BuerliState } from '../states/buerli';
+export declare function subscribeToDrawing<T = any>(buerliApi: StoreApi<BuerliState>, drawingId: DrawingID, sel: (d: DrawingState) => T, callback: (arg: T) => void): () => void;

package/build/store/subscribtion/subscribeToDrawing.js

@@ -1,4 +1,9 @@
 export function subscribeToDrawing(buerliApi, drawingId, sel, callback) {
-    const unsub = buerliApi.subscribe(callback, state => state.drawing.refs[drawingId] && sel(state.drawing.refs[drawingId]));
+    const unsub = buerliApi.subscribe((state, prev) => {
+        const curDrawing = state.drawing.refs[drawingId] && sel(state.drawing.refs[drawingId]);
+        const prevDrawing = prev.drawing.refs[drawingId] && sel(prev.drawing.refs[drawingId]);
+        if (curDrawing !== prevDrawing)
+            callback(curDrawing);
+    });
     return unsub;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerli.io/core",
-  "version": "0.4.1",
+  "version": "0.5.0-beta.1",
   "description": "buerli state management",
   "author": "AWV Informatik AG <info@awv-informatik.ch>",
   "license": "ISC",
@@ -21,7 +21,7 @@
     "prettify": "prettier --write \"./{src,tests}/**/*.{js,jsx,ts,tsx,json}\""
   },
   "devDependencies": {
-    "@types/three": "^0.137",
+    "@types/three": "^0.143",
     "@babel/preset-env": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "babel-jest": "^26.1.0",
@@ -29,14 +29,14 @@
     "babel-plugin-transform-class-properties": "^6.24.1",
     "jest": "^26.1.0",
     "rimraf": "^2.6.3",
-    "three": "^0.138",
-    "typescript": "4.1.2"
+    "three": "^0.143",
+    "typescript": "4.8.4"
   },
   "dependencies": {
     "fast-json-patch": "^3.1.1",
     "jsonpatch": "^3.1.0",
     "uuid": "^3.3.2",
-    "zustand": "^3.5.7"
+    "zustand": "^4.1.4"
   },
   "peerDependencies": {
     "three": ">=0.138"