@fragmentsx/client-core 0.2.2 → 0.2.4

package/dist/fragmentsClient.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fragmentsClient.test.d.ts.map

package/dist/fragmentsClient.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragmentsClient.test.d.ts","sourceRoot":"","sources":["../src/fragmentsClient.test.ts"],"names":[],"mappings":""}

package/dist/index.cjs.js

@@ -232,6 +232,7 @@ const nodes = createConstants$1(
   "FragmentInstance",
   "Instance",
   "Collection",
+  "ArrayItem",
   "Breakpoint",
   "Frame",
   "Image",
@@ -251,6 +252,7 @@ const nodes = createConstants$1(
   "Classname",
   "GoalEvent",
   "MutateEvent",
+  "TextHighlight",
   "ImagePaint"
 );
 const fragmentGrowingMode = createConstants$1("auto", "fill");
@@ -1317,6 +1319,7 @@ const CssOverrideSchema = /* @__PURE__ */ object({
   textAlign: layerField(/* @__PURE__ */ string(), { fallback: "left" }),
   parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   link: layerField(linkValidator),
+  highlight: layerField(linkValidator),
   ...GraphFieldSchema.entries,
   ...OverridesSchema.entries,
   ...CssOverrideSchema.entries,
@@ -1556,7 +1559,7 @@ const CssOverrideSchema = /* @__PURE__ */ object({
     fallback: variableType.Array
   }),
   parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
-  defaultValue: layerField(/* @__PURE__ */ array(/* @__PURE__ */ any()), { fallback: [] }),
+  defaultValue: layerField(/* @__PURE__ */ array(linkValidator), { fallback: [] }),
   definition: layerField(linkValidator, { fallback: null }),
   required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
   ...GraphFieldSchema.entries
@@ -1667,6 +1670,23 @@ const CssOverrideSchema = /* @__PURE__ */ object({
   value: layerField(/* @__PURE__ */ any()),
   ...GraphFieldSchema.entries
 });
+/* @__PURE__ */ object({
+  color: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  lineHeight: layerField(/* @__PURE__ */ number(), { fallback: null }),
+  fontSize: layerField(/* @__PURE__ */ number(), { fallback: null }),
+  fontWeight: layerField(/* @__PURE__ */ union([/* @__PURE__ */ string(), /* @__PURE__ */ number()]), { fallback: 400 }),
+  fontFamily: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  textDecoration: layerField(/* @__PURE__ */ picklist(Object.keys(textDecorations)), {
+    fallback: null
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  ...GraphFieldSchema.entries
+});
+/* @__PURE__ */ object({
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  value: layerField(/* @__PURE__ */ any(), { fallback: null }),
+  ...GraphFieldSchema.entries
+});
 const BASE_HEADERS = {
   "Content-Type": "application/json"
 };
@@ -2331,7 +2351,7 @@ const fragmentStylesheetPlugin = (globalState) => (state) => {
   };
   return state;
 };
-const globalCss = '[data-key^="Fragment"] {\n    [data-key^="Text"] {\n        p {\n            margin: 0;\n            font-size: 14px;\n            color: #000;\n            font-weight: 400;\n        }\n    }\n\n    ul, ol {\n        padding: 0;\n    }\n\n    /* 1. Use a more-intuitive box-sizing model */\n\n    *, *::before, *::after {\n        box-sizing: border-box;\n    }\n\n    /* 2. Remove default margin */\n\n    * {\n        margin: 0;\n    }\n\n    /* 3. Enable keyword animations */\n    @media (prefers-reduced-motion: no-preference) {\n        html {\n            interpolate-size: allow-keywords;\n        }\n    }\n\n    body {\n        /* 4. Add accessible line-height */\n        line-height: 1.5;\n        /* 5. Improve text rendering */\n        -webkit-font-smoothing: antialiased;\n    }\n\n    /* 6. Improve media defaults */\n\n    img, picture, video, canvas, svg {\n        display: block;\n        max-width: 100%;\n    }\n\n    /* 7. Inherit fonts for form controls */\n\n    input, button, textarea, select {\n        font: inherit;\n    }\n\n    /* 8. Avoid text overflows */\n\n    p, h1, h2, h3, h4, h5, h6 {\n        overflow-wrap: break-word;\n    }\n\n    /*\n      10. Create a root stacking context\n    */\n\n    #root, #__next {\n        isolation: isolate;\n    }\n\n    a {\n        text-decoration: none;\n    }\n}\n';
+const globalCss = '[data-key^="Text"] {\n    p {\n        margin: 0;\n        font-size: 14px;\n        color: #000;\n        font-weight: 400;\n\n        * {\n            font-family: inherit;\n        }\n    }\n\n    /*overflow-wrap: break-word;*/\n}\n\n[data-key^="Fragment"] {\n\n    ul, ol {\n        padding: 0;\n    }\n\n    /* 1. Use a more-intuitive box-sizing model */\n\n    *, *::before, *::after {\n        box-sizing: border-box;\n    }\n\n    /* 2. Remove default margin */\n\n    * {\n        margin: 0;\n    }\n\n    /* 3. Enable keyword animations */\n    @media (prefers-reduced-motion: no-preference) {\n        html {\n            interpolate-size: allow-keywords;\n        }\n    }\n\n    body {\n        /* 4. Add accessible line-height */\n        line-height: 1.5;\n        /* 5. Improve text rendering */\n        -webkit-font-smoothing: antialiased;\n    }\n\n    /* 6. Improve media defaults */\n\n    img, picture, video, canvas, svg {\n        display: block;\n        max-width: 100%;\n    }\n\n    /* 7. Inherit fonts for form controls */\n\n    input, button, textarea, select {\n        font: inherit;\n    }\n\n    /* 8. Avoid text overflows */\n\n\n\n    /*\n      10. Create a root stacking context\n    */\n\n    #root, #__next {\n        isolation: isolate;\n    }\n\n    a {\n        text-decoration: none;\n    }\n}\n';
 const globalStylesheetPlugin = (state) => {
   if (!("$fragments" in state)) {
     throw new Error("GlobalStylesheetPlugin need $fragments plugin");
@@ -2773,5 +2793,22 @@ const ssrPlugin = (state) => {
   };
   return state;
 };
+function createTestFragmentsClient(options) {
+  const client = createFragmentsClient({
+    apiToken: (options == null ? void 0 : options.apiToken) ?? "test-token"
+  });
+  if ((options == null ? void 0 : options.fragments) && Object.keys(options.fragments).length > 0) {
+    Object.entries(options.fragments).forEach(([fragmentId, document2]) => {
+      client.$fetch.cacheDocuments.set(Number(fragmentId), document2);
+    });
+  }
+  if ((options == null ? void 0 : options.areas) && Object.keys(options.areas).length > 0) {
+    Object.entries(options.areas).forEach(([areaCode, entity]) => {
+      client.$fetch.cacheAreaDocuments.set(areaCode, entity);
+    });
+  }
+  return client;
+}
 exports.createFragmentsClient = createFragmentsClient;
+exports.createTestFragmentsClient = createTestFragmentsClient;
 exports.ssrPlugin = ssrPlugin;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { createFragmentsClient } from './fragmentsClient';
 export { ssrPlugin } from './plugins/ssr';
+export { createTestFragmentsClient, type TestFragmentsClientOptions, type FragmentDocument, type AreaCacheEntity, } from './testing/createTestFragmentsClient';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EACL,yBAAyB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,qCAAqC,CAAC"}

package/dist/index.es.js

@@ -230,6 +230,7 @@ const nodes = createConstants$1(
   "FragmentInstance",
   "Instance",
   "Collection",
+  "ArrayItem",
   "Breakpoint",
   "Frame",
   "Image",
@@ -249,6 +250,7 @@ const nodes = createConstants$1(
   "Classname",
   "GoalEvent",
   "MutateEvent",
+  "TextHighlight",
   "ImagePaint"
 );
 const fragmentGrowingMode = createConstants$1("auto", "fill");
@@ -1315,6 +1317,7 @@ const CssOverrideSchema = /* @__PURE__ */ object({
   textAlign: layerField(/* @__PURE__ */ string(), { fallback: "left" }),
   parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
   link: layerField(linkValidator),
+  highlight: layerField(linkValidator),
   ...GraphFieldSchema.entries,
   ...OverridesSchema.entries,
   ...CssOverrideSchema.entries,
@@ -1554,7 +1557,7 @@ const CssOverrideSchema = /* @__PURE__ */ object({
     fallback: variableType.Array
   }),
   parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
-  defaultValue: layerField(/* @__PURE__ */ array(/* @__PURE__ */ any()), { fallback: [] }),
+  defaultValue: layerField(/* @__PURE__ */ array(linkValidator), { fallback: [] }),
   definition: layerField(linkValidator, { fallback: null }),
   required: layerField(/* @__PURE__ */ boolean(), { fallback: false }),
   ...GraphFieldSchema.entries
@@ -1665,6 +1668,23 @@ const CssOverrideSchema = /* @__PURE__ */ object({
   value: layerField(/* @__PURE__ */ any()),
   ...GraphFieldSchema.entries
 });
+/* @__PURE__ */ object({
+  color: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  lineHeight: layerField(/* @__PURE__ */ number(), { fallback: null }),
+  fontSize: layerField(/* @__PURE__ */ number(), { fallback: null }),
+  fontWeight: layerField(/* @__PURE__ */ union([/* @__PURE__ */ string(), /* @__PURE__ */ number()]), { fallback: 400 }),
+  fontFamily: layerField(/* @__PURE__ */ string(), { fallback: null }),
+  textDecoration: layerField(/* @__PURE__ */ picklist(Object.keys(textDecorations)), {
+    fallback: null
+  }),
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  ...GraphFieldSchema.entries
+});
+/* @__PURE__ */ object({
+  parent: layerField(/* @__PURE__ */ nullable(/* @__PURE__ */ string()), { overridable: false }),
+  value: layerField(/* @__PURE__ */ any(), { fallback: null }),
+  ...GraphFieldSchema.entries
+});
 const BASE_HEADERS = {
   "Content-Type": "application/json"
 };
@@ -2329,7 +2349,7 @@ const fragmentStylesheetPlugin = (globalState) => (state) => {
   };
   return state;
 };
-const globalCss = '[data-key^="Fragment"] {\n    [data-key^="Text"] {\n        p {\n            margin: 0;\n            font-size: 14px;\n            color: #000;\n            font-weight: 400;\n        }\n    }\n\n    ul, ol {\n        padding: 0;\n    }\n\n    /* 1. Use a more-intuitive box-sizing model */\n\n    *, *::before, *::after {\n        box-sizing: border-box;\n    }\n\n    /* 2. Remove default margin */\n\n    * {\n        margin: 0;\n    }\n\n    /* 3. Enable keyword animations */\n    @media (prefers-reduced-motion: no-preference) {\n        html {\n            interpolate-size: allow-keywords;\n        }\n    }\n\n    body {\n        /* 4. Add accessible line-height */\n        line-height: 1.5;\n        /* 5. Improve text rendering */\n        -webkit-font-smoothing: antialiased;\n    }\n\n    /* 6. Improve media defaults */\n\n    img, picture, video, canvas, svg {\n        display: block;\n        max-width: 100%;\n    }\n\n    /* 7. Inherit fonts for form controls */\n\n    input, button, textarea, select {\n        font: inherit;\n    }\n\n    /* 8. Avoid text overflows */\n\n    p, h1, h2, h3, h4, h5, h6 {\n        overflow-wrap: break-word;\n    }\n\n    /*\n      10. Create a root stacking context\n    */\n\n    #root, #__next {\n        isolation: isolate;\n    }\n\n    a {\n        text-decoration: none;\n    }\n}\n';
+const globalCss = '[data-key^="Text"] {\n    p {\n        margin: 0;\n        font-size: 14px;\n        color: #000;\n        font-weight: 400;\n\n        * {\n            font-family: inherit;\n        }\n    }\n\n    /*overflow-wrap: break-word;*/\n}\n\n[data-key^="Fragment"] {\n\n    ul, ol {\n        padding: 0;\n    }\n\n    /* 1. Use a more-intuitive box-sizing model */\n\n    *, *::before, *::after {\n        box-sizing: border-box;\n    }\n\n    /* 2. Remove default margin */\n\n    * {\n        margin: 0;\n    }\n\n    /* 3. Enable keyword animations */\n    @media (prefers-reduced-motion: no-preference) {\n        html {\n            interpolate-size: allow-keywords;\n        }\n    }\n\n    body {\n        /* 4. Add accessible line-height */\n        line-height: 1.5;\n        /* 5. Improve text rendering */\n        -webkit-font-smoothing: antialiased;\n    }\n\n    /* 6. Improve media defaults */\n\n    img, picture, video, canvas, svg {\n        display: block;\n        max-width: 100%;\n    }\n\n    /* 7. Inherit fonts for form controls */\n\n    input, button, textarea, select {\n        font: inherit;\n    }\n\n    /* 8. Avoid text overflows */\n\n\n\n    /*\n      10. Create a root stacking context\n    */\n\n    #root, #__next {\n        isolation: isolate;\n    }\n\n    a {\n        text-decoration: none;\n    }\n}\n';
 const globalStylesheetPlugin = (state) => {
   if (!("$fragments" in state)) {
     throw new Error("GlobalStylesheetPlugin need $fragments plugin");
@@ -2771,7 +2791,24 @@ const ssrPlugin = (state) => {
   };
   return state;
 };
+function createTestFragmentsClient(options) {
+  const client = createFragmentsClient({
+    apiToken: (options == null ? void 0 : options.apiToken) ?? "test-token"
+  });
+  if ((options == null ? void 0 : options.fragments) && Object.keys(options.fragments).length > 0) {
+    Object.entries(options.fragments).forEach(([fragmentId, document2]) => {
+      client.$fetch.cacheDocuments.set(Number(fragmentId), document2);
+    });
+  }
+  if ((options == null ? void 0 : options.areas) && Object.keys(options.areas).length > 0) {
+    Object.entries(options.areas).forEach(([areaCode, entity]) => {
+      client.$fetch.cacheAreaDocuments.set(areaCode, entity);
+    });
+  }
+  return client;
+}
 export {
   createFragmentsClient,
+  createTestFragmentsClient,
   ssrPlugin
 };

package/dist/plugins/fetch/fetcher.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fetcher.test.d.ts.map

package/dist/plugins/fetch/fetcher.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/fetch/fetcher.test.ts"],"names":[],"mappings":""}

package/dist/plugins/load/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/plugins/load/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/load/index.test.ts"],"names":[],"mappings":""}

package/dist/plugins/ssr/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/plugins/ssr/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/ssr/index.test.ts"],"names":[],"mappings":""}

package/dist/plugins/styleSheet/utils/buildCssBlock.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=buildCssBlock.test.d.ts.map

package/dist/plugins/styleSheet/utils/buildCssBlock.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCssBlock.test.d.ts","sourceRoot":"","sources":["../../../../src/plugins/styleSheet/utils/buildCssBlock.test.ts"],"names":[],"mappings":""}

package/dist/plugins/styleSheet/utils/compareRules.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compareRules.test.d.ts.map

package/dist/plugins/styleSheet/utils/compareRules.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compareRules.test.d.ts","sourceRoot":"","sources":["../../../../src/plugins/styleSheet/utils/compareRules.test.ts"],"names":[],"mappings":""}

package/dist/plugins/styleSheet/utils/getAllChildren.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=getAllChildren.test.d.ts.map

package/dist/plugins/styleSheet/utils/getAllChildren.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAllChildren.test.d.ts","sourceRoot":"","sources":["../../../../src/plugins/styleSheet/utils/getAllChildren.test.ts"],"names":[],"mappings":""}

package/dist/plugins/styleSheet/utils/toCSS.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toCSS.test.d.ts.map

package/dist/plugins/styleSheet/utils/toCSS.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toCSS.test.d.ts","sourceRoot":"","sources":["../../../../src/plugins/styleSheet/utils/toCSS.test.ts"],"names":[],"mappings":""}

package/dist/testing/createTestFragmentsClient.d.ts

@@ -0,0 +1,31 @@
+import { GraphState } from '@graph-state/core';
+/**
+ * Document object for a fragment. Must have _type: "Fragment" and _id.
+ * Structure matches save.json / API response.
+ */
+export type FragmentDocument = {
+    _type: string;
+    _id: string;
+    children?: unknown[];
+    [key: string]: unknown;
+};
+/**
+ * Area cache entity as stored by fetch plugin.
+ */
+export interface AreaCacheEntity {
+    fragmentId: number;
+    props: Record<string, unknown>;
+}
+export interface TestFragmentsClientOptions {
+    apiToken?: string;
+    /** Pre-seeded fragment documents: fragmentId -> document */
+    fragments?: Record<number, FragmentDocument>;
+    /** Pre-seeded area cache: areaCode -> entity */
+    areas?: Record<string, AreaCacheEntity>;
+}
+/**
+ * Creates a fragments client for testing with pre-seeded cache.
+ * loadFragment/loadArea will use cached data—no network requests.
+ */
+export declare function createTestFragmentsClient(options?: TestFragmentsClientOptions): GraphState;
+//# sourceMappingURL=createTestFragmentsClient.d.ts.map

package/dist/testing/createTestFragmentsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTestFragmentsClient.d.ts","sourceRoot":"","sources":["../../src/testing/createTestFragmentsClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC7C,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,CAAC,EAAE,0BAA0B,GACnC,UAAU,CAkBZ"}

package/dist/testing/createTestFragmentsClient.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createTestFragmentsClient.test.d.ts.map

package/dist/testing/createTestFragmentsClient.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTestFragmentsClient.test.d.ts","sourceRoot":"","sources":["../../src/testing/createTestFragmentsClient.test.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fragmentsx/client-core",
   "private": false,
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "files": [
     "dist"
@@ -21,8 +21,8 @@
   "dependencies": {
     "@graph-state/checkers": "^0.1.3",
     "@graph-state/core": "^0.13.2",
-    "@fragmentsx/utils": "0.2.0",
-    "@fragmentsx/definition": "0.2.0"
+    "@fragmentsx/definition": "0.2.2",
+    "@fragmentsx/utils": "0.2.0"
   },
   "devDependencies": {
     "@graph-state/plugin-logger": "^0.3.0",