@croct/plug-react 0.4.2 → 0.5.0-next.1

package/api/evaluate.d.ts

@@ -0,0 +1,7 @@
+import { EvaluationOptions as BaseOptions } from '@croct/sdk/evaluator';
+import { JsonValue } from '@croct/plug/sdk/json';
+export type EvaluationOptions<T extends JsonValue = JsonValue> = BaseOptions & {
+    apiKey: string;
+    fallback?: T;
+};
+export declare function evaluate<T extends JsonValue>(query: string, options: EvaluationOptions<T>): Promise<T>;

package/api/evaluate.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.evaluate = void 0;
+const evaluator_1 = require("@croct/sdk/evaluator");
+function evaluate(query, options) {
+    const { apiKey, fallback, ...rest } = options;
+    const promise = (new evaluator_1.Evaluator({ apiKey: apiKey }))
+        .evaluate(query, rest);
+    if (fallback !== undefined) {
+        return promise.catch(() => fallback);
+    }
+    return promise;
+}
+exports.evaluate = evaluate;
+//# sourceMappingURL=evaluate.js.map

package/api/evaluate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"evaluate.js","sourceRoot":"","sources":["../../src/api/evaluate.ts"],"names":[],"mappings":";;;AAAA,oDAAiF;AAQjF,SAAgB,QAAQ,CAAsB,KAAa,EAAE,OAA6B;IACtF,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,GAAG,OAAO,CAAC;IAC5C,MAAM,OAAO,GAAG,CAAC,IAAI,qBAAS,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;SAC5C,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAe,CAAC;IAEzC,IAAI,QAAQ,KAAK,SAAS,EAAE;QACxB,OAAO,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;KACxC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC;AAVD,4BAUC"}

package/api/fetchContent.d.ts

@@ -0,0 +1,13 @@
+import { DynamicContentOptions as BaseDynamicOptions, StaticContentOptions as BaseStaticOptions } from '@croct/sdk/contentFetcher';
+import { JsonObject } from '@croct/plug/sdk/json';
+import { FetchResponse } from '@croct/plug/plug';
+import { SlotContent, VersionedSlotId } from '@croct/plug/slot';
+type ServerSideOptions<T extends JsonObject> = {
+    apiKey: string;
+    fallback?: T;
+};
+export type DynamicContentOptions<T extends JsonObject = JsonObject> = Omit<BaseDynamicOptions, 'version'> & ServerSideOptions<T>;
+export type StaticContentOptions<T extends JsonObject = JsonObject> = Omit<BaseStaticOptions, 'version'> & ServerSideOptions<T>;
+export type FetchOptions<T extends JsonObject = JsonObject> = DynamicContentOptions<T> | StaticContentOptions<T>;
+export declare function fetchContent<I extends VersionedSlotId, C extends JsonObject>(slotId: I, options?: FetchOptions<SlotContent<I, C>>): Promise<Omit<FetchResponse<I, C>, 'payload'>>;
+export {};

package/api/fetchContent.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchContent = void 0;
+const contentFetcher_1 = require("@croct/sdk/contentFetcher");
+function fetchContent(slotId, options) {
+    const { apiKey, fallback, ...fetchOptions } = options !== null && options !== void 0 ? options : {};
+    const promise = (new contentFetcher_1.ContentFetcher({ apiKey: apiKey }))
+        .fetch(slotId, fetchOptions);
+    if (fallback !== undefined) {
+        return promise.catch(() => ({
+            content: fallback,
+        }));
+    }
+    return promise;
+}
+exports.fetchContent = fetchContent;
+//# sourceMappingURL=fetchContent.js.map

package/api/fetchContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchContent.js","sourceRoot":"","sources":["../../src/api/fetchContent.ts"],"names":[],"mappings":";;;AAAA,8DAImC;AAkBnC,SAAgB,YAAY,CACxB,MAAS,EACT,OAAyC;IAEzC,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;IAC1D,MAAM,OAAO,GAAG,CAAC,IAAI,+BAAc,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;SACjD,KAAK,CAAoB,MAAM,EAAE,YAAY,CAAC,CAAC;IAEpD,IAAI,QAAQ,KAAK,SAAS,EAAE;QACxB,OAAO,OAAO,CAAC,KAAK,CAChB,GAAG,EAAE,CAAC,CAAC;YACH,OAAO,EAAE,QAAQ;SACpB,CAAC,CACL,CAAC;KACL;IAED,OAAO,OAAO,CAAC;AACnB,CAAC;AAjBD,oCAiBC"}

package/api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './evaluate';
+export * from './fetchContent';

package/api/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./evaluate"), exports);
+__exportStar(require("./fetchContent"), exports);
+//# sourceMappingURL=index.js.map

package/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,iDAA+B"}

package/components/Personalization/index.d.ts

@@ -1,10 +1,10 @@
-import { ReactChild, ReactElement } from 'react';
-import { JsonValue } from '@croct/plug/sdk/json';
-import { UseEvaluationOptions } from '../../hooks';
-declare type Renderer<T> = (result: T) => ReactChild;
-export declare type PersonalizationProps<T extends JsonValue = JsonValue, I = T, F = T> = UseEvaluationOptions<I, F> & {
-    expression: string;
-    children: Renderer<T | I | F>;
-};
-export declare function Personalization<T extends JsonValue, I, F>(props: Extract<T | I | F, JsonValue> extends never ? PersonalizationProps : PersonalizationProps<T, I, F>): ReactElement;
-export {};
+import { ReactElement } from 'react';
+import { JsonValue } from '@croct/plug/sdk/json';
+import { UseEvaluationOptions } from '../../hooks';
+type Renderer<T> = (result: T) => ReactElement | string | number;
+export type PersonalizationProps<T extends JsonValue = JsonValue, I = T, F = T> = UseEvaluationOptions<I, F> & {
+    query: string;
+    children: Renderer<T | I | F>;
+};
+export declare function Personalization<T extends JsonValue, I, F>(props: Extract<T | I | F, JsonValue> extends never ? PersonalizationProps : PersonalizationProps<T, I, F>): ReactElement;
+export {};

package/components/Personalization/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Personalization = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+function Personalization(props) {
+    const { query, children, ...options } = props;
+    const result = (0, hooks_1.useEvaluation)(query, options);
+    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: children(result) }));
+}
+exports.Personalization = Personalization;
+//# sourceMappingURL=index.js.map

package/components/Personalization/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Personalization/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6C;AAE7C,uCAAgE;AAgBhE,SAAgB,eAAe,CAAO,KAA4C;IAC9E,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAC,GAAG,KAAK,CAAC;IAC5C,MAAM,MAAM,GAAG,IAAA,qBAAa,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO,CAAC,uBAAC,gBAAQ,cAAE,QAAQ,CAAC,MAAM,CAAC,GAAY,CAAC,CAAC;AACrD,CAAC;AALD,0CAKC"}

package/components/Slot/index.d.ts

@@ -1,19 +1,19 @@
-import { ReactChild, ReactElement } from 'react';
-import { SlotContent, SlotId, SlotMap } from '@croct/plug/fetch';
-import { NullableJsonObject } from '@croct/plug/sdk/json';
-import { UseContentOptions } from '../../hooks';
-declare type Renderer<P> = (props: P) => ReactChild;
-export declare type SlotProps<P, I = P, F = P, S extends SlotId = SlotId> = UseContentOptions<I, F> & {
-    id: S;
-    children: Renderer<P | I | F>;
-};
-declare type SlotComponent = {
-    <P, I, F>(props: Extract<P | I | F, NullableJsonObject> extends never ? SlotProps<NullableJsonObject, never, never, keyof SlotMap extends never ? string : never> : SlotProps<P, I, F, keyof SlotMap extends never ? string : never>): ReactElement;
-    <S extends keyof SlotMap>(props: SlotProps<SlotContent<S>, never, never, S>): ReactElement;
-    <I, S extends keyof SlotMap>(props: SlotProps<SlotContent<S>, I, never, S>): ReactElement;
-    <F, S extends keyof SlotMap>(props: SlotProps<SlotContent<S>, never, F, S>): ReactElement;
-    <I, F, S extends keyof SlotMap>(props: SlotProps<SlotContent<S>, I, F, S>): ReactElement;
-    (props: SlotProps<void, void, void>): ReactElement;
-};
-export declare const Slot: SlotComponent;
-export {};
+import { ReactElement, ReactNode } from 'react';
+import { SlotContent, VersionedSlotId, VersionedSlotMap } from '@croct/plug/slot';
+import { JsonObject } from '@croct/plug/sdk/json';
+import { UseContentOptions } from '../../hooks';
+type Renderer<P> = (props: P) => ReactNode;
+export type SlotProps<P, I = P, F = P, S extends VersionedSlotId = VersionedSlotId> = UseContentOptions<I, F> & {
+    id: S;
+    children: Renderer<P | I | F>;
+};
+type SlotComponent = {
+    <P, I, F>(props: Extract<P | I | F, JsonObject> extends never ? SlotProps<JsonObject, never, never, keyof VersionedSlotMap extends never ? string : never> : SlotProps<P, I, F, keyof VersionedSlotMap extends never ? string : never>): ReactElement;
+    <S extends VersionedSlotId>(props: SlotProps<SlotContent<S>, never, never, S>): ReactElement;
+    <I, S extends VersionedSlotId>(props: SlotProps<SlotContent<S>, I, never, S>): ReactElement;
+    <F, S extends VersionedSlotId>(props: SlotProps<SlotContent<S>, never, F, S>): ReactElement;
+    <I, F, S extends VersionedSlotId>(props: SlotProps<SlotContent<S>, I, F, S>): ReactElement;
+    (props: SlotProps<void, void, void>): ReactElement;
+};
+export declare const Slot: SlotComponent;
+export {};

package/components/Slot/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const Slot = (props) => {
+    const { id, children, ...options } = props;
+    const data = (0, hooks_1.useContent)(id, options);
+    return (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: children(data) });
+};
+exports.Slot = Slot;
+//# sourceMappingURL=index.js.map

package/components/Slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slot/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwD;AAGxD,uCAA0D;AA4BnD,MAAM,IAAI,GAAkB,CAAO,KAAkC,EAAgB,EAAE;IAC1F,MAAM,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAC,GAAG,KAAK,CAAC;IACzC,MAAM,IAAI,GAAgC,IAAA,kBAAU,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAElE,OAAO,uBAAC,gBAAQ,cAAE,QAAQ,CAAC,IAAI,CAAC,GAAY,CAAC;AACjD,CAAC,CAAC;AALW,QAAA,IAAI,QAKf"}

package/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Personalization';
-export * from './Slot';
+export * from './Personalization';
+export * from './Slot';

package/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Personalization"), exports);
+__exportStar(require("./Slot"), exports);
+//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,yCAAuB"}

package/hooks/Cache.d.ts

@@ -1,22 +1,22 @@
-export declare type EntryLoader<R> = (...args: any) => Promise<R>;
-export declare type EntryOptions<R> = {
-    cacheKey: string;
-    loader: EntryLoader<R>;
-    fallback?: R;
-    expiration?: number;
-};
-declare type Entry<R = any> = {
-    promise: Promise<any>;
-    result?: R;
-    dispose: () => void;
-    timeout?: number;
-    error?: any;
-};
-export declare class Cache {
-    private readonly cache;
-    private readonly defaultExpiration;
-    constructor(defaultExpiration: number);
-    load<R>(configuration: EntryOptions<R>): R;
-    get<R>(cacheKey: string): Entry<R> | undefined;
-}
-export {};
+export type EntryLoader<R> = (...args: any) => Promise<R>;
+export type EntryOptions<R> = {
+    cacheKey: string;
+    loader: EntryLoader<R>;
+    fallback?: R;
+    expiration?: number;
+};
+type Entry<R = any> = {
+    promise: Promise<any>;
+    result?: R;
+    dispose: () => void;
+    timeout?: number;
+    error?: any;
+};
+export declare class Cache {
+    private readonly cache;
+    private readonly defaultExpiration;
+    constructor(defaultExpiration: number);
+    load<R>(configuration: EntryOptions<R>): R;
+    get<R>(cacheKey: string): Entry<R> | undefined;
+}
+export {};

package/hooks/Cache.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cache = void 0;
+class Cache {
+    constructor(defaultExpiration) {
+        this.cache = {};
+        this.defaultExpiration = defaultExpiration;
+    }
+    load(configuration) {
+        const { cacheKey, loader, fallback, expiration = this.defaultExpiration } = configuration;
+        const cachedEntry = this.get(cacheKey);
+        if (cachedEntry !== undefined) {
+            if (cachedEntry.error !== undefined) {
+                if (fallback !== undefined) {
+                    return fallback;
+                }
+                throw cachedEntry.error;
+            }
+            if (cachedEntry.result !== undefined) {
+                return cachedEntry.result;
+            }
+            throw cachedEntry.promise;
+        }
+        const entry = {
+            dispose: () => {
+                if (entry.timeout !== undefined || expiration < 0) {
+                    return;
+                }
+                entry.timeout = window.setTimeout(() => {
+                    delete this.cache[cacheKey];
+                }, expiration);
+            },
+            promise: loader()
+                .then((result) => {
+                entry.result = result;
+                return result;
+            })
+                .catch(error => {
+                entry.error = error;
+            })
+                .finally(() => {
+                entry.dispose();
+            }),
+        };
+        this.cache[cacheKey] = entry;
+        throw entry.promise;
+    }
+    get(cacheKey) {
+        const entry = this.cache[cacheKey];
+        if (entry === undefined) {
+            return undefined;
+        }
+        if (entry.timeout !== undefined) {
+            clearTimeout(entry.timeout);
+            delete entry.timeout;
+            entry.dispose();
+        }
+        return entry;
+    }
+}
+exports.Cache = Cache;
+//# sourceMappingURL=Cache.js.map

package/hooks/Cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cache.js","sourceRoot":"","sources":["../../src/hooks/Cache.ts"],"names":[],"mappings":";;;AAiBA,MAAa,KAAK;IAKd,YAAmB,iBAAyB;QAJ3B,UAAK,GAA0B,EAAE,CAAC;QAK/C,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IAC/C,CAAC;IAEM,IAAI,CAAI,aAA8B;QACzC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAC,GAAG,aAAa,CAAC;QAExF,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAI,QAAQ,CAAC,CAAC;QAE1C,IAAI,WAAW,KAAK,SAAS,EAAE;YAC3B,IAAI,WAAW,CAAC,KAAK,KAAK,SAAS,EAAE;gBACjC,IAAI,QAAQ,KAAK,SAAS,EAAE;oBACxB,OAAO,QAAQ,CAAC;iBACnB;gBAED,MAAM,WAAW,CAAC,KAAK,CAAC;aAC3B;YAED,IAAI,WAAW,CAAC,MAAM,KAAK,SAAS,EAAE;gBAClC,OAAO,WAAW,CAAC,MAAM,CAAC;aAC7B;YAED,MAAM,WAAW,CAAC,OAAO,CAAC;SAC7B;QAED,MAAM,KAAK,GAAa;YACpB,OAAO,EAAE,GAAG,EAAE;gBACV,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,UAAU,GAAG,CAAC,EAAE;oBAC/C,OAAO;iBACV;gBAED,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAC7B,GAAS,EAAE;oBACP,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBAChC,CAAC,EACD,UAAU,CACb,CAAC;YACN,CAAC;YACD,OAAO,EAAE,MAAM,EAAE;iBACZ,IAAI,CAAC,CAAC,MAAM,EAAK,EAAE;gBAChB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAEtB,OAAO,MAAM,CAAC;YAClB,CAAC,CAAC;iBACD,KAAK,CAAC,KAAK,CAAC,EAAE;gBACX,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YACxB,CAAC,CAAC;iBACD,OAAO,CAAC,GAAG,EAAE;gBACV,KAAK,CAAC,OAAO,EAAE,CAAC;YACpB,CAAC,CAAC;SACT,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;QAE7B,MAAM,KAAK,CAAC,OAAO,CAAC;IACxB,CAAC;IAEM,GAAG,CAAI,QAAgB;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEnC,IAAI,KAAK,KAAK,SAAS,EAAE;YACrB,OAAO,SAAS,CAAC;SACpB;QAED,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE;YAC7B,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAE5B,OAAO,KAAK,CAAC,OAAO,CAAC;YAErB,KAAK,CAAC,OAAO,EAAE,CAAC;SACnB;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AA/ED,sBA+EC"}

package/hooks/index.d.ts

@@ -1,3 +1,3 @@
-export * from './useEvaluation';
-export * from './useContent';
-export * from './useCroct';
+export * from './useEvaluation';
+export * from './useContent';
+export * from './useCroct';

package/hooks/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useEvaluation"), exports);
+__exportStar(require("./useContent"), exports);
+__exportStar(require("./useCroct"), exports);
+//# sourceMappingURL=index.js.map

package/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B"}

package/hooks/useContent.d.ts

@@ -1,17 +1,18 @@
-import { SlotContent, SlotMap } from '@croct/plug/fetch';
-import { NullableJsonObject } from '@croct/plug/sdk/json';
-export declare type UseContentOptions<I, F> = {
-    fallback?: F;
-    initial?: I;
-    cacheKey?: string;
-    expiration?: number;
-};
-declare type UseContentHook = {
-    <P extends NullableJsonObject, I = P, F = P>(id: keyof SlotMap extends never ? string : never, options?: UseContentOptions<I, F>): P | I | F;
-    <S extends keyof SlotMap>(id: S, options?: UseContentOptions<never, never>): SlotContent<S>;
-    <I, S extends keyof SlotMap>(id: S, options?: UseContentOptions<I, never>): SlotContent<S> | I;
-    <F, S extends keyof SlotMap>(id: S, options?: UseContentOptions<never, F>): SlotContent<S> | F;
-    <I, F, S extends keyof SlotMap>(id: S, options?: UseContentOptions<I, F>): SlotContent<S> | I | F;
-};
-export declare const useContent: UseContentHook;
-export {};
+import { SlotContent, VersionedSlotId, VersionedSlotMap } from '@croct/plug/slot';
+import { JsonObject } from '@croct/plug/sdk/json';
+import { FetchOptions } from '@croct/plug/plug';
+export type UseContentOptions<I, F> = FetchOptions & {
+    fallback?: F;
+    initial?: I;
+    cacheKey?: string;
+    expiration?: number;
+};
+type UseContentHook = {
+    <P extends JsonObject, I = P, F = P>(id: keyof VersionedSlotMap extends never ? string : never, options?: UseContentOptions<I, F>): P | I | F;
+    <S extends VersionedSlotId>(id: S, options?: UseContentOptions<never, never>): SlotContent<S>;
+    <I, S extends VersionedSlotId>(id: S, options?: UseContentOptions<I, never>): SlotContent<S> | I;
+    <F, S extends VersionedSlotId>(id: S, options?: UseContentOptions<never, F>): SlotContent<S> | F;
+    <I, F, S extends VersionedSlotId>(id: S, options?: UseContentOptions<I, F>): SlotContent<S> | I | F;
+};
+export declare const useContent: UseContentHook;
+export {};

package/hooks/useContent.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContent = void 0;
+const useLoader_1 = require("./useLoader");
+const useCroct_1 = require("./useCroct");
+const ssr_polyfills_1 = require("../ssr-polyfills");
+function useCsrContent(id, options = {}) {
+    const { fallback, initial, cacheKey, expiration, ...fetchOptions } = options;
+    const croct = (0, useCroct_1.useCroct)();
+    return (0, useLoader_1.useLoader)({
+        cacheKey: `useContent:${cacheKey !== null && cacheKey !== void 0 ? cacheKey : ''}:${id}`,
+        loader: () => croct.fetch(id, fetchOptions).then(({ content }) => content),
+        initial: initial,
+        fallback: fallback,
+        expiration: expiration,
+    });
+}
+function useSsrContent(_, { initial } = {}) {
+    if (initial === undefined) {
+        throw new Error('The initial value is required for server-side rendering (SSR).');
+    }
+    return initial;
+}
+exports.useContent = (0, ssr_polyfills_1.isSsr)() ? useSsrContent : useCsrContent;
+//# sourceMappingURL=useContent.js.map

package/hooks/useContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContent.js","sourceRoot":"","sources":["../../src/hooks/useContent.ts"],"names":[],"mappings":";;;AAGA,2CAAsC;AACtC,yCAAoC;AACpC,oDAAuC;AASvC,SAAS,aAAa,CAClB,EAAmB,EACnB,UAAmC,EAAE;IAErC,MAAM,EAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,YAAY,EAAC,GAAG,OAAO,CAAC;IAC3E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,qBAAS,EAAC;QACb,QAAQ,EAAE,cAAc,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,IAAI,EAAE,EAAE;QAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,OAAO,CAAC;QACxE,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,UAAU;KACzB,CAAC,CAAC;AACP,CAAC;AAED,SAAS,aAAa,CAClB,CAAkB,EAClB,EAAC,OAAO,KAA6B,EAAE;IAEvC,IAAI,OAAO,KAAK,SAAS,EAAE;QACvB,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;KACrF;IAED,OAAO,OAAO,CAAC;AACnB,CAAC;AA6BY,QAAA,UAAU,GAAmB,IAAA,qBAAK,GAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC"}

package/hooks/useCroct.d.ts

@@ -1,2 +1,2 @@
-import { Plug } from '@croct/plug';
-export declare function useCroct(): Plug;
+import { Plug } from '@croct/plug';
+export declare function useCroct(): Plug;

package/hooks/useCroct.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCroct = void 0;
+const react_1 = require("react");
+const CroctProvider_1 = require("../CroctProvider");
+function useCroct() {
+    const context = (0, react_1.useContext)(CroctProvider_1.CroctContext);
+    if (context === null) {
+        throw new Error('useCroct() can only be used in the context of a <CroctProvider> component.');
+    }
+    return context.plug;
+}
+exports.useCroct = useCroct;
+//# sourceMappingURL=useCroct.js.map

package/hooks/useCroct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCroct.js","sourceRoot":"","sources":["../../src/hooks/useCroct.ts"],"names":[],"mappings":";;;AACA,iCAAiC;AACjC,oDAA8C;AAE9C,SAAgB,QAAQ;IACpB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IAEzC,IAAI,OAAO,KAAK,IAAI,EAAE;QAClB,MAAM,IAAI,KAAK,CAAC,4EAA4E,CAAC,CAAC;KACjG;IAED,OAAO,OAAO,CAAC,IAAI,CAAC;AACxB,CAAC;AARD,4BAQC"}

package/hooks/useEvaluation.d.ts

@@ -1,11 +1,11 @@
-import { JsonValue } from '@croct/plug/sdk/json';
-import { EvaluationOptions } from '@croct/sdk/facade/evaluatorFacade';
-export declare type UseEvaluationOptions<I, F> = EvaluationOptions & {
-    initial?: I;
-    fallback?: F;
-    cacheKey?: string;
-    expiration?: number;
-};
-declare type UseEvaluationHook = <T extends JsonValue, I = T, F = T>(expression: string, options?: UseEvaluationOptions<I, F>) => T | I | F;
-export declare const useEvaluation: UseEvaluationHook;
-export {};
+import { JsonValue } from '@croct/plug/sdk/json';
+import { EvaluationOptions } from '@croct/sdk/facade/evaluatorFacade';
+export type UseEvaluationOptions<I, F> = EvaluationOptions & {
+    initial?: I;
+    fallback?: F;
+    cacheKey?: string;
+    expiration?: number;
+};
+type UseEvaluationHook = <T extends JsonValue, I = T, F = T>(query: string, options?: UseEvaluationOptions<I, F>) => T | I | F;
+export declare const useEvaluation: UseEvaluationHook;
+export {};

package/hooks/useEvaluation.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEvaluation = void 0;
+const useLoader_1 = require("./useLoader");
+const useCroct_1 = require("./useCroct");
+const ssr_polyfills_1 = require("../ssr-polyfills");
+function cleanEvaluationOptions(options) {
+    const result = {};
+    for (const [key, value] of Object.entries(options)) {
+        if (value !== undefined) {
+            result[key] = value;
+        }
+    }
+    return result;
+}
+function useCsrEvaluation(query, options = {}) {
+    var _a;
+    const { cacheKey, fallback, initial, expiration, ...evaluationOptions } = options;
+    const croct = (0, useCroct_1.useCroct)();
+    return (0, useLoader_1.useLoader)({
+        cacheKey: `useEvaluation:${cacheKey !== null && cacheKey !== void 0 ? cacheKey : ''}:${query}:${JSON.stringify((_a = options.attributes) !== null && _a !== void 0 ? _a : '')}`,
+        loader: () => croct.evaluate(query, cleanEvaluationOptions(evaluationOptions)),
+        initial: initial,
+        fallback: fallback,
+        expiration: expiration,
+    });
+}
+function useSsrEvaluation(_, { initial } = {}) {
+    if (initial === undefined) {
+        throw new Error('The initial value is required for server-side rendering (SSR).');
+    }
+    return initial;
+}
+exports.useEvaluation = (0, ssr_polyfills_1.isSsr)() ? useSsrEvaluation : useCsrEvaluation;
+//# sourceMappingURL=useEvaluation.js.map

package/hooks/useEvaluation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvaluation.js","sourceRoot":"","sources":["../../src/hooks/useEvaluation.ts"],"names":[],"mappings":";;;AAEA,2CAAsC;AACtC,yCAAoC;AACpC,oDAAuC;AAEvC,SAAS,sBAAsB,CAAC,OAA0B;IACtD,MAAM,MAAM,GAAsB,EAAE,CAAC;IAErC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAChD,IAAI,KAAK,KAAK,SAAS,EAAE;YACrB,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACvB;KACJ;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAcD,SAAS,gBAAgB,CACrB,KAAa,EACb,UAAsC,EAAE;;IAExC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAC,GAAG,OAAO,CAAC;IAChF,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,qBAAS,EAAY;QACxB,QAAQ,EAAE,iBAAiB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,IAAI,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,MAAA,OAAO,CAAC,UAAU,mCAAI,EAAE,CAAC,EAAE;QAChG,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAgB,KAAK,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;QAC7F,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,UAAU;KACzB,CAAC,CAAC;AACP,CAAC;AAED,SAAS,gBAAgB,CACrB,CAAS,EACT,EAAC,OAAO,KAAgC,EAAE;IAE1C,IAAI,OAAO,KAAK,SAAS,EAAE;QACvB,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;KACrF;IAED,OAAO,OAAO,CAAC;AACnB,CAAC;AAEY,QAAA,aAAa,GAAsB,IAAA,qBAAK,GAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC"}

package/hooks/useLoader.d.ts

@@ -1,5 +1,5 @@
-import { EntryOptions } from './Cache';
-export declare type CacheOptions<R> = EntryOptions<R> & {
-    initial?: R;
-};
-export declare function useLoader<R>({ initial, ...options }: CacheOptions<R>): R;
+import { EntryOptions } from './Cache';
+export type CacheOptions<R> = EntryOptions<R> & {
+    initial?: R;
+};
+export declare function useLoader<R>({ initial, ...options }: CacheOptions<R>): R;

package/hooks/useLoader.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoader = void 0;
+const react_1 = require("react");
+const Cache_1 = require("./Cache");
+const cache = new Cache_1.Cache(60 * 1000);
+function useLoader({ initial, ...options }) {
+    var _a;
+    const loadedValue = (_a = cache.get(options.cacheKey)) === null || _a === void 0 ? void 0 : _a.result;
+    const [value, setValue] = (0, react_1.useState)(loadedValue !== undefined ? loadedValue : initial);
+    const mountedRef = (0, react_1.useRef)(true);
+    const optionsRef = (0, react_1.useRef)(initial !== undefined ? options : undefined);
+    (0, react_1.useEffect)(() => {
+        if (optionsRef.current !== undefined) {
+            try {
+                setValue(cache.load(optionsRef.current));
+            }
+            catch (result) {
+                if (result instanceof Promise) {
+                    result.then((resolvedValue) => {
+                        if (mountedRef.current) {
+                            setValue(resolvedValue);
+                        }
+                    });
+                    return;
+                }
+                setValue(undefined);
+                return;
+            }
+        }
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    if (value === undefined) {
+        return cache.load(options);
+    }
+    return value;
+}
+exports.useLoader = useLoader;
+//# sourceMappingURL=useLoader.js.map

package/hooks/useLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoader.js","sourceRoot":"","sources":["../../src/hooks/useLoader.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAClD,mCAA4C;AAE5C,MAAM,KAAK,GAAG,IAAI,aAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;AAMnC,SAAgB,SAAS,CAAI,EAAC,OAAO,EAAE,GAAG,OAAO,EAAkB;;IAC/D,MAAM,WAAW,GAAgB,MAAA,KAAK,CAAC,GAAG,CAAI,OAAO,CAAC,QAAQ,CAAC,0CAAE,MAAM,CAAC;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACtF,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEvE,IAAA,iBAAS,EACL,GAAG,EAAE;QACD,IAAI,UAAU,CAAC,OAAO,KAAK,SAAS,EAAE;YAClC,IAAI;gBACA,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;aAC5C;YAAC,OAAO,MAAe,EAAE;gBACtB,IAAI,MAAM,YAAY,OAAO,EAAE;oBAC3B,MAAM,CAAC,IAAI,CAAC,CAAC,aAAgB,EAAE,EAAE;wBAC7B,IAAI,UAAU,CAAC,OAAO,EAAE;4BACpB,QAAQ,CAAC,aAAa,CAAC,CAAC;yBAC3B;oBACL,CAAC,CAAC,CAAC;oBAEH,OAAO;iBACV;gBAED,QAAQ,CAAC,SAAS,CAAC,CAAC;gBAEpB,OAAO;aACV;SACJ;QAED,OAAO,GAAG,EAAE;YACR,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC,CAAC;IACN,CAAC,EACD,EAAE,CACL,CAAC;IAEF,IAAI,KAAK,KAAK,SAAS,EAAE;QACrB,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC9B;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAxCD,8BAwCC"}

package/index.d.ts

@@ -1,3 +1,5 @@
-export * from './CroctProvider';
-export * from './hooks';
-export * from './components';
+export * from '@croct/plug/sdk/json';
+export * from '@croct/plug/slot';
+export * from './CroctProvider';
+export * from './hooks';
+export * from './components';