update statebuilder with provider directive

riccardoperra · Nov 4, 2024 · fae982c · fae982c
1 parent cecd3b8
commit fae982c
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/packages/app/app.config.ts b/packages/app/app.config.ts
@@ -24,6 +24,9 @@ const defaultConfig: ViteCustomizableConfig = {
     statebuilder({
       transformStores: ['eDefineAsync'],
       autoKey: true,
+      experimental: {
+        transformStateProviderDirective: true,
+      },
     }),
   ],
   optimizeDeps: {

diff --git a/packages/app/package.json b/packages/app/package.json
@@ -52,7 +52,7 @@
     "solid-js": "^1.9.3",
     "solid-jsx": "^1.1.4",
     "solid-mdx": "^0.0.7",
-    "statebuilder": "^0.7.1",
+    "statebuilder": "^0.7.2",
     "unique-names-generator": "^4.7.1",
     "vinxi": "^0.4.3",
     "vscode-languageserver-protocol": "^3.17.5",

diff --git a/packages/app/src/components/Editor/Editor.tsx b/packages/app/src/components/Editor/Editor.tsx
@@ -31,6 +31,7 @@ export interface EditorProps {
 }
 
 export function Editor(props: EditorProps) {
+  'use stateprovider';
   const editorUi = provideState(EditorUiStore);
   const editor = provideState(EditorStore);
 

diff --git a/packages/app/src/routes/editor/[...path].tsx b/packages/app/src/routes/editor/[...path].tsx
@@ -5,7 +5,7 @@ import {
   type RouteDefinition,
   type RouteSectionProps,
 } from '@solidjs/router';
-import {provideState, StateProvider} from 'statebuilder';
+import {provideState} from 'statebuilder';
 import {Editor} from '~/components/Editor/Editor';
 import {
   EditorContext,
@@ -68,9 +68,7 @@ export default function EditorPage(props: RouteSectionProps) {
         user,
       }}
     >
-      <StateProvider>
-        <Editor type={'repository'} />
-      </StateProvider>
+      <Editor type={'repository'} />
     </EditorContext.Provider>
   );
 }
diff --git a/packages/app/src/routes/editor/scratch/[id].tsx b/packages/app/src/routes/editor/scratch/[id].tsx
@@ -36,9 +36,7 @@ export default function EditorPage(props: RouteSectionProps) {
               user,
             }}
           >
-            <StateProvider>
-              <Editor type={'scratch'} />
-            </StateProvider>
+            <Editor type={'scratch'} />
           </EditorContext.Provider>
         )}
       </Show>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml