crelte 0.5.12 → 0.5.13

package/dist/blocks/Blocks.d.ts

@@ -58,7 +58,7 @@ export declare class BlockModules {
  * );
  * ```
  */
-export declare function blockModules(modules: Record<string, AsyncModule>, opts?: BlockModulesOptions): BlockModules;
+export declare function blockModules(modules: Record<string, (() => Promise<any>) | Module>, opts?: BlockModulesOptions): BlockModules;
 /**
  * Load blocks data
  *

package/dist/blocks/Blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../src/blocks/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,WAAW,MAAM;IACtB,uBAAuB;IACvB,OAAO,EAAE,GAAG,CAAC;IAEb,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,EAAE,CACV,EAAE,EAAE,aAAa,EACjB,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,YAAY,KACd,OAAO,CAAC,GAAG,CAAC,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;;OAMG;IACH,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAY;IACxB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAClC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAG1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACpC,IAAI,GAAE,mBAAwB;IAgC/B;;;;OAIG;IACG,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAmBtE;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACpC,IAAI,GAAE,mBAAwB,GAC5B,YAAY,CAEd;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,cAAc,CACnC,EAAE,EAAE,aAAa,EACjB,MAAM,EAAE,GAAG,EAAE,EACb,OAAO,EAAE,YAAY,GACnB,OAAO,CAAC,cAAc,CAAC,CAMzB;AAED;;;;;;;GAOG;AACH,wBAAsB,SAAS,CAC9B,MAAM,EAAE,GAAG,EAAE,EACb,OAAO,EAAE,YAAY,GACnB,OAAO,CAAC,cAAc,CAAC,CAazB;AAED,MAAM,CAAC,OAAO,OAAO,cAAc;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAEjB,MAAM,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAMjD,QAAQ,CAAC,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAkBhD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,IAAI;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE;CAclC"}
+{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../src/blocks/Blocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,WAAW,MAAM;IACtB,uBAAuB;IACvB,OAAO,EAAE,GAAG,CAAC;IAEb,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,EAAE,CACV,EAAE,EAAE,aAAa,EACjB,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,YAAY,KACd,OAAO,CAAC,GAAG,CAAC,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;;OAMG;IACH,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAY;IACxB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAClC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAG1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACpC,IAAI,GAAE,mBAAwB;IAgC/B;;;;OAIG;IACG,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAmBtE;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,EACtD,IAAI,GAAE,mBAAwB,GAC5B,YAAY,CAEd;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,cAAc,CACnC,EAAE,EAAE,aAAa,EACjB,MAAM,EAAE,GAAG,EAAE,EACb,OAAO,EAAE,YAAY,GACnB,OAAO,CAAC,cAAc,CAAC,CAMzB;AAED;;;;;;;GAOG;AACH,wBAAsB,SAAS,CAC9B,MAAM,EAAE,GAAG,EAAE,EACb,OAAO,EAAE,YAAY,GACnB,OAAO,CAAC,cAAc,CAAC,CAazB;AAED,MAAM,CAAC,OAAO,OAAO,cAAc;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAEjB,MAAM,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAMjD,QAAQ,CAAC,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAkBhD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,IAAI;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE;CAclC"}

package/dist/bodyClass/BodyClass.d.ts

@@ -22,7 +22,23 @@ export default class BodyClass {
      * it.
      */
     toggle(cls: string, force?: boolean): void;
+    /**
+     * Removes the given classes from the body
+     */
     remove(...classes: string[]): void;
+    /**
+     * Sets the class for the given variant removing the old class for that
+     * variant, if cls is null it will remove the variant class
+     *
+     * If you just have like a dark or light mode and only for the dark mode a
+     * class, **prefer** `toggle('dark', isDarkMode)` over
+     * `setVariant('mode', isDarkMode ? 'dark' : null)`
+     *
+     * ## Note
+     * The variant name is only used for the internal state management
+     * and has no inpact on the actual class name
+     */
+    setVariant(variant: string, cls: string | null): void;
     /** @hidden */
     z_toRequest(): BodyClass;
     /** @hidden */
@@ -31,8 +47,9 @@ export default class BodyClass {
 export interface PlatformBodyClass {
     contains(cls: string): boolean;
     add(...classes: string[]): void;
-    toggle(cls: string, force?: boolean): void;
+    toggle(cls: string, force?: boolean): boolean;
     remove(...classes: string[]): void;
+    setVariant(variant: string, cls: string | null): boolean;
     toRequest(): PlatformBodyClass;
     render?: () => void;
 }

package/dist/bodyClass/BodyClass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BodyClass.d.ts","sourceRoot":"","sources":["../../src/bodyClass/BodyClass.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,SAAS;IAC7B,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,KAAK,CAAuB;gBAExB,KAAK,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;IAKlE,SAAS,CACR,EAAE,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,EAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,GACrB,MAAM,IAAI;IAIb;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI9B;;OAEG;IACH,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAK/B;;;;;;;;OAQG;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAK1C,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAKlC,cAAc;IACd,WAAW,IAAI,SAAS;IAIxB,cAAc;IACd,QAAQ,IAAI,IAAI;CAIhB;AAED,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAChC,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACnC,SAAS,IAAI,iBAAiB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB"}
+{"version":3,"file":"BodyClass.d.ts","sourceRoot":"","sources":["../../src/bodyClass/BodyClass.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,SAAS;IAC7B,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,KAAK,CAAuB;gBAExB,KAAK,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;IAKlE,SAAS,CACR,EAAE,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,EAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,GACrB,MAAM,IAAI;IAIb;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI9B;;OAEG;IACH,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAK/B;;;;;;;;OAQG;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAI1C;;OAEG;IACH,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAKlC;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIrD,cAAc;IACd,WAAW,IAAI,SAAS;IAIxB,cAAc;IACd,QAAQ,IAAI,IAAI;CAIhB;AAED,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAGhC,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC9C,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAEnC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC;IACzD,SAAS,IAAI,iBAAiB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB"}

package/dist/bodyClass/BodyClass.js

@@ -32,13 +32,32 @@ export default class BodyClass {
      * it.
      */
     toggle(cls, force) {
-        this.inner.toggle(cls, force);
-        this.store.set();
+        if (this.inner.toggle(cls, force))
+            this.store.set();
     }
+    /**
+     * Removes the given classes from the body
+     */
     remove(...classes) {
         this.inner.remove(...classes);
         this.store.set();
     }
+    /**
+     * Sets the class for the given variant removing the old class for that
+     * variant, if cls is null it will remove the variant class
+     *
+     * If you just have like a dark or light mode and only for the dark mode a
+     * class, **prefer** `toggle('dark', isDarkMode)` over
+     * `setVariant('mode', isDarkMode ? 'dark' : null)`
+     *
+     * ## Note
+     * The variant name is only used for the internal state management
+     * and has no inpact on the actual class name
+     */
+    setVariant(variant, cls) {
+        if (this.inner.setVariant(variant, cls))
+            this.store.set();
+    }
     /** @hidden */
     z_toRequest() {
         return new BodyClass(this.inner.toRequest(), this.store.stage());

package/dist/bodyClass/ClientBodyClass.d.ts

@@ -1,11 +1,16 @@
+import SsrCache from '../ssr/SsrCache.js';
 import { PlatformBodyClass } from './BodyClass.js';
+import { ClassSet, Variants } from './utils.js';
 export default class ClientBodyClass implements PlatformBodyClass {
+    private variants;
     private inner;
-    constructor(inner?: Set<string>);
+    constructor(variants: Variants, inner?: ClassSet);
+    static fromSsrCache(ssrCache: SsrCache): ClientBodyClass;
     contains(cls: string): boolean;
     add(...classes: string[]): void;
-    toggle(cls: string, force?: boolean): void;
+    toggle(cls: string, force?: boolean): boolean;
     remove(...classes: string[]): void;
+    setVariant(variant: string, cls: string | null): boolean;
     toRequest(): ClientBodyClass;
     render(): void;
 }

package/dist/bodyClass/ClientBodyClass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientBodyClass.d.ts","sourceRoot":"","sources":["../../src/bodyClass/ClientBodyClass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,CAAC,OAAO,OAAO,eAAgB,YAAW,iBAAiB;IAChE,OAAO,CAAC,KAAK,CAAqB;gBAEtB,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAI/B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAK9B,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAK/B,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAY1C,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAKlC,SAAS,IAAI,eAAe;IAK5B,MAAM,IAAI,IAAI;CAgBd"}
+{"version":3,"file":"ClientBodyClass.d.ts","sourceRoot":"","sources":["../../src/bodyClass/ClientBodyClass.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAsB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEpE,MAAM,CAAC,OAAO,OAAO,eAAgB,YAAW,iBAAiB;IAChE,OAAO,CAAC,QAAQ,CAAW;IAE3B,OAAO,CAAC,KAAK,CAAkB;gBAEnB,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,QAAQ;IAKhD,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,eAAe;IAKxD,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAK9B,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAM/B,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO;IAe7C,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAKlC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO;IAWxD,SAAS,IAAI,eAAe;IAK5B,MAAM,IAAI,IAAI;CAQd"}

package/dist/bodyClass/ClientBodyClass.js

@@ -1,8 +1,16 @@
+import { ClassSet, ssrCacheToVariants } from './utils.js';
 export default class ClientBodyClass {
+    variants;
+    // during the request store the classes here
     inner;
-    constructor(inner) {
+    constructor(variants, inner) {
+        this.variants = variants;
         this.inner = inner ?? null;
     }
+    static fromSsrCache(ssrCache) {
+        const variants = ssrCacheToVariants(ssrCache);
+        return new ClientBodyClass(variants);
+    }
     contains(cls) {
         if (this.inner)
             return this.inner.has(cls);
@@ -14,10 +22,13 @@ export default class ClientBodyClass {
         else
             cl().add(...classes);
     }
+    // returns true if the value was changed
     toggle(cls, force) {
+        const exists = this.contains(cls);
+        const shouldExist = typeof force === 'boolean' ? force : !exists;
+        const changed = shouldExist !== exists;
         if (this.inner) {
-            const add = typeof force === 'boolean' ? force : !this.inner.has(cls);
-            if (add)
+            if (shouldExist)
                 this.inner.add(cls);
             else
                 this.inner.delete(cls);
@@ -25,6 +36,7 @@ export default class ClientBodyClass {
         else {
             cl().toggle(cls, force);
         }
+        return changed;
     }
     remove(...classes) {
         if (this.inner)
@@ -32,24 +44,26 @@ export default class ClientBodyClass {
         else
             cl().remove(...classes);
     }
+    setVariant(variant, cls) {
+        if (this.inner)
+            return this.inner.setVariant(variant, cls);
+        const { remove, add } = this.variants.set(variant, cls);
+        if (remove)
+            cl().remove(remove);
+        if (add)
+            cl().add(add);
+        return !!remove || !!add;
+    }
     toRequest() {
-        const inner = new Set(cl());
-        return new ClientBodyClass(inner);
+        const inner = new ClassSet(cl(), this.variants.entries(), true);
+        return new ClientBodyClass(this.variants, inner);
     }
     render() {
         if (!this.inner)
             throw new Error('call toRequest first');
-        const current = new Set(cl());
-        for (const cls of this.inner) {
-            const existed = current.delete(cls);
-            if (!existed)
-                cl().add(cls);
-        }
-        // now lets remove all classes that still exist in current
-        for (const cls of current) {
-            cl().remove(cls);
-        }
+        const inner = this.inner;
         this.inner = null;
+        inner.applyHistory(this);
     }
 }
 function cl() {

package/dist/bodyClass/ServerBodyClass.d.ts

@@ -1,12 +1,18 @@
+import SsrCache from '../ssr/SsrCache.js';
 import { PlatformBodyClass } from './BodyClass.js';
 export default class ServerBodyClass implements PlatformBodyClass {
     private inner;
     constructor();
     contains(cls: string): boolean;
     add(...classes: string[]): void;
-    toggle(cls: string, force?: boolean): void;
+    toggle(cls: string, force?: boolean): boolean;
     remove(...classes: string[]): void;
+    /**
+     * @returns Returns true if the value was changed
+     */
+    setVariant(variant: string, cls: string | null): boolean;
     toRequest(): ServerBodyClass;
+    z_populateSsrCache(ssrCache: SsrCache): void;
     z_processHtmlTemplate(html: string): string;
 }
 //# sourceMappingURL=ServerBodyClass.d.ts.map

package/dist/bodyClass/ServerBodyClass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerBodyClass.d.ts","sourceRoot":"","sources":["../../src/bodyClass/ServerBodyClass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,CAAC,OAAO,OAAO,eAAgB,YAAW,iBAAiB;IAChE,OAAO,CAAC,KAAK,CAAc;;IAM3B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI9B,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAK/B,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAiB1C,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAKlC,SAAS,IAAI,eAAe;IAI5B,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CAU3C"}
+{"version":3,"file":"ServerBodyClass.d.ts","sourceRoot":"","sources":["../../src/bodyClass/ServerBodyClass.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,CAAC,OAAO,OAAO,eAAgB,YAAW,iBAAiB;IAChE,OAAO,CAAC,KAAK,CAAW;;IAMxB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI9B,GAAG,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAK/B,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO;IAqB7C,MAAM,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAKlC;;OAEG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO;IAIxD,SAAS,IAAI,eAAe;IAK5B,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAI5C,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CAa3C"}

package/dist/bodyClass/ServerBodyClass.js

@@ -1,7 +1,8 @@
+import { ClassSet, variantsToSsrCache } from './utils.js';
 export default class ServerBodyClass {
     inner;
     constructor() {
-        this.inner = new Set();
+        this.inner = new ClassSet();
     }
     contains(cls) {
         return this.inner.has(cls);
@@ -17,25 +18,38 @@ export default class ServerBodyClass {
                 'to unexpected results. Because in a loadData the server will add it ' +
                 'and the client will afterwards remove it.');
         }
-        const add = typeof force === 'boolean' ? force : !this.inner.has(cls);
-        if (add)
+        const exists = this.inner.has(cls);
+        const shouldExist = typeof force === 'boolean' ? force : !exists;
+        const changed = shouldExist !== exists;
+        if (shouldExist)
             this.inner.add(cls);
         else
             this.inner.delete(cls);
+        return changed;
     }
     remove(...classes) {
         validate(classes);
         classes.forEach(cls => this.inner.delete(cls));
     }
+    /**
+     * @returns Returns true if the value was changed
+     */
+    setVariant(variant, cls) {
+        return this.inner.setVariant(variant, cls);
+    }
     toRequest() {
+        // no second request should ever start on the server
         return this;
     }
+    z_populateSsrCache(ssrCache) {
+        variantsToSsrCache(this.inner.z_variants, ssrCache);
+    }
     z_processHtmlTemplate(html) {
         const SEARCH_STR = '<!--body-class-->';
-        if (this.inner.size && !html.includes(SEARCH_STR)) {
+        if (this.inner.length && !html.includes(SEARCH_STR)) {
             throw new Error('index.html needs to contain `class="<!--body-class-->"`');
         }
-        return html.replace(SEARCH_STR, Array.from(this.inner).join(' '));
+        return html.replace(SEARCH_STR, Array.from(this.inner.classes()).join(' '));
     }
 }
 function validate(classes) {

package/dist/bodyClass/utils.d.ts

@@ -0,0 +1,39 @@
+import SsrCache from '../ssr/SsrCache.js';
+export type HistoryClassSet = {
+    add(cls: string): void;
+    remove(cls: string): void;
+    setVariant(variant: string, cls: string | null): void;
+};
+export declare class ClassSet {
+    private _classes;
+    /** @hidden */
+    z_variants: Variants;
+    private history;
+    constructor(classes?: Iterable<string>, variants?: Iterable<[string, string]>, history?: boolean);
+    classes(): Iterable<string>;
+    get length(): number;
+    has(cls: string): boolean;
+    add(cls: string): void;
+    delete(cls: string): void;
+    /**
+     * @returns Returns true if the value was changed
+     */
+    setVariant(variant: string, cls: string | null): boolean;
+    /**
+     * Fails if no history is active.
+     */
+    applyHistory(cl: HistoryClassSet): void;
+}
+export type VariantSetReturn = {
+    remove?: string;
+    add?: string;
+};
+export declare class Variants {
+    private inner;
+    constructor(entries?: Iterable<[string, string]>);
+    set(variant: string, cls: string | null): VariantSetReturn;
+    entries(): Iterable<[string, string]>;
+}
+export declare function ssrCacheToVariants(ssrCache: SsrCache): Variants;
+export declare function variantsToSsrCache(variants: Variants, ssrCache: SsrCache): void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/bodyClass/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/bodyClass/utils.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC7B,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD,CAAC;AAEF,qBAAa,QAAQ;IACpB,OAAO,CAAC,QAAQ,CAAc;IAC9B,cAAc;IACd,UAAU,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,OAAO,CAA2C;gBAGzD,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EACrC,OAAO,GAAE,OAAe;IAOzB,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC;IAI3B,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIzB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKtB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKzB;;OAEG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO;IAaxD;;OAEG;IACH,YAAY,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI;CAGvC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,qBAAa,QAAQ;IAEpB,OAAO,CAAC,KAAK,CAAsB;gBAEvB,OAAO,CAAC,EAAE,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAIhD,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,gBAAgB;IAkB1D,OAAO,IAAI,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAGrC;AAGD,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAE/D;AAGD,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAChB,IAAI,CAEN"}

package/dist/bodyClass/utils.js

@@ -0,0 +1,84 @@
+export class ClassSet {
+    _classes;
+    /** @hidden */
+    z_variants;
+    history;
+    constructor(classes, variants, history = false) {
+        this._classes = new Set(classes);
+        this.z_variants = new Variants();
+        this.history = history ? [] : null;
+    }
+    classes() {
+        return this._classes;
+    }
+    get length() {
+        return this._classes.size;
+    }
+    has(cls) {
+        return this._classes.has(cls);
+    }
+    add(cls) {
+        this._classes.add(cls);
+        if (this.history)
+            this.history.push(c => c.add(cls));
+    }
+    delete(cls) {
+        this._classes.delete(cls);
+        if (this.history)
+            this.history.push(c => c.remove(cls));
+    }
+    /**
+     * @returns Returns true if the value was changed
+     */
+    setVariant(variant, cls) {
+        const { remove, add } = this.z_variants.set(variant, cls);
+        if (remove)
+            this.delete(remove);
+        if (add)
+            this.add(add);
+        const changed = !!remove || !!add;
+        if (this.history)
+            this.history.push(c => c.setVariant(variant, cls));
+        return changed;
+    }
+    /**
+     * Fails if no history is active.
+     */
+    applyHistory(cl) {
+        this.history.forEach(fn => fn(cl));
+    }
+}
+export class Variants {
+    // list of active variant classes
+    inner;
+    constructor(entries) {
+        this.inner = new Map(entries);
+    }
+    set(variant, cls) {
+        const current = this.inner.get(variant) ?? null;
+        if (current === cls)
+            return {};
+        const obj = {};
+        if (current)
+            obj.remove = current;
+        if (cls) {
+            obj.add = cls;
+            this.inner.set(variant, cls);
+        }
+        else {
+            this.inner.delete(variant);
+        }
+        return obj;
+    }
+    entries() {
+        return this.inner.entries();
+    }
+}
+// separate function for tree shaking
+export function ssrCacheToVariants(ssrCache) {
+    return new Variants(ssrCache.get('BODY_CLASS_VAR'));
+}
+// separate function for tree shaking
+export function variantsToSsrCache(variants, ssrCache) {
+    ssrCache.set('BODY_CLASS_VAR', Array.from(variants.entries()));
+}

package/dist/crelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crelte.d.ts","sourceRoot":"","sources":["../src/crelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"crelte.d.ts","sourceRoot":"","sources":["../src/crelte.ts"],"names":[],"mappings":"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"}

package/dist/crelte.js

@@ -21,6 +21,8 @@ export function newCrelte({ config, ssrCache, plugins, events, globals, router,
         queries,
         cookies,
         bodyClass,
+        // when adding a new helper function make sure to add it to
+        // onNewCrelteRequest if needed
         getPlugin: name => plugins.get(name),
         getEnv: key => ssrCache.get(key),
         frontendUrl: path => urlWithPath(ssrCache.get('FRONTEND_URL'), path),

package/dist/init/client.js

@@ -61,7 +61,7 @@ export async function main(data) {
         router: new Router(router),
         queries,
         cookies: new Cookies(new ClientCookies()),
-        bodyClass: new BodyClass(new ClientBodyClass()),
+        bodyClass: new BodyClass(ClientBodyClass.fromSsrCache(ssrCache)),
     });
     const app = new InternalApp(data.app);
     // setup plugins

package/dist/init/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/init/server.ts"],"names":[],"mappings":"AAoBA,OAAO,EACN,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,MAAM,qBAAqB,CAAC;AAK7B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG;IACtB,4BAA4B;IAC5B,GAAG,EAAE,GAAG,CAAC;IAET,0CAA0C;IAC1C,UAAU,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAsB,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,CAsHlE;AAED,MAAM,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAE3B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,GAAG,CAAC;IAEf,UAAU,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,SAAS,CAC9B,IAAI,EAAE,aAAa,GACjB,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAgC5C"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/init/server.ts"],"names":[],"mappings":"AAoBA,OAAO,EACN,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,MAAM,qBAAqB,CAAC;AAK7B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG;IACtB,4BAA4B;IAC5B,GAAG,EAAE,GAAG,CAAC;IAET,0CAA0C;IAC1C,UAAU,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAsB,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,CAuHlE;AAED,MAAM,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAE3B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,GAAG,CAAC;IAEf,UAAU,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,SAAS,CAC9B,IAAI,EAAE,aAAa,GACjB,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAgC5C"}

package/dist/init/server.js

@@ -101,6 +101,7 @@ export async function main(data) {
         props: { route: routeProp },
         context,
     });
+    bodyClass.z_populateSsrCache(ssrCache);
     head += ssrComponents.toHead(data.serverData.ssrManifest);
     head += crelte.ssrCache.z_exportToHead();
     let htmlTemplate = data.serverData.htmlTemplate;

package/dist/init/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/init/shared.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,WAA+B,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAmB,MAAM,cAAc,CAAC;AAC9E,OAAO,OAA2B,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAKpE;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAM5E;AAED,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAGzE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAExE;AAED,wBAAgB,UAAU,CACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,EAC7B,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,WAcxB;AAED,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,OAAO,GACV,aAAa,CAcf;AAsBD,wBAAsB,MAAM,CAC3B,EAAE,EAAE,aAAa,EACjB,GAAG,EAAE,WAAW,EAChB,QAAQ,CAAC,EAAE,WAAW,GACpB,OAAO,CAAC,IAAI,CAAC,CAwHf"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/init/shared.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,WAA+B,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAmB,MAAM,cAAc,CAAC;AAC9E,OAAO,OAA2B,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAKpE;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAM5E;AAED,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAGzE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAExE;AAED,wBAAgB,UAAU,CACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,EAC7B,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,WAcxB;AAED,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,OAAO,GACV,aAAa,CAiBf;AAsBD,wBAAsB,MAAM,CAC3B,EAAE,EAAE,aAAa,EACjB,GAAG,EAAE,WAAW,EAChB,QAAQ,CAAC,EAAE,WAAW,GACpB,OAAO,CAAC,IAAI,CAAC,CAwHf"}

package/dist/init/shared.js

@@ -46,6 +46,9 @@ export function onNewCrelteRequest(crelte, req) {
         cookies: crelte.cookies.z_toRequest(),
         bodyClass: crelte.bodyClass.z_toRequest(),
     };
+    // make sure helper funcitons link to the correct instances
+    nCrelte.getPlugin = name => nCrelte.plugins.get(name);
+    nCrelte.getGlobalStore = name => nCrelte.globals.getStore(name);
     return crelteToRequest(nCrelte, req);
 }
 async function eventsLoadEntry(cr) {

package/dist/loadData/entry.d.ts

@@ -1,5 +1,5 @@
 import { CrelteRequest } from '../index.js';
-import { Query } from '../queries/Queries.js';
+import { Query, QueryOptions } from '../queries/Queries.js';
 export type Entry = {
     sectionHandle: string;
     typeHandle: string;
@@ -11,7 +11,16 @@ export type EntryQueryVars = {
     [key: string]: any;
 };
 export declare function entryQueryVars(cr: CrelteRequest): EntryQueryVars;
-export declare function queryEntry(cr: CrelteRequest, entryQuery: Query, vars: EntryQueryVars): Promise<Entry>;
+/**
+ * ## Example
+ * `App.svelte`
+ * ```ts
+ * import entryQuery from '@/queries/entry.graphql';
+ *
+ * export const loadEntry => cr => queryEntry(cr, entryQuery, entryQueryVars(cr));
+ * ```
+ */
+export declare function queryEntry(cr: CrelteRequest, entryQuery: Query, vars: EntryQueryVars, opts?: QueryOptions): Promise<Entry>;
 export declare const ENTRY_ERROR_404: Entry;
 /**
  * Get the entry from the page

package/dist/loadData/entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entry.d.ts","sourceRoot":"","sources":["../../src/loadData/entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,MAAM,MAAM,KAAK,GAAG;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IAGf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,EAAE,aAAa,GAAG,cAAc,CAchE;AAED,wBAAsB,UAAU,CAC/B,EAAE,EAAE,aAAa,EACjB,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,cAAc,GAClB,OAAO,CAAC,KAAK,CAAC,CAGhB;AAED,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,KAAK,GAAG,IAAI,CAUpD"}
+{"version":3,"file":"entry.d.ts","sourceRoot":"","sources":["../../src/loadData/entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IAGf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,EAAE,aAAa,GAAG,cAAc,CAchE;AAED;;;;;;;;GAQG;AACH,wBAAsB,UAAU,CAC/B,EAAE,EAAE,aAAa,EACjB,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,cAAc,EACpB,IAAI,CAAC,EAAE,YAAY,GACjB,OAAO,CAAC,KAAK,CAAC,CAGhB;AAED,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,KAAK,GAAG,IAAI,CAUpD"}

package/dist/loadData/entry.js

@@ -11,8 +11,17 @@ export function entryQueryVars(cr) {
         siteId: cr.site.id,
     };
 }
-export async function queryEntry(cr, entryQuery, vars) {
-    const page = await cr.query(entryQuery, vars);
+/**
+ * ## Example
+ * `App.svelte`
+ * ```ts
+ * import entryQuery from '@/queries/entry.graphql';
+ *
+ * export const loadEntry => cr => queryEntry(cr, entryQuery, entryQueryVars(cr));
+ * ```
+ */
+export async function queryEntry(cr, entryQuery, vars, opts) {
+    const page = await cr.query(entryQuery, vars, opts);
     return extractEntry(page) ?? ENTRY_ERROR_404;
 }
 export const ENTRY_ERROR_404 = {

package/dist/queries/index.d.ts

@@ -41,7 +41,7 @@ export type TransformFn<T extends Record<string, QueryVar<any>> = Record<string,
  * };
  * ```
  */
-export type Transform<T extends Record<string, QueryVar<any>> = Record<string, QueryVar<any>>, F extends TransformFn<T> = TransformFn<T>> = (response: any, vars: InferVariableTypes<T>) => Awaited<ReturnType<F>>;
+export type Transform<T extends Record<string, QueryVar<any>> = Record<string, QueryVar<any>>, F extends TransformFn<T> = TransformFn<T>> = (response: any, vars: InferVariableTypes<T>, csr: CrelteServerRequest) => Awaited<ReturnType<F>>;
 /** use {@link Handle} */
 export type HandleFn<T extends Record<string, QueryVar<any>> = Record<string, QueryVar<any>>> = (csr: CrelteServerRequest, vars: InferVariableTypes<T>) => any;
 /**

package/dist/queries/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/queries/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/queries/index.ts"],"names":[],"mappings":"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"}

package/dist/server/queries/QueryGqlRoute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryGqlRoute.d.ts","sourceRoot":"","sources":["../../../src/server/queries/QueryGqlRoute.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAQ,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAY,WAAW,EAAgB,MAAM,aAAa,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAGF,MAAM,CAAC,OAAO,OAAO,aAAa;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;gBAEpB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY;IA2B3D,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,kBAAkB;IAO1B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;YAuBX,SAAS;IAUjB,MAAM,CACX,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,mBAAmB,GACtB,OAAO,CAAC,QAAQ,CAAC;CAkHpB"}
+{"version":3,"file":"QueryGqlRoute.d.ts","sourceRoot":"","sources":["../../../src/server/queries/QueryGqlRoute.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAQ,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAY,WAAW,EAAgB,MAAM,aAAa,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAGF,MAAM,CAAC,OAAO,OAAO,aAAa;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC;IACtC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;gBAEpB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY;IA2B3D,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,kBAAkB;IAO1B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;YAuBX,SAAS;IAWjB,MAAM,CACX,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,mBAAmB,GACtB,OAAO,CAAC,QAAQ,CAAC;CAkHpB"}

package/dist/server/queries/QueryGqlRoute.js

@@ -76,10 +76,10 @@ export default class QueryGqlRoute {
                 ' https://github.com/crelte/crelte/issues/114 for infos');
         }
     }
-    async transform(jsonResp, vars) {
+    async transform(jsonResp, vars, csr) {
         if (!this.transformFn || !jsonResp.data)
             return;
-        const transformed = await this.transformFn(jsonResp.data, vars);
+        const transformed = await this.transformFn(jsonResp.data, vars, csr);
         if (typeof transformed !== 'undefined')
             jsonResp.data = transformed;
     }
@@ -164,7 +164,7 @@ export default class QueryGqlRoute {
             jsonResp = await resp.json();
             if (!jsonResp || typeof jsonResp !== 'object')
                 throw new Error('invalid json response');
-            await this.transform(jsonResp, vars);
+            await this.transform(jsonResp, vars, csr);
         }
         catch (e) {
             return newError(e, 500);

package/dist/server/queries/routes.d.ts

@@ -2,7 +2,7 @@ import { QueryVar } from '../../queries/vars.js';
 import CrelteServerRequest from '../CrelteServer.js';
 import ServerRouter from '../ServerRouter.js';
 export type CacheIfFn = (response: any, vars: Record<string, any>) => boolean;
-export type TransformFn = (response: any, vars: Record<string, any>) => void | any | Promise<void | any>;
+export type TransformFn = (response: any, vars: Record<string, any>, csr: CrelteServerRequest) => void | any | Promise<void | any>;
 export type HandleFn = (csr: CrelteServerRequest, vars: Record<string, any>) => Promise<any> | any;
 /**
  * Returns the validated variables if some vars where defined

package/dist/server/queries/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/server/queries/routes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,mBAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;AAM9E,MAAM,MAAM,WAAW,GAAG,CACzB,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KACrB,IAAI,GAAG,GAAG,GAAG,OAAO,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,CACtB,GAAG,EAAE,mBAAmB,EACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KACrB,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAExB;;;GAGG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI,EACtC,IAAI,EAAE,GAAG,EACT,EAAE,EAAE,YAAY,GACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAarB;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAEzD"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/server/queries/routes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,mBAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;AAM9E,MAAM,MAAM,WAAW,GAAG,CACzB,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzB,GAAG,EAAE,mBAAmB,KACpB,IAAI,GAAG,GAAG,GAAG,OAAO,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,CACtB,GAAG,EAAE,mBAAmB,EACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KACrB,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAExB;;;GAGG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI,EACtC,IAAI,EAAE,GAAG,EACT,EAAE,EAAE,YAAY,GACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAarB;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAEzD"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "crelte",
-	"version": "0.5.12",
+	"version": "0.5.13",
 	"author": "Crelte <support@crelte.com>",
 	"type": "module",
 	"scripts": {

package/src/blocks/Blocks.ts

@@ -125,7 +125,7 @@ export class BlockModules {
  * ```
  */
 export function blockModules(
-	modules: Record<string, AsyncModule>,
+	modules: Record<string, (() => Promise<any>) | Module>,
 	opts: BlockModulesOptions = {},
 ): BlockModules {
 	return new BlockModules(modules, opts);

package/src/bodyClass/BodyClass.ts

@@ -41,15 +41,33 @@ export default class BodyClass {
 	 * it.
 	 */
 	toggle(cls: string, force?: boolean): void {
-		this.inner.toggle(cls, force);
-		this.store.set();
+		if (this.inner.toggle(cls, force)) this.store.set();
 	}
 
+	/**
+	 * Removes the given classes from the body
+	 */
 	remove(...classes: string[]): void {
 		this.inner.remove(...classes);
 		this.store.set();
 	}
 
+	/**
+	 * Sets the class for the given variant removing the old class for that
+	 * variant, if cls is null it will remove the variant class
+	 *
+	 * If you just have like a dark or light mode and only for the dark mode a
+	 * class, **prefer** `toggle('dark', isDarkMode)` over
+	 * `setVariant('mode', isDarkMode ? 'dark' : null)`
+	 *
+	 * ## Note
+	 * The variant name is only used for the internal state management
+	 * and has no inpact on the actual class name
+	 */
+	setVariant(variant: string, cls: string | null): void {
+		if (this.inner.setVariant(variant, cls)) this.store.set();
+	}
+
 	/** @hidden */
 	z_toRequest(): BodyClass {
 		return new BodyClass(this.inner.toRequest(), this.store.stage());
@@ -65,8 +83,12 @@ export default class BodyClass {
 export interface PlatformBodyClass {
 	contains(cls: string): boolean;
 	add(...classes: string[]): void;
-	toggle(cls: string, force?: boolean): void;
+	// returns true if the value was changed (this is different to the
+	// DOMTokenList.toggle which returns true if the class is now present)
+	toggle(cls: string, force?: boolean): boolean;
 	remove(...classes: string[]): void;
+	// returns true if the value was changed
+	setVariant(variant: string, cls: string | null): boolean;
 	toRequest(): PlatformBodyClass;
 	render?: () => void;
 }

package/src/bodyClass/ClientBodyClass.ts

@@ -1,12 +1,22 @@
+import SsrCache from '../ssr/SsrCache.js';
 import { PlatformBodyClass } from './BodyClass.js';
+import { ClassSet, ssrCacheToVariants, Variants } from './utils.js';
 
 export default class ClientBodyClass implements PlatformBodyClass {
-	private inner: Set<string> | null;
+	private variants: Variants;
+	// during the request store the classes here
+	private inner: ClassSet | null;
 
-	constructor(inner?: Set<string>) {
+	constructor(variants: Variants, inner?: ClassSet) {
+		this.variants = variants;
 		this.inner = inner ?? null;
 	}
 
+	static fromSsrCache(ssrCache: SsrCache): ClientBodyClass {
+		const variants = ssrCacheToVariants(ssrCache);
+		return new ClientBodyClass(variants);
+	}
+
 	contains(cls: string): boolean {
 		if (this.inner) return this.inner.has(cls);
 		return cl().contains(cls);
@@ -17,16 +27,20 @@ export default class ClientBodyClass implements PlatformBodyClass {
 		else cl().add(...classes);
 	}
 
-	toggle(cls: string, force?: boolean): void {
-		if (this.inner) {
-			const add =
-				typeof force === 'boolean' ? force : !this.inner.has(cls);
+	// returns true if the value was changed
+	toggle(cls: string, force?: boolean): boolean {
+		const exists = this.contains(cls);
+		const shouldExist = typeof force === 'boolean' ? force : !exists;
+		const changed = shouldExist !== exists;
 
-			if (add) this.inner.add(cls);
+		if (this.inner) {
+			if (shouldExist) this.inner.add(cls);
 			else this.inner.delete(cls);
 		} else {
 			cl().toggle(cls, force);
 		}
+
+		return changed;
 	}
 
 	remove(...classes: string[]): void {
@@ -34,26 +48,29 @@ export default class ClientBodyClass implements PlatformBodyClass {
 		else cl().remove(...classes);
 	}
 
+	setVariant(variant: string, cls: string | null): boolean {
+		if (this.inner) return this.inner.setVariant(variant, cls);
+
+		const { remove, add } = this.variants.set(variant, cls);
+
+		if (remove) cl().remove(remove);
+		if (add) cl().add(add);
+
+		return !!remove || !!add;
+	}
+
 	toRequest(): ClientBodyClass {
-		const inner = new Set(cl());
-		return new ClientBodyClass(inner);
+		const inner = new ClassSet(cl(), this.variants.entries(), true);
+		return new ClientBodyClass(this.variants, inner);
 	}
 
 	render(): void {
 		if (!this.inner) throw new Error('call toRequest first');
-		const current = new Set(cl());
-
-		for (const cls of this.inner) {
-			const existed = current.delete(cls);
-			if (!existed) cl().add(cls);
-		}
-
-		// now lets remove all classes that still exist in current
-		for (const cls of current) {
-			cl().remove(cls);
-		}
 
+		const inner = this.inner;
 		this.inner = null;
+
+		inner.applyHistory(this);
 	}
 }
 

package/src/bodyClass/ServerBodyClass.ts

@@ -1,10 +1,12 @@
+import SsrCache from '../ssr/SsrCache.js';
 import { PlatformBodyClass } from './BodyClass.js';
+import { ClassSet, variantsToSsrCache } from './utils.js';
 
 export default class ServerBodyClass implements PlatformBodyClass {
-	private inner: Set<string>;
+	private inner: ClassSet;
 
 	constructor() {
-		this.inner = new Set();
+		this.inner = new ClassSet();
 	}
 
 	contains(cls: string): boolean {
@@ -16,7 +18,7 @@ export default class ServerBodyClass implements PlatformBodyClass {
 		classes.forEach(cls => this.inner.add(cls));
 	}
 
-	toggle(cls: string, force?: boolean): void {
+	toggle(cls: string, force?: boolean): boolean {
 		validate([cls]);
 
 		if (import.meta.env.DEV && typeof force !== 'boolean') {
@@ -27,10 +29,14 @@ export default class ServerBodyClass implements PlatformBodyClass {
 			);
 		}
 
-		const add = typeof force === 'boolean' ? force : !this.inner.has(cls);
+		const exists = this.inner.has(cls);
+		const shouldExist = typeof force === 'boolean' ? force : !exists;
+		const changed = shouldExist !== exists;
 
-		if (add) this.inner.add(cls);
+		if (shouldExist) this.inner.add(cls);
 		else this.inner.delete(cls);
+
+		return changed;
 	}
 
 	remove(...classes: string[]): void {
@@ -38,19 +44,34 @@ export default class ServerBodyClass implements PlatformBodyClass {
 		classes.forEach(cls => this.inner.delete(cls));
 	}
 
+	/**
+	 * @returns Returns true if the value was changed
+	 */
+	setVariant(variant: string, cls: string | null): boolean {
+		return this.inner.setVariant(variant, cls);
+	}
+
 	toRequest(): ServerBodyClass {
+		// no second request should ever start on the server
 		return this;
 	}
 
+	z_populateSsrCache(ssrCache: SsrCache): void {
+		variantsToSsrCache(this.inner.z_variants, ssrCache);
+	}
+
 	z_processHtmlTemplate(html: string): string {
 		const SEARCH_STR = '<!--body-class-->';
-		if (this.inner.size && !html.includes(SEARCH_STR)) {
+		if (this.inner.length && !html.includes(SEARCH_STR)) {
 			throw new Error(
 				'index.html needs to contain `class="<!--body-class-->"`',
 			);
 		}
 
-		return html.replace(SEARCH_STR, Array.from(this.inner).join(' '));
+		return html.replace(
+			SEARCH_STR,
+			Array.from(this.inner.classes()).join(' '),
+		);
 	}
 }
 

package/src/bodyClass/utils.ts

@@ -0,0 +1,118 @@
+import SsrCache from '../ssr/SsrCache.js';
+
+export type HistoryClassSet = {
+	add(cls: string): void;
+	remove(cls: string): void;
+	setVariant(variant: string, cls: string | null): void;
+};
+
+export class ClassSet {
+	private _classes: Set<string>;
+	/** @hidden */
+	z_variants: Variants;
+	private history: ((cl: HistoryClassSet) => void)[] | null;
+
+	constructor(
+		classes?: Iterable<string>,
+		variants?: Iterable<[string, string]>,
+		history: boolean = false,
+	) {
+		this._classes = new Set(classes);
+		this.z_variants = new Variants();
+		this.history = history ? [] : null;
+	}
+
+	classes(): Iterable<string> {
+		return this._classes;
+	}
+
+	get length(): number {
+		return this._classes.size;
+	}
+
+	has(cls: string): boolean {
+		return this._classes.has(cls);
+	}
+
+	add(cls: string): void {
+		this._classes.add(cls);
+		if (this.history) this.history.push(c => c.add(cls));
+	}
+
+	delete(cls: string): void {
+		this._classes.delete(cls);
+		if (this.history) this.history.push(c => c.remove(cls));
+	}
+
+	/**
+	 * @returns Returns true if the value was changed
+	 */
+	setVariant(variant: string, cls: string | null): boolean {
+		const { remove, add } = this.z_variants.set(variant, cls);
+
+		if (remove) this.delete(remove);
+		if (add) this.add(add);
+
+		const changed = !!remove || !!add;
+
+		if (this.history) this.history.push(c => c.setVariant(variant, cls));
+
+		return changed;
+	}
+
+	/**
+	 * Fails if no history is active.
+	 */
+	applyHistory(cl: HistoryClassSet): void {
+		this.history!.forEach(fn => fn(cl));
+	}
+}
+
+export type VariantSetReturn = {
+	remove?: string;
+	add?: string;
+};
+
+export class Variants {
+	// list of active variant classes
+	private inner: Map<string, string>;
+
+	constructor(entries?: Iterable<[string, string]>) {
+		this.inner = new Map(entries);
+	}
+
+	set(variant: string, cls: string | null): VariantSetReturn {
+		const current = this.inner.get(variant) ?? null;
+
+		if (current === cls) return {};
+
+		const obj: VariantSetReturn = {};
+
+		if (current) obj.remove = current;
+		if (cls) {
+			obj.add = cls;
+			this.inner.set(variant, cls);
+		} else {
+			this.inner.delete(variant);
+		}
+
+		return obj;
+	}
+
+	entries(): Iterable<[string, string]> {
+		return this.inner.entries();
+	}
+}
+
+// separate function for tree shaking
+export function ssrCacheToVariants(ssrCache: SsrCache): Variants {
+	return new Variants(ssrCache.get('BODY_CLASS_VAR')!);
+}
+
+// separate function for tree shaking
+export function variantsToSsrCache(
+	variants: Variants,
+	ssrCache: SsrCache,
+): void {
+	ssrCache.set('BODY_CLASS_VAR', Array.from(variants.entries()));
+}

package/src/crelte.ts

@@ -292,6 +292,9 @@ export function newCrelte({
 		cookies,
 		bodyClass,
 
+		// when adding a new helper function make sure to add it to
+		// onNewCrelteRequest if needed
+
 		getPlugin: name => plugins.get(name),
 		getEnv: key => ssrCache.get(key as any) as any,
 		frontendUrl: path => urlWithPath(ssrCache.get('FRONTEND_URL')!, path),

package/src/init/client.ts

@@ -88,7 +88,7 @@ export async function main(data: MainData) {
 		router: new Router(router),
 		queries,
 		cookies: new Cookies(new ClientCookies()),
-		bodyClass: new BodyClass(new ClientBodyClass()),
+		bodyClass: new BodyClass(ClientBodyClass.fromSsrCache(ssrCache)),
 	});
 
 	const app = new InternalApp(data.app);

package/src/init/server.ts

@@ -152,6 +152,7 @@ export async function main(data: MainData): Promise<RenderResponse> {
 		context,
 	});
 
+	bodyClass.z_populateSsrCache(ssrCache);
 	head += ssrComponents.toHead(data.serverData.ssrManifest);
 	head += crelte.ssrCache.z_exportToHead();
 

package/src/init/shared.ts

@@ -74,6 +74,9 @@ export function onNewCrelteRequest(
 		cookies: crelte.cookies.z_toRequest(),
 		bodyClass: crelte.bodyClass.z_toRequest(),
 	};
+	// make sure helper funcitons link to the correct instances
+	nCrelte.getPlugin = name => nCrelte.plugins.get(name);
+	nCrelte.getGlobalStore = name => nCrelte.globals.getStore(name);
 	return crelteToRequest(nCrelte, req);
 }
 

package/src/loadData/entry.ts

@@ -1,5 +1,5 @@
 import { CrelteRequest } from '../index.js';
-import { Query } from '../queries/Queries.js';
+import { Query, QueryOptions } from '../queries/Queries.js';
 
 export type Entry = {
 	sectionHandle: string;
@@ -31,12 +31,22 @@ export function entryQueryVars(cr: CrelteRequest): EntryQueryVars {
 	};
 }
 
+/**
+ * ## Example
+ * `App.svelte`
+ * ```ts
+ * import entryQuery from '@/queries/entry.graphql';
+ *
+ * export const loadEntry => cr => queryEntry(cr, entryQuery, entryQueryVars(cr));
+ * ```
+ */
 export async function queryEntry(
 	cr: CrelteRequest,
 	entryQuery: Query,
 	vars: EntryQueryVars,
+	opts?: QueryOptions,
 ): Promise<Entry> {
-	const page = await cr.query(entryQuery, vars);
+	const page = await cr.query(entryQuery, vars, opts);
 	return extractEntry(page) ?? ENTRY_ERROR_404;
 }
 

package/src/queries/index.ts

@@ -81,7 +81,11 @@ export type TransformFn<
 export type Transform<
 	T extends Record<string, QueryVar<any>> = Record<string, QueryVar<any>>,
 	F extends TransformFn<T> = TransformFn<T>,
-> = (response: any, vars: InferVariableTypes<T>) => Awaited<ReturnType<F>>;
+> = (
+	response: any,
+	vars: InferVariableTypes<T>,
+	csr: CrelteServerRequest,
+) => Awaited<ReturnType<F>>;
 
 /** use {@link Handle} */
 export type HandleFn<

package/src/server/queries/QueryGqlRoute.ts

@@ -97,10 +97,11 @@ export default class QueryGqlRoute {
 	private async transform(
 		jsonResp: Record<string, any>,
 		vars: Record<string, any>,
+		csr: CrelteServerRequest,
 	): Promise<void> {
 		if (!this.transformFn || !jsonResp.data) return;
 
-		const transformed = await this.transformFn(jsonResp.data, vars);
+		const transformed = await this.transformFn(jsonResp.data, vars, csr);
 		if (typeof transformed !== 'undefined') jsonResp.data = transformed;
 	}
 
@@ -195,7 +196,7 @@ export default class QueryGqlRoute {
 			jsonResp = await resp.json();
 			if (!jsonResp || typeof jsonResp !== 'object')
 				throw new Error('invalid json response');
-			await this.transform(jsonResp, vars);
+			await this.transform(jsonResp, vars, csr);
 		} catch (e) {
 			return newError(e, 500);
 		}

package/src/server/queries/routes.ts

@@ -11,6 +11,7 @@ export type CacheIfFn = (response: any, vars: Record<string, any>) => boolean;
 export type TransformFn = (
 	response: any,
 	vars: Record<string, any>,
+	csr: CrelteServerRequest,
 ) => void | any | Promise<void | any>;
 
 export type HandleFn = (