edges-svelte 0.3.1 → 0.5.1

package/README.md

@@ -30,6 +30,7 @@ To enable **Edge-S**, wrap your SvelteKit `handle` hook and serialize the state
 
 ```ts
 // hooks.server.ts
+import { dev } from '$app/environment';
 import { edgesHandle } from 'edges-svelte/server';
 
 export const handle: Handle = async ({ event, resolve }) => {
@@ -39,7 +40,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 			//...Your handle code, use edgesEvent as a default svelte event (RequestEvent)
 			return resolve(edgesEvent, { transformPageChunk: ({ html }) => serialize(html) });
 		},
-		true
+		dev
 	);
 };
 ```

package/dist/context/Context.d.ts

@@ -2,6 +2,10 @@ import type { RequestEvent } from '@sveltejs/kit';
 export interface ContextData {
     event?: RequestEvent;
     symbol?: symbol;
+    data: {
+        providers?: unknown;
+        [p: string]: unknown;
+    };
 }
 declare const _default: {
     current(): ContextData;

package/dist/context/Context.js

@@ -4,6 +4,6 @@ export default {
         if (!browser) {
             throw new Error('AsyncLocalStorage has not been initialized');
         }
-        return {};
+        return { data: {} };
     }
 };

package/dist/provider/Provider.d.ts

@@ -6,6 +6,7 @@ type StoreDeps = {
 };
 interface CreateProviderOptions<T, I extends Record<string, unknown> = Record<string, unknown>> {
     inject?: I;
+    cache?: boolean;
     factory: (args: StoreDeps & I) => T;
 }
 export declare const createProvider: <T, I extends Record<string, unknown> = Record<string, unknown>>(options: CreateProviderOptions<T, I>) => (() => T);

package/dist/provider/Provider.js

@@ -1,4 +1,7 @@
 import { createState, createDerivedState, createRawState } from '../store/index.js';
+import { RequestContext } from '../context/index.js';
+import { browser } from '$app/environment';
+const globalClientCache = new Map();
 export const createProvider = (options) => {
     const deps = {
         ...{
@@ -8,7 +11,30 @@ export const createProvider = (options) => {
         },
         ...(options.inject || {})
     };
-    return () => options.factory(deps);
+    const cacheKey = Symbol();
+    const cache = options.cache ?? true;
+    return () => {
+        if (!cache) {
+            return options.factory(deps);
+        }
+        if (browser) {
+            if (!globalClientCache.has(cacheKey)) {
+                globalClientCache.set(cacheKey, options.factory(deps));
+            }
+            return globalClientCache.get(cacheKey);
+        }
+        else {
+            const context = RequestContext.current();
+            if (!context.data.providers) {
+                context.data.providers = new Map();
+            }
+            const map = context.data.providers;
+            if (!map.has(cacheKey)) {
+                map.set(cacheKey, options.factory(deps));
+            }
+            return map.get(cacheKey);
+        }
+    };
 };
 export const createProviderFactory = (inject) => {
     return function createInjectedProvider(options) {

package/dist/server/EdgesHandle.js

@@ -14,7 +14,7 @@ const storage = new AsyncLocalStorage();
  *   and returns a 204 No Content response instead of a 404 error.
  */
 export const edgesHandle = async (event, callback, silentChromeDevtools = false) => {
-    return await storage.run({ event: event, symbol: Symbol() }, async () => {
+    return await storage.run({ event: event, symbol: Symbol(), data: {} }, async () => {
         RequestContext.current = () => {
             const context = storage.getStore();
             if (context === undefined) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "edges-svelte",
-  "version": "0.3.1",
+  "version": "0.5.1",
   "license": "MIT",
   "author": "Pixel1917",
   "description": "A blazing-fast, extremely lightweight and SSR-friendly store for Svelte",
@@ -37,6 +37,10 @@
       "types": "./dist/server/EdgesHandle.d.ts",
       "svelte": "./dist/server/EdgesHandle.js"
     },
+    "./context": {
+      "types": "./dist/context/index.d.ts",
+      "svelte": "./dist/context/index.js"
+    },
     "./state": {
       "types": "./dist/store/index.d.ts",
       "svelte": "./dist/store/index.js"