fix(ladle): fix build

packages/features/.ladle/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite'
 import topLevelAwait from 'vite-plugin-top-level-await'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import svgr from 'vite-plugin-svgr'
 
 const env = (import.meta as any).env
@@ -8,7 +9,11 @@ export default defineConfig({
   define: {
     __DEV__: env?.MODE === 'development'
   },
-  plugins: [topLevelAwait(), svgr({ exportAsDefault: true })],
+  plugins: [
+    topLevelAwait(),
+    nodePolyfills({ protocolImports: true, globals: { Buffer: true } }),
+    svgr({ exportAsDefault: true })
+  ],
   build: {
     commonjsOptions: {
       transformMixedEsModules: true

packages/features/package.json

@@ -27,9 +27,9 @@
     "build": "tsup",
     "dev": "tsup --watch",
     "test:unit": "echo 'not yet'",
-    "story:dev": "ladle serve",
-    "story:build": "ladle build -o ./build",
-    "story:preview": "ladle preview",
+    "story:dev": "VITE_APP_LADLE=true ladle serve",
+    "story:build": "VITE_APP_LADLE=true ladle build -o ./build",
+    "story:preview": "VITE_APP_LADLE=true ladle preview",
     "cleanup": "rimraf node_modules dist .turbo build"
   },
   "dependencies": {
@@ -113,6 +113,7 @@
     "mina-signer": "^2.1.1",
     "swr": "^2.1.5",
     "vite": "^4.5.1",
+    "vite-plugin-node-polyfills": "^0.17.0",
     "vite-plugin-svgr": "^3.2.0",
     "vite-plugin-top-level-await": "^1.3.1"
   },

packages/vault/package.json

@@ -38,6 +38,7 @@
     "@types/mocha": "^10.0.1",
     "@types/secp256k1": "^4.0.3",
     "mina-signer": "^2.1.1",
+    "vite": "^4.5.1",
     "msw": "^1.2.2"
   }
 }

packages/vault/src/types.ts

@@ -3,3 +3,12 @@ import { StoreApi, UseBoundStore } from 'zustand'
 export type StoreInstance<T> = ReturnType<
   UseBoundStore<StoreApi<T>>['getState']
 >
+
+interface ImportMetaEnv {
+  readonly VITE_APP_LADLE: string
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

packages/vault/src/vault/vaultStore.ts

@@ -358,7 +358,10 @@ export const useVault = create<
     }),
     {
       name: 'PalladVault',
-      storage: getSecurePersistence() as PersistStorage<any>
+      storage:
+        import.meta.env['VITE_APP_LADLE'] === 'true'
+          ? undefined
+          : (getSecurePersistence() as PersistStorage<any>)
     }
   )
 )

packages/vault/tsconfig.json

@@ -1,3 +1,8 @@
 {
-  "extends": "@palladxyz/common/tsconfig.json"
+  "extends": "@palladxyz/common/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "types": ["vite/client"]
+  }
 }