@makeswift/runtime 0.13.1 → 0.14.1

package/dist/cjs/next/client.js

@@ -0,0 +1,420 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var client_exports = {};
+__export(client_exports, {
+  Makeswift: () => Makeswift
+});
+module.exports = __toCommonJS(client_exports);
+var import_zod = require("zod");
+var import_api = require("../api");
+var import_client = require("../api/graphql/client");
+var import_documents = require("../api/graphql/documents");
+var import_introspection = require("../prop-controllers/introspection");
+var import_react2 = require("../runtimes/react");
+var import_react_page = require("../state/react-page");
+var import_preview_mode = require("./preview-mode");
+const pagePathnameSlicesAPISchema = import_zod.z.array(
+  import_zod.z.object({
+    id: import_zod.z.string(),
+    basePageId: import_zod.z.string(),
+    pathname: import_zod.z.string(),
+    __typename: import_zod.z.literal("PagePathnameSlice")
+  }).nullable()
+);
+const getPageAPISchema = import_zod.z.object({
+  pathname: import_zod.z.string(),
+  locale: import_zod.z.string(),
+  alternate: import_zod.z.array(
+    import_zod.z.object({
+      pathname: import_zod.z.string(),
+      locale: import_zod.z.string()
+    })
+  )
+});
+class Makeswift {
+  apiKey;
+  apiOrigin;
+  graphqlClient;
+  runtime;
+  static getSiteVersion(previewData) {
+    return (0, import_preview_mode.getMakeswiftSiteVersion)(previewData) ?? import_preview_mode.MakeswiftSiteVersion.Live;
+  }
+  constructor(apiKey, { apiOrigin = "https://api.makeswift.com", runtime = import_react2.ReactRuntime } = {}) {
+    if (typeof apiKey !== "string") {
+      throw new Error(
+        `The Makeswift client must be passed a valid Makeswift site API key: \`new Makeswift('<makeswift_site_api_key>')\`
+Received "${apiKey}" instead.`
+      );
+    }
+    this.apiKey = apiKey;
+    try {
+      this.apiOrigin = new URL(apiOrigin);
+    } catch {
+      throw new Error(
+        `The Makeswift client received an invalid \`apiOrigin\` parameter: "${apiOrigin}".`
+      );
+    }
+    this.graphqlClient = new import_client.GraphQLClient(new URL("graphql", apiOrigin).href);
+    this.runtime = runtime;
+  }
+  async fetch(path, siteVersion = import_preview_mode.MakeswiftSiteVersion.Live, init) {
+    const response = await fetch(new URL(path, this.apiOrigin).toString(), {
+      ...init,
+      headers: {
+        ["X-API-Key"]: this.apiKey,
+        "Makeswift-Site-API-Key": this.apiKey,
+        "Makeswift-Site-Version": siteVersion,
+        ...init?.headers
+      }
+    });
+    return response;
+  }
+  async getPages({
+    siteVersion = import_preview_mode.MakeswiftSiteVersion.Live
+  } = {}) {
+    const response = await this.fetch(`v3/pages`, siteVersion);
+    if (!response.ok) {
+      console.error("Failed to get pages", await response.json());
+      throw new Error(`Failed to get pages with error: "${response.statusText}"`);
+    }
+    const json = await response.json();
+    return json;
+  }
+  async getPage(pathname, {
+    siteVersion = import_preview_mode.MakeswiftSiteVersion.Live,
+    locale: localeInput
+  } = {}) {
+    const url = new URL(`v2/pages/${encodeURIComponent(pathname)}`, this.apiOrigin);
+    if (localeInput)
+      url.searchParams.set("locale", localeInput);
+    const response = await this.fetch(url.pathname + url.search, siteVersion);
+    if (!response.ok) {
+      if (response.status === 404)
+        return null;
+      console.error("Failed to get page snapshot", await response.json());
+      throw new Error(`Failed to get page snapshot with error: "${response.statusText}"`);
+    }
+    const json = await response.json();
+    return getPageAPISchema.parse(json);
+  }
+  async getTypographies(typographyIds, siteVersion) {
+    if (typographyIds.length === 0)
+      return [];
+    const url = new URL(`v2/typographies/bulk`, this.apiOrigin);
+    typographyIds.forEach((id) => {
+      url.searchParams.append("ids", id);
+    });
+    const response = await this.fetch(url.pathname + url.search, siteVersion);
+    if (!response.ok) {
+      console.error("Failed to get typographies", await response.json());
+      return [];
+    }
+    const body = await response.json();
+    return body;
+  }
+  async getSwatches(ids, siteVersion) {
+    if (ids.length === 0)
+      return [];
+    const url = new URL(`v2/swatches/bulk`, this.apiOrigin);
+    ids.forEach((id) => {
+      url.searchParams.append("ids", id);
+    });
+    const response = await this.fetch(url.pathname + url.search, siteVersion);
+    if (!response.ok) {
+      console.error("Failed to get swatches", await response.json());
+      return [];
+    }
+    return await response.json();
+  }
+  async getIntrospectedResources({
+    swatchIds,
+    ...introspectedResourceIds
+  }, siteVersion) {
+    const result = await this.graphqlClient.request(import_documents.IntrospectedResourcesQuery, introspectedResourceIds);
+    const swatches = await this.getSwatches(swatchIds, siteVersion);
+    return { ...result, swatches };
+  }
+  async introspect(element, siteVersion, locale) {
+    const runtime = this.runtime;
+    const descriptors = (0, import_react_page.getPropControllerDescriptors)(runtime.store.getState());
+    const swatchIds = /* @__PURE__ */ new Set();
+    const fileIds = /* @__PURE__ */ new Set();
+    const typographyIds = /* @__PURE__ */ new Set();
+    const tableIds = /* @__PURE__ */ new Set();
+    const pageIds = /* @__PURE__ */ new Set();
+    const globalElements = /* @__PURE__ */ new Map();
+    const localizedGlobalElements = /* @__PURE__ */ new Map();
+    const localizedResourcesMap = /* @__PURE__ */ new Map();
+    const remaining = [element];
+    const seen = /* @__PURE__ */ new Set();
+    let current;
+    while (current = remaining.pop()) {
+      let getResourcesFromElementDescriptors2 = function(elementDescriptors2, props) {
+        Object.entries(elementDescriptors2).forEach(([propName, descriptor]) => {
+          (0, import_introspection.getSwatchIds)(descriptor, props[propName]).forEach((swatchId) => {
+            swatchIds.add(swatchId);
+          });
+          (0, import_introspection.getFileIds)(descriptor, props[propName]).forEach((fileId) => fileIds.add(fileId));
+          (0, import_introspection.getTypographyIds)(descriptor, props[propName]).forEach(
+            (typographyId) => typographyIds.add(typographyId)
+          );
+          (0, import_introspection.getTableIds)(descriptor, props[propName]).forEach((tableId) => tableIds.add(tableId));
+          (0, import_introspection.getPageIds)(descriptor, props[propName]).forEach((pageId) => pageIds.add(pageId));
+          (0, import_introspection.getElementChildren)(descriptor, props[propName]).forEach((child) => {
+            if (!seen.has(child.key)) {
+              seen.add(child.key);
+              remaining.push(child);
+            }
+          });
+        });
+      };
+      var getResourcesFromElementDescriptors = getResourcesFromElementDescriptors2;
+      let element2;
+      if ((0, import_react_page.isElementReference)(current)) {
+        const globalElementId = current.value;
+        const globalElement = await this.getGlobalElement(globalElementId, siteVersion);
+        let elementData = globalElement?.data;
+        if (locale) {
+          const localizedGlobalElement = await this.getLocalizedGlobalElement(
+            globalElementId,
+            locale,
+            siteVersion
+          );
+          localizedResourcesMap.set(globalElementId, localizedGlobalElement?.id ?? null);
+          if (localizedGlobalElement) {
+            elementData = localizedGlobalElement.data;
+            localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement);
+          }
+        }
+        globalElements.set(globalElementId, globalElement);
+        if (elementData == null)
+          continue;
+        element2 = elementData;
+      } else {
+        element2 = current;
+      }
+      const elementDescriptors = descriptors.get(element2.type);
+      if (elementDescriptors == null)
+        continue;
+      getResourcesFromElementDescriptors2(elementDescriptors, element2.props);
+    }
+    const typographies = await this.getTypographies([...typographyIds], siteVersion);
+    typographies.forEach((typography) => {
+      typography?.style.forEach((style) => {
+        const swatchId = style.value.color?.swatchId;
+        if (swatchId != null)
+          swatchIds.add(swatchId);
+      });
+    });
+    const pagePathnames = await this.getPagePathnameSlices([...pageIds], siteVersion, { locale });
+    const { swatches, files, tables } = await this.getIntrospectedResources(
+      {
+        swatchIds: [...swatchIds],
+        fileIds: [...fileIds],
+        tableIds: [...tableIds]
+      },
+      siteVersion
+    );
+    const cacheData = {
+      [import_api.APIResourceType.Swatch]: [...swatchIds].map((id) => ({
+        id,
+        value: swatches.find((swatch) => swatch?.id === id) ?? null
+      })),
+      [import_api.APIResourceType.File]: [...fileIds].map((id) => ({
+        id,
+        value: files.find((file) => file?.id === id) ?? null
+      })),
+      [import_api.APIResourceType.Typography]: [...typographyIds].map((id) => ({
+        id,
+        value: typographies.find((typography) => typography?.id === id) ?? null
+      })),
+      [import_api.APIResourceType.Table]: [...tableIds].map((id) => ({
+        id,
+        value: tables.find((table) => table?.id === id) ?? null
+      })),
+      [import_api.APIResourceType.PagePathnameSlice]: [...pageIds].map((id) => ({
+        id,
+        value: pagePathnames.find((pagePathnameSlice) => pagePathnameSlice?.id === id) ?? null
+      })),
+      [import_api.APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({
+        id,
+        value
+      })),
+      [import_api.APIResourceType.LocalizedGlobalElement]: [...localizedGlobalElements.entries()].map(
+        ([id, value]) => ({
+          id,
+          value
+        })
+      )
+    };
+    return { cacheData, localizedResourcesMap: Object.fromEntries(localizedResourcesMap.entries()) };
+  }
+  async getPageSnapshot(pathname, { siteVersion, locale: localeInput }) {
+    const searchParams = new URLSearchParams();
+    if (localeInput) {
+      searchParams.set("locale", localeInput);
+    }
+    const response = await this.fetch(
+      `v3/pages/${encodeURIComponent(pathname)}/document?${searchParams.toString()}`,
+      siteVersion
+    );
+    if (!response.ok) {
+      if (response.status === 404)
+        return null;
+      console.error("Failed to get page snapshot", await response.json());
+      throw new Error(`Failed to get page snapshot with error: "${response.statusText}"`);
+    }
+    const document = await response.json();
+    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null);
+    const locale = document.locale;
+    const { cacheData, localizedResourcesMap } = await this.introspect(
+      baseLocalizedPage?.data ?? document.data,
+      siteVersion,
+      locale ?? void 0
+    );
+    const apiOrigin = this.apiOrigin.href;
+    const preview = siteVersion === import_preview_mode.MakeswiftSiteVersion.Working;
+    return {
+      document,
+      cacheData,
+      apiOrigin,
+      preview,
+      localizedResourcesMap,
+      locale
+    };
+  }
+  async getSwatch(swatchId, siteVersion) {
+    const response = await this.fetch(`v2/swatches/${swatchId}`, siteVersion);
+    if (!response.ok) {
+      if (response.status !== 404)
+        console.error("Failed to get swatch", await response.json());
+      return null;
+    }
+    const swatch = await response.json();
+    return swatch;
+  }
+  async getFile(fileId) {
+    const result = await this.graphqlClient.request(
+      import_documents.FileQuery,
+      { fileId }
+    );
+    return result.file;
+  }
+  async getTypography(typographyId, siteVersion) {
+    const response = await this.fetch(`v2/typographies/${typographyId}`, siteVersion);
+    if (!response.ok) {
+      if (response.status !== 404)
+        console.error("Failed to get typography", await response.json());
+      return null;
+    }
+    const typography = await response.json();
+    return typography;
+  }
+  async getGlobalElement(globalElementId, siteVersion) {
+    const response = await this.fetch(`v2/global-elements/${globalElementId}`, siteVersion);
+    if (!response.ok) {
+      if (response.status !== 404)
+        console.error("Failed to get global element", await response.json());
+      return null;
+    }
+    const globalElement = await response.json();
+    return globalElement;
+  }
+  async getLocalizedGlobalElement(globalElementId, locale, siteVersion) {
+    const response = await this.fetch(
+      `v2/localized-global-elements/${globalElementId}?locale=${locale}`,
+      siteVersion
+    );
+    if (!response.ok) {
+      if (response.status !== 404)
+        console.error("Failed to get localized global element", await response.json());
+      return null;
+    }
+    const localizedGlobalElement = await response.json();
+    return localizedGlobalElement;
+  }
+  async getPagePathnameSlices(pageIds, siteVersion, { locale }) {
+    if (pageIds.length === 0)
+      return [];
+    const url = new URL(`v2/page-pathname-slices/bulk`, this.apiOrigin);
+    pageIds.forEach((id) => url.searchParams.append("ids", id));
+    if (locale != null)
+      url.searchParams.set("locale", locale);
+    const response = await this.fetch(url.pathname + url.search, siteVersion);
+    if (!response.ok) {
+      console.error("Failed to get page pathname slices", await response.json());
+      return [];
+    }
+    const json = await response.json();
+    const pagePathnameSlices = pagePathnameSlicesAPISchema.parse(json);
+    return pagePathnameSlices.map((pagePathnameSlice) => {
+      if (pagePathnameSlice == null)
+        return null;
+      return {
+        id: pagePathnameSlice.basePageId,
+        pathname: pagePathnameSlice.pathname,
+        __typename: pagePathnameSlice.__typename
+      };
+    });
+  }
+  async getPagePathnameSlice(pageId, siteVersion, { locale } = {}) {
+    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale });
+    return pagePathnameSlices.at(0) ?? null;
+  }
+  async getTable(tableId) {
+    const result = await this.graphqlClient.request(
+      import_documents.TableQuery,
+      { tableId }
+    );
+    return result.table;
+  }
+  async getSitemap({
+    limit = 50,
+    after,
+    pathnamePrefix,
+    locale
+  } = {}) {
+    const url = new URL("v1/sitemap", this.apiOrigin);
+    url.searchParams.set("limit", limit.toString());
+    if (after != null)
+      url.searchParams.set("after", after);
+    if (pathnamePrefix != null)
+      url.searchParams.set("pathnamePrefix", pathnamePrefix);
+    if (locale != null)
+      url.searchParams.set("locale", locale);
+    const response = await this.fetch(url.pathname + url.search);
+    if (!response.ok) {
+      console.error("Failed to get sitemap", await response.json());
+      throw new Error(`Failed to get sitemap with error: "${response.statusText}"`);
+    }
+    const sitemap = await response.json();
+    return sitemap;
+  }
+  getTranslatableData(elementTree) {
+    return this.runtime.getTranslatableData(elementTree);
+  }
+  mergeTranslatedData(elementTree, translatedData) {
+    return this.runtime.mergeTranslatedData(elementTree, translatedData);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Makeswift
+});
+//# sourceMappingURL=client.js.map

package/dist/cjs/next/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/next/client.ts"],"sourcesContent":["import { PreviewData } from 'next'\nimport { z } from 'zod'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../api'\nimport { GraphQLClient } from '../api/graphql/client'\nimport { FileQuery, IntrospectedResourcesQuery, TableQuery } from '../api/graphql/documents'\nimport {\n  FileQueryResult,\n  FileQueryVariables,\n  IntrospectedResourcesQueryResult,\n  IntrospectedResourcesQueryVariables,\n  TableQueryResult,\n  TableQueryVariables,\n} from '../api/graphql/generated/types'\nimport { CacheData, SerializedLocalizedResourcesMap } from '../api/react'\nimport { Descriptor as PropControllerDescriptor } from '../prop-controllers/descriptors'\nimport {\n  getElementChildren,\n  getSwatchIds,\n  getFileIds,\n  getPageIds,\n  getTableIds,\n  getTypographyIds,\n} from '../prop-controllers/introspection'\nimport { ReactRuntime } from '../runtimes/react'\nimport {\n  Element,\n  ElementData,\n  getPropControllerDescriptors,\n  isElementReference,\n  Data,\n} from '../state/react-page'\nimport { getMakeswiftSiteVersion, MakeswiftSiteVersion } from './preview-mode'\n\nexport type MakeswiftPage = {\n  id: string\n  path: string\n}\n\nexport type MakeswiftPageDocument = {\n  id: string\n  site: { id: string }\n  data: Element\n  snippets: Snippet[]\n  fonts: Font[]\n  meta: Meta\n  seo: Seo\n  localizedPages: LocalizedPage[]\n  locale: string | null\n}\n\nexport type MakeswiftPageSnapshot = {\n  document: MakeswiftPageDocument\n  apiOrigin: string\n  cacheData: CacheData\n  preview: boolean\n  localizedResourcesMap: SerializedLocalizedResourcesMap\n  locale: string | null\n}\n\ntype Snippet = {\n  id: string\n  code: string\n  location: 'HEAD' | 'BODY'\n  liveEnabled: boolean\n  builderEnabled: boolean\n  cleanup: string | null\n}\ntype Font = { family: string; variants: string[] }\n\ntype Meta = {\n  title?: string | null\n  description?: string | null\n  keywords?: string | null\n  socialImage?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n  favicon?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n}\ntype Seo = {\n  canonicalUrl?: string | null\n  isIndexingBlocked?: boolean | null\n}\n\ntype LocalizedPage = {\n  id: string\n  data: Element\n  elementTreeId: string\n  parentId: string | null\n  meta: Omit<Meta, 'favicon'>\n  seo: Seo\n}\n\ntype MakeswiftConfig = {\n  apiOrigin?: string\n  runtime?: ReactRuntime\n}\n\nexport type Sitemap = {\n  id: string\n  loc: string\n  lastmod?: string\n  changefreq?: 'always' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never'\n  priority?: number\n  alternateRefs?: {\n    hreflang: string\n    href: string\n  }[]\n}[]\n\nconst pagePathnameSlicesAPISchema = z.array(\n  z\n    .object({\n      id: z.string(),\n      basePageId: z.string(),\n      pathname: z.string(),\n      __typename: z.literal('PagePathnameSlice'),\n    })\n    .nullable(),\n)\n\nconst getPageAPISchema = z.object({\n  pathname: z.string(),\n  locale: z.string(),\n  alternate: z.array(\n    z.object({\n      pathname: z.string(),\n      locale: z.string(),\n    }),\n  ),\n})\n\ntype GetPageAPI = z.infer<typeof getPageAPISchema>\n\nexport class Makeswift {\n  private apiKey: string\n  private apiOrigin: URL\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntime\n\n  static getSiteVersion(previewData: PreviewData): MakeswiftSiteVersion {\n    return getMakeswiftSiteVersion(previewData) ?? MakeswiftSiteVersion.Live\n  }\n\n  constructor(\n    apiKey: string,\n    { apiOrigin = 'https://api.makeswift.com', runtime = ReactRuntime }: MakeswiftConfig = {},\n  ) {\n    if (typeof apiKey !== 'string') {\n      throw new Error(\n        'The Makeswift client must be passed a valid Makeswift site API key: ' +\n          \"`new Makeswift('<makeswift_site_api_key>')`\\n\" +\n          `Received \"${apiKey}\" instead.`,\n      )\n    }\n\n    this.apiKey = apiKey\n\n    try {\n      this.apiOrigin = new URL(apiOrigin)\n    } catch {\n      throw new Error(\n        `The Makeswift client received an invalid \\`apiOrigin\\` parameter: \"${apiOrigin}\".`,\n      )\n    }\n\n    this.graphqlClient = new GraphQLClient(new URL('graphql', apiOrigin).href)\n    this.runtime = runtime\n  }\n\n  private async fetch(\n    path: string,\n    siteVersion: MakeswiftSiteVersion = MakeswiftSiteVersion.Live,\n    init?: RequestInit,\n  ): Promise<Response> {\n    const response = await fetch(new URL(path, this.apiOrigin).toString(), {\n      ...init,\n      headers: {\n        ['X-API-Key']: this.apiKey,\n        'Makeswift-Site-API-Key': this.apiKey,\n        'Makeswift-Site-Version': siteVersion,\n        ...init?.headers,\n      },\n    })\n\n    return response\n  }\n\n  async getPages({\n    siteVersion = MakeswiftSiteVersion.Live,\n  }: {\n    siteVersion?: MakeswiftSiteVersion\n  } = {}): Promise<MakeswiftPage[]> {\n    const response = await this.fetch(`v3/pages`, siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to get pages', await response.json())\n      throw new Error(`Failed to get pages with error: \"${response.statusText}\"`)\n    }\n\n    const json = await response.json()\n\n    return json\n  }\n\n  async getPage(\n    pathname: string,\n    {\n      siteVersion = MakeswiftSiteVersion.Live,\n      locale: localeInput,\n    }: { siteVersion?: MakeswiftSiteVersion; locale?: string } = {},\n  ): Promise<GetPageAPI | null> {\n    const url = new URL(`v2/pages/${encodeURIComponent(pathname)}`, this.apiOrigin)\n    if (localeInput) url.searchParams.set('locale', localeInput)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error('Failed to get page snapshot', await response.json())\n      throw new Error(`Failed to get page snapshot with error: \"${response.statusText}\"`)\n    }\n\n    const json = await response.json()\n\n    return getPageAPISchema.parse(json)\n  }\n\n  private async getTypographies(\n    typographyIds: string[],\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<(Typography | null)[]> {\n    if (typographyIds.length === 0) return []\n\n    const url = new URL(`v2/typographies/bulk`, this.apiOrigin)\n\n    typographyIds.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to get typographies', await response.json())\n\n      return []\n    }\n\n    const body = await response.json()\n\n    return body\n  }\n\n  private async getSwatches(\n    ids: string[],\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<(Swatch | null)[]> {\n    if (ids.length === 0) return []\n\n    const url = new URL(`v2/swatches/bulk`, this.apiOrigin)\n\n    ids.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to get swatches', await response.json())\n\n      return []\n    }\n\n    return await response.json()\n  }\n\n  private async getIntrospectedResources(\n    {\n      swatchIds,\n      ...introspectedResourceIds\n    }: IntrospectedResourcesQueryVariables & { swatchIds: string[] },\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<IntrospectedResourcesQueryResult & { swatches: (Swatch | null)[] }> {\n    const result = await this.graphqlClient.request<\n      IntrospectedResourcesQueryResult,\n      IntrospectedResourcesQueryVariables\n    >(IntrospectedResourcesQuery, introspectedResourceIds)\n    const swatches = await this.getSwatches(swatchIds, siteVersion)\n\n    return { ...result, swatches }\n  }\n\n  private async introspect(\n    element: Element,\n    siteVersion: MakeswiftSiteVersion,\n    locale?: string,\n  ): Promise<{ cacheData: CacheData; localizedResourcesMap: SerializedLocalizedResourcesMap }> {\n    const runtime = this.runtime\n    const descriptors = getPropControllerDescriptors(runtime.store.getState())\n    const swatchIds = new Set<string>()\n    const fileIds = new Set<string>()\n    const typographyIds = new Set<string>()\n    const tableIds = new Set<string>()\n    const pageIds = new Set<string>()\n    const globalElements = new Map<string, GlobalElement | null>()\n    const localizedGlobalElements = new Map<string, LocalizedGlobalElement | null>()\n    const localizedResourcesMap = new Map<string, string | null>()\n\n    const remaining = [element]\n    const seen = new Set<string>()\n    let current: Element | undefined\n\n    while ((current = remaining.pop())) {\n      let element: ElementData\n\n      if (isElementReference(current)) {\n        const globalElementId = current.value\n        const globalElement = await this.getGlobalElement(globalElementId, siteVersion)\n        let elementData = globalElement?.data\n\n        if (locale) {\n          const localizedGlobalElement = await this.getLocalizedGlobalElement(\n            globalElementId,\n            locale,\n            siteVersion,\n          )\n\n          localizedResourcesMap.set(globalElementId, localizedGlobalElement?.id ?? null)\n\n          if (localizedGlobalElement) {\n            // Update the logic here when we can merge element trees\n            elementData = localizedGlobalElement.data\n\n            localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement)\n          }\n        }\n\n        globalElements.set(globalElementId, globalElement)\n\n        if (elementData == null) continue\n\n        element = elementData as ElementData\n      } else {\n        element = current\n      }\n\n      const elementDescriptors = descriptors.get(element.type)\n\n      if (elementDescriptors == null) continue\n\n      getResourcesFromElementDescriptors(elementDescriptors, element.props)\n\n      function getResourcesFromElementDescriptors(\n        elementDescriptors: Record<string, PropControllerDescriptor>,\n        props: ElementData['props'],\n      ) {\n        Object.entries(elementDescriptors).forEach(([propName, descriptor]) => {\n          getSwatchIds(descriptor, props[propName]).forEach(swatchId => {\n            swatchIds.add(swatchId)\n          })\n\n          getFileIds(descriptor, props[propName]).forEach(fileId => fileIds.add(fileId))\n\n          getTypographyIds(descriptor, props[propName]).forEach(typographyId =>\n            typographyIds.add(typographyId),\n          )\n\n          getTableIds(descriptor, props[propName]).forEach(tableId => tableIds.add(tableId))\n\n          getPageIds(descriptor, props[propName]).forEach(pageId => pageIds.add(pageId))\n\n          getElementChildren(descriptor, props[propName]).forEach(child => {\n            if (!seen.has(child.key)) {\n              seen.add(child.key)\n\n              remaining.push(child)\n            }\n          })\n        })\n      }\n    }\n\n    const typographies = await this.getTypographies([...typographyIds], siteVersion)\n\n    typographies.forEach(typography => {\n      typography?.style.forEach(style => {\n        const swatchId = style.value.color?.swatchId\n\n        if (swatchId != null) swatchIds.add(swatchId)\n      })\n    })\n\n    const pagePathnames = await this.getPagePathnameSlices([...pageIds], siteVersion, { locale })\n\n    const { swatches, files, tables } = await this.getIntrospectedResources(\n      {\n        swatchIds: [...swatchIds],\n        fileIds: [...fileIds],\n        tableIds: [...tableIds],\n      },\n      siteVersion,\n    )\n\n    const cacheData = {\n      [APIResourceType.Swatch]: [...swatchIds].map(id => ({\n        id,\n        value: swatches.find(swatch => swatch?.id === id) ?? null,\n      })),\n      [APIResourceType.File]: [...fileIds].map(id => ({\n        id,\n        value: files.find(file => file?.id === id) ?? null,\n      })),\n      [APIResourceType.Typography]: [...typographyIds].map(id => ({\n        id,\n        value: typographies.find(typography => typography?.id === id) ?? null,\n      })),\n      [APIResourceType.Table]: [...tableIds].map(id => ({\n        id,\n        value: tables.find(table => table?.id === id) ?? null,\n      })),\n      [APIResourceType.PagePathnameSlice]: [...pageIds].map(id => ({\n        id,\n        value: pagePathnames.find(pagePathnameSlice => pagePathnameSlice?.id === id) ?? null,\n      })),\n      [APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({\n        id,\n        value,\n      })),\n      [APIResourceType.LocalizedGlobalElement]: [...localizedGlobalElements.entries()].map(\n        ([id, value]) => ({\n          id,\n          value,\n        }),\n      ),\n    }\n\n    return { cacheData, localizedResourcesMap: Object.fromEntries(localizedResourcesMap.entries()) }\n  }\n\n  async getPageSnapshot(\n    pathname: string,\n    { siteVersion, locale: localeInput }: { siteVersion: MakeswiftSiteVersion; locale?: string },\n  ): Promise<MakeswiftPageSnapshot | null> {\n    const searchParams = new URLSearchParams()\n    if (localeInput) {\n      searchParams.set('locale', localeInput)\n    }\n\n    const response = await this.fetch(\n      `v3/pages/${encodeURIComponent(pathname)}/document?${searchParams.toString()}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error('Failed to get page snapshot', await response.json())\n      throw new Error(`Failed to get page snapshot with error: \"${response.statusText}\"`)\n    }\n\n    const document: MakeswiftPageDocument = await response.json()\n    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null)\n    // We're using the locale from the response instead from the arg because in the server\n    // we make the locale null if the locale === defaultLocale.\n    const locale = document.locale\n\n    const { cacheData, localizedResourcesMap } = await this.introspect(\n      baseLocalizedPage?.data ?? document.data,\n      siteVersion,\n      locale ?? undefined,\n    )\n    const apiOrigin = this.apiOrigin.href\n    const preview = siteVersion === MakeswiftSiteVersion.Working\n\n    return {\n      document,\n      cacheData,\n      apiOrigin,\n      preview,\n      localizedResourcesMap,\n      locale,\n    }\n  }\n\n  async getSwatch(swatchId: string, siteVersion: MakeswiftSiteVersion): Promise<Swatch | null> {\n    const response = await this.fetch(`v2/swatches/${swatchId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) console.error('Failed to get swatch', await response.json())\n\n      return null\n    }\n\n    const swatch = await response.json()\n\n    return swatch\n  }\n\n  async getFile(fileId: string): Promise<File | null> {\n    const result = await this.graphqlClient.request<FileQueryResult, FileQueryVariables>(\n      FileQuery,\n      { fileId },\n    )\n\n    return result.file\n  }\n\n  async getTypography(\n    typographyId: string,\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<Typography | null> {\n    const response = await this.fetch(`v2/typographies/${typographyId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) console.error('Failed to get typography', await response.json())\n\n      return null\n    }\n\n    const typography = await response.json()\n\n    return typography\n  }\n\n  async getGlobalElement(\n    globalElementId: string,\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<GlobalElement | null> {\n    const response = await this.fetch(`v2/global-elements/${globalElementId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404)\n        console.error('Failed to get global element', await response.json())\n\n      return null\n    }\n\n    const globalElement = await response.json()\n\n    return globalElement\n  }\n\n  async getLocalizedGlobalElement(\n    globalElementId: string,\n    locale: string,\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<LocalizedGlobalElement | null> {\n    const response = await this.fetch(\n      `v2/localized-global-elements/${globalElementId}?locale=${locale}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status !== 404)\n        console.error('Failed to get localized global element', await response.json())\n\n      return null\n    }\n\n    const localizedGlobalElement = await response.json()\n\n    return localizedGlobalElement\n  }\n\n  async getPagePathnameSlices(\n    pageIds: string[],\n    siteVersion: MakeswiftSiteVersion,\n    { locale }: { locale?: string },\n  ): Promise<(PagePathnameSlice | null)[]> {\n    if (pageIds.length === 0) return []\n\n    const url = new URL(`v2/page-pathname-slices/bulk`, this.apiOrigin)\n\n    pageIds.forEach(id => url.searchParams.append('ids', id))\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to get page pathname slices', await response.json())\n\n      return []\n    }\n\n    const json = await response.json()\n\n    const pagePathnameSlices = pagePathnameSlicesAPISchema.parse(json)\n\n    // We're mapping the basePageId to be the id, because we're still using the GraphQL\n    // fragment as our APIResource. The id on the APIResource needs to match the pageId\n    // so that we can find the corresponding page pathname slice when we call getPagePathnameSlice(pageId).\n    // TODO: Update this once we move away from the GraphQL fragments.\n    return pagePathnameSlices.map(pagePathnameSlice => {\n      if (pagePathnameSlice == null) return null\n\n      return {\n        id: pagePathnameSlice.basePageId,\n        pathname: pagePathnameSlice.pathname,\n        __typename: pagePathnameSlice.__typename,\n      }\n    })\n  }\n\n  async getPagePathnameSlice(\n    pageId: string,\n    siteVersion: MakeswiftSiteVersion,\n    { locale }: { locale?: string } = {},\n  ): Promise<PagePathnameSlice | null> {\n    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale })\n\n    return pagePathnameSlices.at(0) ?? null\n  }\n\n  async getTable(tableId: string): Promise<Table | null> {\n    const result = await this.graphqlClient.request<TableQueryResult, TableQueryVariables>(\n      TableQuery,\n      { tableId },\n    )\n\n    return result.table\n  }\n\n  async getSitemap({\n    limit = 50,\n    after,\n    pathnamePrefix,\n    locale,\n  }: {\n    limit?: number\n    after?: string\n    pathnamePrefix?: string\n    locale?: string\n  } = {}): Promise<Sitemap> {\n    const url = new URL('v1/sitemap', this.apiOrigin)\n\n    url.searchParams.set('limit', limit.toString())\n    if (after != null) url.searchParams.set('after', after)\n    if (pathnamePrefix != null) url.searchParams.set('pathnamePrefix', pathnamePrefix)\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search)\n\n    if (!response.ok) {\n      console.error('Failed to get sitemap', await response.json())\n      throw new Error(`Failed to get sitemap with error: \"${response.statusText}\"`)\n    }\n\n    const sitemap = await response.json()\n\n    return sitemap\n  }\n\n  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return this.runtime.getTranslatableData(elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return this.runtime.mergeTranslatedData(elementTree, translatedData)\n  }\n}\n"],"mappings":"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","names":["import_react","getResourcesFromElementDescriptors","elementDescriptors","element"]}

package/dist/cjs/next/document.js

@@ -0,0 +1,68 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var document_exports = {};
+__export(document_exports, {
+  Document: () => Document
+});
+module.exports = __toCommonJS(document_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_css = require("@emotion/css");
+var import_create_instance = __toESM(require("@emotion/server/create-instance"));
+var import_document = __toESM(require("next/document"));
+var import_preview_mode = require("./preview-mode");
+class Document extends import_document.default {
+  static async getInitialProps(ctx) {
+    const initialProps = await import_document.default.getInitialProps(ctx);
+    const { extractCritical } = (0, import_create_instance.default)(import_css.cache);
+    const { ids, css } = extractCritical(initialProps.html);
+    return {
+      ...initialProps,
+      styles: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        initialProps.styles,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { "data-emotion": `css ${ids.join(" ")}`, dangerouslySetInnerHTML: { __html: css } })
+      ] })
+    };
+  }
+  render() {
+    const { isPreview } = this.props.__NEXT_DATA__;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_document.Html, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_document.Head, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_mode.PreviewModeScript, { isPreview }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("body", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_document.Main, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_document.NextScript, {})
+      ] })
+    ] });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Document
+});
+//# sourceMappingURL=document.js.map

package/dist/cjs/next/document.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/next/document.tsx"],"sourcesContent":["'use client'\n\nimport { cache } from '@emotion/css'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport NextDocument, {\n  DocumentContext,\n  DocumentInitialProps,\n  Head,\n  Html,\n  Main,\n  NextScript,\n} from 'next/document'\nimport { PreviewModeScript } from './preview-mode'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const initialProps = await NextDocument.getInitialProps(ctx)\n\n    const { extractCritical } = createEmotionServer(cache)\n    const { ids, css } = extractCritical(initialProps.html)\n\n    return {\n      ...initialProps,\n      styles: (\n        <>\n          {initialProps.styles}\n          <style data-emotion={`css ${ids.join(' ')}`} dangerouslySetInnerHTML={{ __html: css }} />\n        </>\n      ),\n    }\n  }\n\n  render() {\n    const { isPreview } = this.props.__NEXT_DATA__\n\n    return (\n      <Html>\n        <Head>\n          <PreviewModeScript isPreview={isPreview} />\n        </Head>\n        <body>\n          <Main />\n          <NextScript />\n        </body>\n      </Html>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBQ;AAtBR,iBAAsB;AACtB,6BAAgC;AAChC,sBAOO;AACP,0BAAkC;AAE3B,MAAM,iBAAiB,gBAAAA,QAAa;AAAA,EACzC,aAAa,gBAAgB,KAAqD;AAChF,UAAM,eAAe,MAAM,gBAAAA,QAAa,gBAAgB,GAAG;AAE3D,UAAM,EAAE,gBAAgB,QAAI,uBAAAC,SAAoB,gBAAK;AACrD,UAAM,EAAE,KAAK,IAAI,IAAI,gBAAgB,aAAa,IAAI;AAEtD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,QACE,4EACG;AAAA,qBAAa;AAAA,QACd,4CAAC,WAAM,gBAAc,OAAO,IAAI,KAAK,GAAG,CAAC,IAAI,yBAAyB,EAAE,QAAQ,IAAI,GAAG;AAAA,SACzF;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,IAAI,KAAK,MAAM;AAEjC,WACE,6CAAC,wBACC;AAAA,kDAAC,wBACC,sDAAC,yCAAkB,WAAsB,GAC3C;AAAA,MACA,6CAAC,UACC;AAAA,oDAAC,wBAAK;AAAA,QACN,4CAAC,8BAAW;AAAA,SACd;AAAA,OACF;AAAA,EAEJ;AACF;","names":["NextDocument","createEmotionServer"]}

package/dist/cjs/next/dynamic.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dynamic_exports = {};
+__export(dynamic_exports, {
+  forwardNextDynamicRef: () => forwardNextDynamicRef
+});
+module.exports = __toCommonJS(dynamic_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const FORWARDED_NEXT_DYNAMIC_REF_KEY = "__forwarded_next_dynamic_ref__";
+function saveForwardedRef(props, ref) {
+  return { ...props, [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ref };
+}
+function loadForwardedRef({
+  [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ref,
+  ...props
+}) {
+  return { ...props, ref };
+}
+function resolve(obj) {
+  return obj && obj.__esModule ? obj.default : obj;
+}
+function forwardNextDynamicRef(nextDynamicThunk) {
+  const Dynamic = nextDynamicThunk(
+    (loaderComponent) => loaderComponent.then((moduleOrComponent) => ({
+      __esModule: true,
+      default: (props) => (0, import_react.createElement)(resolve(moduleOrComponent), loadForwardedRef(props))
+    }))
+  );
+  return (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dynamic, { ...saveForwardedRef(props, ref) }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  forwardNextDynamicRef
+});
+//# sourceMappingURL=dynamic.js.map

package/dist/cjs/next/dynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/next/dynamic.tsx"],"sourcesContent":["import {\n  ComponentType,\n  createElement,\n  ForwardedRef,\n  forwardRef,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react'\n\nconst FORWARDED_NEXT_DYNAMIC_REF_KEY = '__forwarded_next_dynamic_ref__'\n\ntype WithSavedForwardedRef<P, T> = P & {\n  [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ForwardedRef<T>\n}\n\nfunction saveForwardedRef<P, T>(props: P, ref: ForwardedRef<T>): WithSavedForwardedRef<P, T> {\n  return { ...props, [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ref }\n}\n\ntype WithLoadedForwardedRef<P, T> = Omit<P, typeof FORWARDED_NEXT_DYNAMIC_REF_KEY> & {\n  ref: ForwardedRef<T>\n}\n\nfunction loadForwardedRef<P, T>({\n  [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ref,\n  ...props\n}: WithSavedForwardedRef<P, T>): WithLoadedForwardedRef<P, T> {\n  return { ...props, ref }\n}\n\ntype LoaderComponent<P> = Promise<ComponentType<P> | { default: ComponentType<P> }>\n\nfunction resolve(obj: any) {\n  return obj && obj.__esModule ? obj.default : obj\n}\n\ntype PatchedLoaderComponent<P, T> = LoaderComponent<WithSavedForwardedRef<P, T>>\n\ntype PatchLoaderComponent = <P, T>(\n  loaderComponent: LoaderComponent<P>,\n) => PatchedLoaderComponent<P, T>\n\nexport function forwardNextDynamicRef<T, P>(\n  nextDynamicThunk: (patch: PatchLoaderComponent) => ComponentType<WithSavedForwardedRef<P, T>>,\n): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> {\n  const Dynamic = nextDynamicThunk(loaderComponent =>\n    loaderComponent.then(moduleOrComponent => ({\n      __esModule: true,\n      default: props => createElement(resolve(moduleOrComponent), loadForwardedRef(props)),\n    })),\n  )\n\n  return forwardRef<T, P>((props, ref) => <Dynamic {...saveForwardedRef(props, ref)} />)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqD0C;AArD1C,mBAQO;AAEP,MAAM,iCAAiC;AAMvC,SAAS,iBAAuB,OAAU,KAAmD;AAC3F,SAAO,EAAE,GAAG,OAAO,CAAC,8BAA8B,GAAG,IAAI;AAC3D;AAMA,SAAS,iBAAuB;AAAA,EAC9B,CAAC,8BAA8B,GAAG;AAAA,EAClC,GAAG;AACL,GAA8D;AAC5D,SAAO,EAAE,GAAG,OAAO,IAAI;AACzB;AAIA,SAAS,QAAQ,KAAU;AACzB,SAAO,OAAO,IAAI,aAAa,IAAI,UAAU;AAC/C;AAQO,SAAS,sBACd,kBACkE;AAClE,QAAM,UAAU;AAAA,IAAiB,qBAC/B,gBAAgB,KAAK,wBAAsB;AAAA,MACzC,YAAY;AAAA,MACZ,SAAS,eAAS,4BAAc,QAAQ,iBAAiB,GAAG,iBAAiB,KAAK,CAAC;AAAA,IACrF,EAAE;AAAA,EACJ;AAEA,aAAO,yBAAiB,CAAC,OAAO,QAAQ,4CAAC,WAAS,GAAG,iBAAiB,OAAO,GAAG,GAAG,CAAE;AACvF;","names":[]}