@makeswift/runtime 0.28.3-canary.4 → 0.28.3-canary.5

package/dist/esm/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["import { 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  SnippetLocation,\n  TableQueryResult,\n  TableQueryVariables,\n} from '../api/graphql/generated/types'\n\nimport { CacheData } from '../api/client'\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 { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\nimport {\n  type Element,\n  type ElementData,\n  type Data,\n  type Document,\n  getPropControllerDescriptors,\n  isElementReference,\n} from '../state/read-only-state'\nimport { type SiteVersion } from '../api/site-version'\nimport { toIterablePaginationResult } from '../utils/pagination'\nimport { deterministicUUID } from '../utils/deterministic-uuid'\nimport { Schema } from '@makeswift/controls'\nimport { EMBEDDED_DOCUMENT_TYPE, EmbeddedDocument } from '../state/modules/read-only-documents'\nimport { mergeTranslatedContent } from '../state/translations/merge'\nimport { getTranslatableContent } from '../state/translations/get'\n\nexport { SnippetLocation } from '../api/graphql/generated/types'\n\nconst makeswiftPageResultSchema = z.object({\n  id: z.string(),\n  path: z.string(),\n  title: z.string().nullable(),\n  description: z.string().nullable(),\n  canonicalUrl: z.string().nullable(),\n  socialImageUrl: z.string().nullable(),\n  sitemapPriority: z.number().nullable(),\n  sitemapFrequency: z\n    .enum(['always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'])\n    .nullable(),\n  createdAt: z.string(),\n  updatedAt: z.string(),\n  publishedAt: z.string().nullable(),\n  isOnline: z.boolean().nullable(),\n  excludedFromSearch: z.boolean().nullable(),\n  locale: z.string(),\n  localizedVariants: z.array(\n    z.object({\n      locale: z.string(),\n      path: z.string(),\n    }),\n  ),\n})\n\nconst makeswiftGetPagesResultAPISchema = z.object({\n  data: z.array(makeswiftPageResultSchema),\n  hasMore: z.boolean(),\n})\n\nconst makeswiftGetPagesParamsSchema = z.object({\n  limit: z.number().optional(),\n  after: z.string().optional(),\n  sortBy: z.enum(['title', 'path', 'description', 'createdAt', 'updatedAt']).optional(),\n  sortDirection: z.enum(['asc', 'desc']).optional(),\n  includeOffline: z.boolean().optional(),\n  pathPrefix: z.string().optional(),\n  locale: z.string().optional(),\n})\n\nfunction getPagesQueryParams({\n  limit = 100,\n  after,\n  sortBy,\n  sortDirection,\n  includeOffline,\n  pathPrefix,\n  locale,\n}: GetPagesParams): URLSearchParams {\n  const params = new URLSearchParams()\n\n  if (limit != null) params.set('limit', limit.toString())\n  if (after != null) params.set('after', after)\n  if (sortBy != null) params.set('sortBy', sortBy)\n  if (sortDirection != null) params.set('sortDirection', sortDirection)\n  if (includeOffline != null) params.set('includeOffline', includeOffline.toString())\n  if (pathPrefix != null) params.set('pathPrefix', pathPrefix)\n  if (locale != null) params.set('locale', locale)\n\n  return params\n}\n\ntype GetPagesParams = z.infer<typeof makeswiftGetPagesParamsSchema>\nexport type MakeswiftPage = z.infer<typeof makeswiftPageResultSchema>\nexport type MakeswiftGetPagesResult = z.infer<typeof makeswiftGetPagesResultAPISchema>\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 function pageToRootDocument(pageDocument: MakeswiftPageDocument): Document {\n  const { locale, localizedPages, id, data } = pageDocument\n  const localizedPage = localizedPages.find(({ parentId }) => parentId == null)\n  return localizedPage\n    ? { key: localizedPage.elementTreeId, rootElement: localizedPage.data, locale }\n    : { key: id, rootElement: data, locale }\n}\n\nexport type MakeswiftPageSnapshot = {\n  document: MakeswiftPageDocument\n  cacheData: CacheData\n}\n\nconst makeswiftComponentDocumentSchema = z.object({\n  id: z.string(),\n  name: z.string().nullable(),\n  locale: z.string().nullable(),\n  data: Schema.element,\n  siteId: z.string(),\n  inheritsFromParent: z.boolean(),\n})\n\nexport type MakeswiftComponentDocument = z.infer<typeof makeswiftComponentDocumentSchema>\n\nconst makeswiftComponentDocumentFallbackSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  data: z.null(),\n})\n\nexport type MakeswiftComponentDocumentFallback = z.infer<\n  typeof makeswiftComponentDocumentFallbackSchema\n>\n\nexport type MakeswiftComponentSnapshotMetadata = {\n  allowLocaleFallback: boolean\n  requestedLocale: string | null\n}\n\nexport type MakeswiftComponentSnapshot = {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  key: string\n  cacheData: CacheData\n  meta: MakeswiftComponentSnapshotMetadata\n}\n\nexport const previewTokenPayloadSchema = z.object({\n  payload: z.object({\n    version: z.string(),\n  }),\n})\n\nexport type PreviewTokenPayload = z.infer<typeof previewTokenPayloadSchema>\n\nexport function componentDocumentToRootEmbeddedDocument({\n  document,\n  documentKey,\n  name,\n  type,\n  description,\n  meta,\n}: {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  documentKey: string\n  name: string\n  type: string\n  description?: string\n  meta: MakeswiftComponentSnapshotMetadata\n}): EmbeddedDocument {\n  const { data: rootElement, locale, id } = document\n\n  if (rootElement != null && rootElement.type !== type) {\n    throw new Error(\n      `Type \"${rootElement.type}\" does not match the expected type \"${type}\" from the snapshot`,\n    )\n  }\n\n  const rootDocument: EmbeddedDocument = {\n    key: documentKey,\n    rootElement: rootElement ?? {\n      // Fallback rootElement\n      // Create a stable uuid so two different clients will have the same empty element data.\n      // This is needed to make presence feature work for an element that is not yet created.\n      key: deterministicUUID({ id, locale, seed: documentKey }),\n      type,\n      props: {},\n    },\n    locale,\n    id,\n    type,\n    name,\n    meta: { ...meta, description },\n    __type: EMBEDDED_DOCUMENT_TYPE,\n  }\n\n  return rootDocument\n}\n\n// This function attempts to consume the response body of a failed response, and\n// returns either the parsed JSON or raw text. This is useful for logging more\n// detailed error information when an API request fails.\n//\n// Cloudflare Worker Note: The Cloudflare Worker runtime has automatic deadlock\n// prevention (in the form of auto-cancelling responses) that triggers when too\n// many response bodies are unconsumed. This applies for error responses as\n// well. As such, in this client we use this function to consume the response\n// body whenever the request fails, even if we don't end up logging the body\n// itself, to avoid hitting the deadlock prevention.\nexport async function failedResponseBody(response: Response): Promise<unknown> {\n  try {\n    const text = await response.text()\n    try {\n      return JSON.parse(text)\n    } catch {\n      return text\n    }\n  } catch (e) {\n    return `Failed to extract response body: ${e}`\n  }\n}\n\nfunction responseError(response: Response): string {\n  return `${response.status} ${response.statusText}`\n}\n\nexport type Snippet = {\n  id: string\n  code: string\n  location: SnippetLocation\n  liveEnabled: boolean\n  builderEnabled: boolean\n  cleanup: string | null\n}\n\nexport type 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  runtime: ReactRuntimeCore\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      localizedPathname: z.string().optional(),\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\nconst getFontsAPISchema = z.object({\n  googleFonts: z.array(z.object({\n    family: z.string(),\n    variants: z.array(z.string()),\n  })),\n  siteId: z.string(),\n})\n\nexport type GetFontsAPI = z.infer<typeof getFontsAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntimeCore\n\n  readonly apiKey: string\n\n  constructor(apiKey: string, { runtime }: MakeswiftConfig) {\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    this.graphqlClient = new GraphQLClient(new URL('graphql', runtime.apiOrigin).href, {\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n    this.runtime = runtime\n  }\n\n  get apiOrigin(): string {\n    return this.runtime.apiOrigin\n  }\n\n  private async fetch(path: string, siteVersion: SiteVersion | null): Promise<Response> {\n    const requestUrl = new URL(path, this.apiOrigin)\n\n    const requestHeaders = new Headers({\n      'x-api-key': this.apiKey,\n      'makeswift-site-api-key': this.apiKey,\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n\n    if (siteVersion?.token) {\n      requestUrl.searchParams.set('version', siteVersion.version)\n      requestHeaders.set('makeswift-preview-token', siteVersion.token)\n    }\n\n    const response = await fetch(requestUrl.toString(), {\n      headers: requestHeaders,\n      ...(siteVersion != null ? { cache: 'no-store' } : {}),\n      ...this.fetchOptions(siteVersion),\n    })\n\n    return response\n  }\n\n  /**\n   * Override this method to provide additional fetch options, e.g. revalidation, cache tags, etc.\n   */\n  fetchOptions(_siteVersion: SiteVersion | null): Record<string, unknown> {\n    return {}\n  }\n\n  private getPagesInternal = async ({\n    siteVersion = null,\n    ...params\n  }: {\n    siteVersion?: SiteVersion | null\n  } & GetPagesParams = {}): Promise<MakeswiftGetPagesResult> => {\n    const queryParams = getPagesQueryParams(params)\n\n    const response = await this.fetch(`v5/pages?${queryParams.toString()}`, siteVersion)\n    if (!response.ok) {\n      console.error('Failed to get pages', {\n        response: await failedResponseBody(response),\n        siteVersion,\n        params,\n      })\n\n      throw new Error(`Failed to get pages: ${responseError(response)}`)\n    }\n\n    const result = await response.json()\n    const parsedResponse = makeswiftGetPagesResultAPISchema.safeParse(result)\n    if (!parsedResponse.success) {\n      throw new Error(\n        `Failed to parse 'getPages' response: ${parsedResponse.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n    return parsedResponse.data\n  }\n\n  getPages = toIterablePaginationResult(this.getPagesInternal)\n\n  async getPage(\n    pathname: string,\n    { siteVersion = null, locale }: { siteVersion?: SiteVersion | null; locale?: string } = {},\n  ): Promise<GetPageAPI | null> {\n    const url = new URL(`v3/pages/${encodeURIComponent(pathname)}`, this.apiOrigin)\n    if (locale) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\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: SiteVersion | null,\n  ): Promise<(Typography | null)[]> {\n    if (typographyIds.length === 0) return []\n\n    const url = new URL(`v3/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 for [${typographyIds.join(', ')}]`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\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: SiteVersion | null,\n  ): Promise<(Swatch | null)[]> {\n    if (ids.length === 0) return []\n\n    const url = new URL(`v3/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 for ${ids.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\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: SiteVersion | null,\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: SiteVersion | null,\n    locale: string | null,\n  ): Promise<CacheData> {\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          if (localizedGlobalElement) {\n            // Update the logic here when we can merge element trees\n            elementData = localizedGlobalElement.data\n\n            localizedResourcesMap.set(globalElementId, localizedGlobalElement.id)\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 apiResources = {\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        locale,\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          locale,\n        }),\n      ),\n    }\n\n    return {\n      apiResources,\n      localizedResourcesMap:\n        locale != null ? { [locale]: Object.fromEntries(localizedResourcesMap.entries()) } : {},\n    }\n  }\n\n  async getPageSnapshot(\n    pathname: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftPageSnapshot | null> {\n    const queryParams = (): string => {\n      const params = new URLSearchParams()\n      if (locale) params.set('locale', locale)\n      if (allowLocaleFallback != null) params.set('allowLocaleFallback', `${allowLocaleFallback}`)\n      return params.toString()\n    }\n\n    const siteVersion = await siteVersionPromise\n    const response = await this.fetch(\n      `v4/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const document: MakeswiftPageDocument = await response.json()\n    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null)\n\n    const cacheData = await this.introspect(\n      baseLocalizedPage?.data ?? document.data,\n      siteVersion,\n      // The /v3/pages endpoint returns null for document.locale when the requested locale is the default.\n      // This legacy behavior is set to change with the upcoming /v4/pages endpoint.\n      // We rely on document.locale when reading from the API cache, so ensure the cache is built during\n      // introspection using the same value.\n      document.locale,\n    )\n\n    return {\n      document,\n      cacheData,\n    }\n  }\n\n  async getComponentSnapshot(\n    id: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftComponentSnapshot> {\n    const searchParams = new URLSearchParams()\n    if (locale) searchParams.set('locale', locale)\n\n    const siteVersion = await siteVersionPromise\n    const key = deterministicUUID({ id, locale, seed: this.apiKey.split('-').at(0) })\n    const baseLocaleWasRequested = locale == null\n    const canAttemptLocaleFallback = !baseLocaleWasRequested && allowLocaleFallback\n\n    let response\n    const responseForRequestedLocale = await this.fetch(\n      `v2/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,\n      siteVersion,\n    )\n\n    if (responseForRequestedLocale.status === 404 && canAttemptLocaleFallback) {\n      await failedResponseBody(responseForRequestedLocale)\n      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      // See comment on `failedResponseBody` for why we always consume the\n      // response body of failed responses.\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) {\n        return {\n          document: {\n            id,\n            locale: locale ?? null,\n            data: null,\n          },\n          key,\n          cacheData: CacheData.empty(),\n          meta: {\n            allowLocaleFallback,\n            requestedLocale: locale ?? null,\n          },\n        }\n      }\n\n      console.error(`Failed to get component snapshot for '${id}':`, {\n        response: failedBody,\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get component snapshot for '${id}': ${responseError(response)}`)\n    }\n\n    const document = makeswiftComponentDocumentSchema.parse(await response.json())\n    const cacheData = await this.introspect(document.data, siteVersion, locale ?? null)\n\n    return {\n      document,\n      cacheData,\n      key,\n      meta: {\n        allowLocaleFallback,\n        requestedLocale: locale ?? null,\n      },\n    }\n  }\n\n  async getSwatch(swatchId: string, siteVersion: SiteVersion | null): Promise<Swatch | null> {\n    const response = await this.fetch(`v3/swatches/${swatchId}`, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: failedBody,\n          siteVersion,\n        })\n      }\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: SiteVersion | null,\n  ): Promise<Typography | null> {\n    const response = await this.fetch(`v3/typographies/${typographyId}`, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: failedBody,\n          siteVersion,\n        })\n      }\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: SiteVersion | null,\n  ): Promise<GlobalElement | null> {\n    const response = await this.fetch(`v3/global-elements/${globalElementId}`, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: failedBody,\n          siteVersion,\n        })\n      }\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: SiteVersion | null,\n  ): Promise<LocalizedGlobalElement | null> {\n    const response = await this.fetch(\n      `v3/localized-global-elements/${globalElementId}?locale=${locale}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: failedBody,\n          siteVersion,\n          locale,\n        })\n      }\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: SiteVersion | null,\n    { locale }: { locale?: string | null },\n  ): Promise<(PagePathnameSlice | null)[]> {\n    if (pageIds.length === 0) return []\n\n    const url = new URL(`v3/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 slice(s) for ${pageIds.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\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        ...pagePathnameSlice,\n        id: pagePathnameSlice.basePageId,\n        localizedPathname: pagePathnameSlice.localizedPathname ?? null,\n      }\n    })\n  }\n\n  async getPagePathnameSlice(\n    pageId: string,\n    siteVersion: SiteVersion | null,\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  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return getTranslatableContent(\n      getPropControllerDescriptors(this.runtime.store.getState()),\n      elementTree,\n    )\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return mergeTranslatedContent(\n      getPropControllerDescriptors(this.runtime.store.getState()),\n      elementTree,\n      translatedData,\n    )\n  }\n\n  async readPreviewToken(token: string): Promise<PreviewTokenPayload | null> {\n    const response = await fetch(new URL('v1/preview-tokens/reads', this.apiOrigin).toString(), {\n      method: 'POST',\n      headers: {\n        'x-api-key': this.apiKey,\n        'makeswift-site-api-key': this.apiKey,\n        'makeswift-runtime-version': PACKAGE_VERSION,\n        'content-type': 'application/json',\n      },\n      body: JSON.stringify({ token }),\n      cache: 'no-store',\n    })\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 401) {\n        console.error(`Preview token is invalid or expired`, {\n          response: failedBody,\n        })\n      } else if (response.status !== 404) {\n        console.error(`Failed to verify preview token`, {\n          response: failedBody,\n        })\n      }\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = previewTokenPayloadSchema.safeParse(json)\n    if (!parsed.success) {\n      throw new Error(\n        `Failed to parse preview token payload: ${parsed.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n\n    return parsed.data\n  }\n\n  async unstable_getFonts(\n    siteVersion: SiteVersion | null = null,\n  ): Promise<GetFontsAPI | null> {\n    const response = await this.fetch('v1_unstable/fonts', siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to fetch fonts', {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = getFontsAPISchema.safeParse(json)\n    if (!parsed.success) {\n      console.error('Failed to parse fonts API response', {\n        response: json,\n        siteVersion,\n      })\n\n      return null\n    }\n\n    return parsed.data\n  }\n}\n"],"mappings":"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","names":["SnippetLocation","getResourcesFromElementDescriptors","elementDescriptors","element"]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["import { 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  SnippetLocation,\n  TableQueryResult,\n  TableQueryVariables,\n} from '../api/graphql/generated/types'\n\nimport { CacheData } from '../api/client'\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 { type ReactRuntimeCore } from '../runtimes/react/react-runtime-core'\nimport {\n  type Element,\n  type ElementData,\n  type Data,\n  type Document,\n  getPropControllerDescriptors,\n  isElementReference,\n} from '../state/read-only-state'\nimport { type SiteVersion } from '../api/site-version'\nimport { toIterablePaginationResult } from '../utils/pagination'\nimport { deterministicUUID } from '../utils/deterministic-uuid'\nimport { Schema } from '@makeswift/controls'\nimport { EMBEDDED_DOCUMENT_TYPE, EmbeddedDocument } from '../state/modules/read-only-documents'\nimport { mergeTranslatedContent } from '../state/translations/merge'\nimport { getTranslatableContent } from '../state/translations/get'\n\nexport { SnippetLocation } from '../api/graphql/generated/types'\n\nconst makeswiftPageResultSchema = z.object({\n  id: z.string(),\n  path: z.string(),\n  title: z.string().nullable(),\n  description: z.string().nullable(),\n  canonicalUrl: z.string().nullable(),\n  socialImageUrl: z.string().nullable(),\n  sitemapPriority: z.number().nullable(),\n  sitemapFrequency: z\n    .enum(['always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'])\n    .nullable(),\n  createdAt: z.string(),\n  updatedAt: z.string(),\n  publishedAt: z.string().nullable(),\n  isOnline: z.boolean().nullable(),\n  excludedFromSearch: z.boolean().nullable(),\n  locale: z.string(),\n  localizedVariants: z.array(\n    z.object({\n      locale: z.string(),\n      path: z.string(),\n    }),\n  ),\n})\n\nconst makeswiftGetPagesResultAPISchema = z.object({\n  data: z.array(makeswiftPageResultSchema),\n  hasMore: z.boolean(),\n})\n\nconst makeswiftGetPagesParamsSchema = z.object({\n  limit: z.number().optional(),\n  after: z.string().optional(),\n  sortBy: z.enum(['title', 'path', 'description', 'createdAt', 'updatedAt']).optional(),\n  sortDirection: z.enum(['asc', 'desc']).optional(),\n  includeOffline: z.boolean().optional(),\n  pathPrefix: z.string().optional(),\n  locale: z.string().optional(),\n})\n\nfunction getPagesQueryParams({\n  limit = 100,\n  after,\n  sortBy,\n  sortDirection,\n  includeOffline,\n  pathPrefix,\n  locale,\n}: GetPagesParams): URLSearchParams {\n  const params = new URLSearchParams()\n\n  if (limit != null) params.set('limit', limit.toString())\n  if (after != null) params.set('after', after)\n  if (sortBy != null) params.set('sortBy', sortBy)\n  if (sortDirection != null) params.set('sortDirection', sortDirection)\n  if (includeOffline != null) params.set('includeOffline', includeOffline.toString())\n  if (pathPrefix != null) params.set('pathPrefix', pathPrefix)\n  if (locale != null) params.set('locale', locale)\n\n  return params\n}\n\ntype GetPagesParams = z.infer<typeof makeswiftGetPagesParamsSchema>\nexport type MakeswiftPage = z.infer<typeof makeswiftPageResultSchema>\nexport type MakeswiftGetPagesResult = z.infer<typeof makeswiftGetPagesResultAPISchema>\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 function pageToRootDocument(pageDocument: MakeswiftPageDocument): Document {\n  const { locale, localizedPages, id, data } = pageDocument\n  const localizedPage = localizedPages.find(({ parentId }) => parentId == null)\n  return localizedPage\n    ? { key: localizedPage.elementTreeId, rootElement: localizedPage.data, locale }\n    : { key: id, rootElement: data, locale }\n}\n\nexport type MakeswiftPageSnapshot = {\n  document: MakeswiftPageDocument\n  cacheData: CacheData\n}\n\nconst makeswiftComponentDocumentSchema = z.object({\n  id: z.string(),\n  name: z.string().nullable(),\n  locale: z.string().nullable(),\n  data: Schema.element,\n  siteId: z.string(),\n  inheritsFromParent: z.boolean(),\n})\n\nexport type MakeswiftComponentDocument = z.infer<typeof makeswiftComponentDocumentSchema>\n\nconst makeswiftComponentDocumentFallbackSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  data: z.null(),\n})\n\nexport type MakeswiftComponentDocumentFallback = z.infer<\n  typeof makeswiftComponentDocumentFallbackSchema\n>\n\nexport type MakeswiftComponentSnapshotMetadata = {\n  allowLocaleFallback: boolean\n  requestedLocale: string | null\n}\n\nexport type MakeswiftComponentSnapshot = {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  key: string\n  cacheData: CacheData\n  meta: MakeswiftComponentSnapshotMetadata\n}\n\nexport const previewTokenPayloadSchema = z.object({\n  payload: z.object({\n    version: z.string(),\n  }),\n})\n\nexport type PreviewTokenPayload = z.infer<typeof previewTokenPayloadSchema>\n\nexport function componentDocumentToRootEmbeddedDocument({\n  document,\n  documentKey,\n  name,\n  type,\n  description,\n  meta,\n}: {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  documentKey: string\n  name: string\n  type: string\n  description?: string\n  meta: MakeswiftComponentSnapshotMetadata\n}): EmbeddedDocument {\n  const { data: rootElement, locale, id } = document\n\n  if (rootElement != null && rootElement.type !== type) {\n    throw new Error(\n      `Type \"${rootElement.type}\" does not match the expected type \"${type}\" from the snapshot`,\n    )\n  }\n\n  const rootDocument: EmbeddedDocument = {\n    key: documentKey,\n    rootElement: rootElement ?? {\n      // Fallback rootElement\n      // Create a stable uuid so two different clients will have the same empty element data.\n      // This is needed to make presence feature work for an element that is not yet created.\n      key: deterministicUUID({ id, locale, seed: documentKey }),\n      type,\n      props: {},\n    },\n    locale,\n    id,\n    type,\n    name,\n    meta: { ...meta, description },\n    __type: EMBEDDED_DOCUMENT_TYPE,\n  }\n\n  return rootDocument\n}\n\n// This function attempts to consume the response body of a failed response, and\n// returns either the parsed JSON or raw text. This is useful for logging more\n// detailed error information when an API request fails.\n//\n// Cloudflare Worker Note: The Cloudflare Worker runtime has automatic deadlock\n// prevention (in the form of auto-cancelling responses) that triggers when too\n// many response bodies are unconsumed. This applies for error responses as\n// well. As such, in this client we use this function to consume the response\n// body whenever the request fails, even if we don't end up logging the body\n// itself, to avoid hitting the deadlock prevention.\nexport async function failedResponseBody(response: Response): Promise<unknown> {\n  try {\n    const text = await response.text()\n    try {\n      return JSON.parse(text)\n    } catch {\n      return text\n    }\n  } catch (e) {\n    return `Failed to extract response body: ${e}`\n  }\n}\n\nfunction responseError(response: Response): string {\n  return `${response.status} ${response.statusText}`\n}\n\nexport type Snippet = {\n  id: string\n  code: string\n  location: SnippetLocation\n  liveEnabled: boolean\n  builderEnabled: boolean\n  cleanup: string | null\n}\n\nexport type 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  runtime: ReactRuntimeCore\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      localizedPathname: z.string().optional(),\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\nconst getFontsAPISchema = z.object({\n  googleFonts: z.array(\n    z.object({\n      family: z.string(),\n      variants: z.array(z.string()),\n    }),\n  ),\n  siteId: z.string(),\n})\n\nexport type GetFontsAPI = z.infer<typeof getFontsAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntimeCore\n\n  readonly apiKey: string\n\n  constructor(apiKey: string, { runtime }: MakeswiftConfig) {\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    this.graphqlClient = new GraphQLClient(new URL('graphql', runtime.apiOrigin).href, {\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n    this.runtime = runtime\n  }\n\n  get apiOrigin(): string {\n    return this.runtime.apiOrigin\n  }\n\n  private async fetch(path: string, siteVersion: SiteVersion | null): Promise<Response> {\n    const requestUrl = new URL(path, this.apiOrigin)\n\n    const requestHeaders = new Headers({\n      'x-api-key': this.apiKey,\n      'makeswift-site-api-key': this.apiKey,\n      'makeswift-runtime-version': PACKAGE_VERSION,\n    })\n\n    if (siteVersion?.token) {\n      requestUrl.searchParams.set('version', siteVersion.version)\n      requestHeaders.set('makeswift-preview-token', siteVersion.token)\n    }\n\n    const response = await fetch(requestUrl.toString(), {\n      headers: requestHeaders,\n      ...(siteVersion != null ? { cache: 'no-store' } : {}),\n      ...this.fetchOptions(siteVersion),\n    })\n\n    return response\n  }\n\n  /**\n   * Override this method to provide additional fetch options, e.g. revalidation, cache tags, etc.\n   */\n  fetchOptions(_siteVersion: SiteVersion | null): Record<string, unknown> {\n    return {}\n  }\n\n  private getPagesInternal = async ({\n    siteVersion = null,\n    ...params\n  }: {\n    siteVersion?: SiteVersion | null\n  } & GetPagesParams = {}): Promise<MakeswiftGetPagesResult> => {\n    const queryParams = getPagesQueryParams(params)\n\n    const response = await this.fetch(`v5/pages?${queryParams.toString()}`, siteVersion)\n    if (!response.ok) {\n      console.error('Failed to get pages', {\n        response: await failedResponseBody(response),\n        siteVersion,\n        params,\n      })\n\n      throw new Error(`Failed to get pages: ${responseError(response)}`)\n    }\n\n    const result = await response.json()\n    const parsedResponse = makeswiftGetPagesResultAPISchema.safeParse(result)\n    if (!parsedResponse.success) {\n      throw new Error(\n        `Failed to parse 'getPages' response: ${parsedResponse.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n    return parsedResponse.data\n  }\n\n  getPages = toIterablePaginationResult(this.getPagesInternal)\n\n  async getPage(\n    pathname: string,\n    { siteVersion = null, locale }: { siteVersion?: SiteVersion | null; locale?: string } = {},\n  ): Promise<GetPageAPI | null> {\n    const url = new URL(`v3/pages/${encodeURIComponent(pathname)}`, this.apiOrigin)\n    if (locale) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\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: SiteVersion | null,\n  ): Promise<(Typography | null)[]> {\n    if (typographyIds.length === 0) return []\n\n    const url = new URL(`v3/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 for [${typographyIds.join(', ')}]`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\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: SiteVersion | null,\n  ): Promise<(Swatch | null)[]> {\n    if (ids.length === 0) return []\n\n    const url = new URL(`v3/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 for ${ids.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\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: SiteVersion | null,\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: SiteVersion | null,\n    locale: string | null,\n  ): Promise<CacheData> {\n    const descriptors = this.getElementDescriptors()\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          if (localizedGlobalElement) {\n            // Update the logic here when we can merge element trees\n            elementData = localizedGlobalElement.data\n\n            localizedResourcesMap.set(globalElementId, localizedGlobalElement.id)\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 apiResources = {\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        locale,\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          locale,\n        }),\n      ),\n    }\n\n    return {\n      apiResources,\n      localizedResourcesMap:\n        locale != null ? { [locale]: Object.fromEntries(localizedResourcesMap.entries()) } : {},\n    }\n  }\n\n  async getPageSnapshot(\n    pathname: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftPageSnapshot | null> {\n    const queryParams = (): string => {\n      const params = new URLSearchParams()\n      if (locale) params.set('locale', locale)\n      if (allowLocaleFallback != null) params.set('allowLocaleFallback', `${allowLocaleFallback}`)\n      return params.toString()\n    }\n\n    const siteVersion = await siteVersionPromise\n    const response = await this.fetch(\n      `v4/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: failedBody,\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const document: MakeswiftPageDocument = await response.json()\n    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null)\n\n    const cacheData = await this.introspect(\n      baseLocalizedPage?.data ?? document.data,\n      siteVersion,\n      // The /v3/pages endpoint returns null for document.locale when the requested locale is the default.\n      // This legacy behavior is set to change with the upcoming /v4/pages endpoint.\n      // We rely on document.locale when reading from the API cache, so ensure the cache is built during\n      // introspection using the same value.\n      document.locale,\n    )\n\n    return {\n      document,\n      cacheData,\n    }\n  }\n\n  async getComponentSnapshot(\n    id: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftComponentSnapshot> {\n    const searchParams = new URLSearchParams()\n    if (locale) searchParams.set('locale', locale)\n\n    const siteVersion = await siteVersionPromise\n    const key = deterministicUUID({ id, locale, seed: this.apiKey.split('-').at(0) })\n    const baseLocaleWasRequested = locale == null\n    const canAttemptLocaleFallback = !baseLocaleWasRequested && allowLocaleFallback\n\n    let response\n    const responseForRequestedLocale = await this.fetch(\n      `v2/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,\n      siteVersion,\n    )\n\n    if (responseForRequestedLocale.status === 404 && canAttemptLocaleFallback) {\n      await failedResponseBody(responseForRequestedLocale)\n      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      // See comment on `failedResponseBody` for why we always consume the\n      // response body of failed responses.\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 404) {\n        return {\n          document: {\n            id,\n            locale: locale ?? null,\n            data: null,\n          },\n          key,\n          cacheData: CacheData.empty(),\n          meta: {\n            allowLocaleFallback,\n            requestedLocale: locale ?? null,\n          },\n        }\n      }\n\n      console.error(`Failed to get component snapshot for '${id}':`, {\n        response: failedBody,\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get component snapshot for '${id}': ${responseError(response)}`)\n    }\n\n    const document = makeswiftComponentDocumentSchema.parse(await response.json())\n    const cacheData = await this.introspect(document.data, siteVersion, locale ?? null)\n\n    return {\n      document,\n      cacheData,\n      key,\n      meta: {\n        allowLocaleFallback,\n        requestedLocale: locale ?? null,\n      },\n    }\n  }\n\n  async getSwatch(swatchId: string, siteVersion: SiteVersion | null): Promise<Swatch | null> {\n    const response = await this.fetch(`v3/swatches/${swatchId}`, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: failedBody,\n          siteVersion,\n        })\n      }\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: SiteVersion | null,\n  ): Promise<Typography | null> {\n    const response = await this.fetch(`v3/typographies/${typographyId}`, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: failedBody,\n          siteVersion,\n        })\n      }\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: SiteVersion | null,\n  ): Promise<GlobalElement | null> {\n    const response = await this.fetch(`v3/global-elements/${globalElementId}`, siteVersion)\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: failedBody,\n          siteVersion,\n        })\n      }\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: SiteVersion | null,\n  ): Promise<LocalizedGlobalElement | null> {\n    const response = await this.fetch(\n      `v3/localized-global-elements/${globalElementId}?locale=${locale}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: failedBody,\n          siteVersion,\n          locale,\n        })\n      }\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: SiteVersion | null,\n    { locale }: { locale?: string | null },\n  ): Promise<(PagePathnameSlice | null)[]> {\n    if (pageIds.length === 0) return []\n\n    const url = new URL(`v3/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 slice(s) for ${pageIds.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\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        ...pagePathnameSlice,\n        id: pagePathnameSlice.basePageId,\n        localizedPathname: pagePathnameSlice.localizedPathname ?? null,\n      }\n    })\n  }\n\n  async getPagePathnameSlice(\n    pageId: string,\n    siteVersion: SiteVersion | null,\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  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return getTranslatableContent(this.getElementDescriptors(), elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return mergeTranslatedContent(this.getElementDescriptors(), elementTree, translatedData)\n  }\n\n  async readPreviewToken(token: string): Promise<PreviewTokenPayload | null> {\n    const response = await fetch(new URL('v1/preview-tokens/reads', this.apiOrigin).toString(), {\n      method: 'POST',\n      headers: {\n        'x-api-key': this.apiKey,\n        'makeswift-site-api-key': this.apiKey,\n        'makeswift-runtime-version': PACKAGE_VERSION,\n        'content-type': 'application/json',\n      },\n      body: JSON.stringify({ token }),\n      cache: 'no-store',\n    })\n\n    if (!response.ok) {\n      const failedBody = await failedResponseBody(response)\n      if (response.status === 401) {\n        console.error(`Preview token is invalid or expired`, {\n          response: failedBody,\n        })\n      } else if (response.status !== 404) {\n        console.error(`Failed to verify preview token`, {\n          response: failedBody,\n        })\n      }\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = previewTokenPayloadSchema.safeParse(json)\n    if (!parsed.success) {\n      throw new Error(\n        `Failed to parse preview token payload: ${parsed.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n\n    return parsed.data\n  }\n\n  async unstable_getFonts(siteVersion: SiteVersion | null = null): Promise<GetFontsAPI | null> {\n    const response = await this.fetch('v1_unstable/fonts', siteVersion)\n\n    if (!response.ok) {\n      console.error('Failed to fetch fonts', {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = getFontsAPISchema.safeParse(json)\n    if (!parsed.success) {\n      console.error('Failed to parse fonts API response', {\n        response: json,\n        siteVersion,\n      })\n\n      return null\n    }\n\n    return parsed.data\n  }\n\n  private getElementDescriptors() {\n    return getPropControllerDescriptors(this.runtime.protoStore.getState())\n  }\n}\n"],"mappings":"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","names":["SnippetLocation","getResourcesFromElementDescriptors","elementDescriptors","element"]}

package/dist/esm/next/components/tests/controls/page-control-prop-rendering.js

@@ -70,7 +70,7 @@ async function testPageControlPropRendering(controlDefinition, {
     }
   };
   const runtime = Testing.createReactRuntime();
-  runtime.store.dispatch(setIsInBuilder(isInBuilder));
+  runtime.protoStore.dispatch(setIsInBuilder(isInBuilder));
   registerComponents?.(runtime);
   runtime.registerComponent(
     forwardRef(({ propKey }, ref) => {

package/dist/esm/next/components/tests/controls/page-control-prop-rendering.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["import { type ReactNode, Fragment, forwardRef, useRef, isValidElement, act } from 'react'\nimport { renderToReadableStream } from 'react-dom/server'\nimport { JSDOM } from 'jsdom'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\nimport { ServerInsertedHTMLContext } from 'next/navigation'\n\nimport { type Data, type ValueType, type DataType, ControlDefinition } from '@makeswift/controls'\n\nimport { type CacheData } from '../../../../api/client'\nimport { ElementData } from '../../../../state/read-only-state'\nimport { setIsInBuilder } from '../../../../state/actions/internal/read-only-actions'\nimport { ReactRuntime } from '../../../../runtimes/react/react-runtime'\nimport { MakeswiftComponent } from '../../../../runtimes/react/components/MakeswiftComponent'\nimport { Page } from '../../page'\nimport { isServer } from '../../../../utils/is-server'\nimport * as Testing from '../../../testing'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nconst renderProp = (prop: any) =>\n  prop === undefined ? 'undefined' : isValidElement(prop) ? prop : JSON.stringify(prop)\n\nconst propSnapshot = (prop: HTMLElement | null) =>\n  prop?.childElementCount ? prop.childNodes : parseStringifiedProp(prop?.textContent ?? '')\n\nconst parseStringifiedProp = (prop: string) => (prop === 'undefined' ? undefined : JSON.parse(prop))\n\nasync function streamToString(stream: ReadableStream) {\n  const reader = stream.getReader()\n  const decoder = new TextDecoder()\n\n  let result = ''\n\n  while (true) {\n    const { done, value } = await reader.read()\n    if (done) break\n    result += decoder.decode(value, { stream: true })\n  }\n\n  return result\n}\n\nasync function renderToString(element: ReactNode) {\n  return await streamToString(await renderToReadableStream(element))\n}\n\nasync function serverSideRender(children: ReactNode) {\n  // wrap the children in a context provider to capture server-inserted HTML, see\n  // https://github.com/vercel/next.js/blob/canary/packages/next/src/server/app-render/server-inserted-html.tsx\n  const serverInsertedCallbacks: (() => React.ReactNode)[] = []\n\n  const elementTree = (\n    <ServerInsertedHTMLContext.Provider value={handler => serverInsertedCallbacks.push(handler)}>\n      {children}\n    </ServerInsertedHTMLContext.Provider>\n  )\n\n  const elementsHTML = await renderToString(elementTree)\n\n  const serverInsertedNodes = serverInsertedCallbacks.map((callback, index) => (\n    <Fragment key={'__next_server_inserted__' + index}>{callback()}</Fragment>\n  ))\n\n  const headHTML = await renderToString(serverInsertedNodes)\n\n  const dom = new JSDOM(\n    `<!DOCTYPE html><head>${headHTML}</head><body><div id=\"root\">${elementsHTML}</div></body></div>`,\n    {\n      runScripts: 'dangerously',\n    },\n  )\n\n  return dom.window.document\n}\n\nexport async function testPageControlPropRendering<D extends ControlDefinition>(\n  controlDefinition: D,\n  {\n    toData,\n    value,\n    locale,\n    cacheData,\n    expectedRenders,\n    registerComponents,\n    action,\n    rootElements = [],\n    isInBuilder = false,\n  }: {\n    toData?: (value: ValueType<D>) => DataType<D>\n    value: ValueType<D> | undefined\n    locale?: string | null\n    cacheData?: Partial<CacheData>\n    expectedRenders?: number\n    registerComponents?: (runtime: ReactRuntime) => void\n    action?: (element: HTMLElement) => Promise<void>\n    rootElements?: ElementData[]\n    isInBuilder?: boolean\n  },\n) {\n  // Arrange\n  const controlData: DataType<D> | Data =\n    value !== undefined ? (toData ? toData(value) : controlDefinition.toData(value)) : undefined\n\n  const testComponentMeta = {\n    type: 'TestComponent',\n    label: 'Test Component',\n  }\n\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = {\n    key: ELEMENT_ID,\n    type: testComponentMeta.type,\n    props: {\n      propKey: controlData,\n    },\n  }\n\n  const runtime = Testing.createReactRuntime()\n  runtime.store.dispatch(setIsInBuilder(isInBuilder))\n  registerComponents?.(runtime)\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{renderProp(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      ...testComponentMeta,\n      props: {\n        propKey: controlDefinition as any,\n      },\n    },\n  )\n\n  const testElementTree = (component: ReactNode) => (\n    <Testing.ReactProvider runtime={runtime}>{component}</Testing.ReactProvider>\n  )\n\n  if (!isServer()) {\n    const rootElementData: ElementData = Testing.createRootComponent(\n      [elementData, ...rootElements],\n      ROOT_ID,\n    )\n\n    const snapshot = Testing.createMakeswiftPageSnapshot(rootElementData, { locale, cacheData })\n\n    // Assert\n    await act(async () => render(testElementTree(<Page snapshot={snapshot} />)))\n\n    if (action) {\n      await act(async () => {\n        await action(screen.getByTestId(testId))\n      })\n    }\n\n    expect(snapshot).toMatchSnapshot('snapshot')\n    expect(propSnapshot(screen.getByTestId(testId))).toMatchSnapshot('resolvedValue')\n\n    if (expectedRenders != null) {\n      expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n    }\n  } else {\n    // test server-side rendering using a component snapshot\n    console.assert(action == null)\n    console.assert(rootElements.length === 0)\n\n    const snapshot = Testing.createMakeswiftComponentSnapshot(elementData, { locale, cacheData })\n    const elementTree = testElementTree(\n      <MakeswiftComponent snapshot={snapshot} {...testComponentMeta} />,\n    )\n\n    const document = await serverSideRender(elementTree)\n    const getByTestId = (id: string): HTMLElement | null =>\n      document.querySelector(`[data-testid=\"${id}\"]`)\n\n    expect(propSnapshot(getByTestId(testId))).toMatchSnapshot('resolvedValue')\n    expect([...document.querySelectorAll('style')].map(n => n.textContent)).toMatchSnapshot(\n      'component styles',\n    )\n    expect(Number(getByTestId(renderCountTestId)?.textContent)).toBe(1)\n  }\n}\n"],"mappings":"AAsDI,cA6EI,YA7EJ;AAtDJ,SAAyB,UAAU,YAAY,QAAQ,gBAAgB,WAAW;AAClF,SAAS,8BAA8B;AACvC,SAAS,aAAa;AACtB,SAAS,QAAQ,cAAc;AAC/B,OAAO;AACP,SAAS,iCAAiC;AAM1C,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AACnC,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,YAAY,aAAa;AAEzB,MAAM,UAAU;AAChB,MAAM,aAAa;AAEnB,MAAM,aAAa,CAAC,SAClB,SAAS,SAAY,cAAc,eAAe,IAAI,IAAI,OAAO,KAAK,UAAU,IAAI;AAEtF,MAAM,eAAe,CAAC,SACpB,MAAM,oBAAoB,KAAK,aAAa,qBAAqB,MAAM,eAAe,EAAE;AAE1F,MAAM,uBAAuB,CAAC,SAAkB,SAAS,cAAc,SAAY,KAAK,MAAM,IAAI;AAElG,eAAe,eAAe,QAAwB;AACpD,QAAM,SAAS,OAAO,UAAU;AAChC,QAAM,UAAU,IAAI,YAAY;AAEhC,MAAI,SAAS;AAEb,SAAO,MAAM;AACX,UAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAC1C,QAAI;AAAM;AACV,cAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC;AAAA,EAClD;AAEA,SAAO;AACT;AAEA,eAAe,eAAe,SAAoB;AAChD,SAAO,MAAM,eAAe,MAAM,uBAAuB,OAAO,CAAC;AACnE;AAEA,eAAe,iBAAiB,UAAqB;AAGnD,QAAM,0BAAqD,CAAC;AAE5D,QAAM,cACJ,oBAAC,0BAA0B,UAA1B,EAAmC,OAAO,aAAW,wBAAwB,KAAK,OAAO,GACvF,UACH;AAGF,QAAM,eAAe,MAAM,eAAe,WAAW;AAErD,QAAM,sBAAsB,wBAAwB,IAAI,CAAC,UAAU,UACjE,oBAAC,YAAmD,mBAAS,KAA9C,6BAA6B,KAAmB,CAChE;AAED,QAAM,WAAW,MAAM,eAAe,mBAAmB;AAEzD,QAAM,MAAM,IAAI;AAAA,IACd,wBAAwB,QAAQ,+BAA+B,YAAY;AAAA,IAC3E;AAAA,MACE,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO,IAAI,OAAO;AACpB;AAEA,eAAsB,6BACpB,mBACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,cAAc;AAChB,GAWA;AAEA,QAAM,cACJ,UAAU,SAAa,SAAS,OAAO,KAAK,IAAI,kBAAkB,OAAO,KAAK,IAAK;AAErF,QAAM,oBAAoB;AAAA,IACxB,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAEA,QAAM,SAAS;AACf,QAAM,oBAAoB;AAC1B,QAAM,cAA2B;AAAA,IAC/B,KAAK;AAAA,IACL,MAAM,kBAAkB;AAAA,IACxB,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AAEA,QAAM,UAAU,QAAQ,mBAAmB;AAC3C,UAAQ,MAAM,SAAS,eAAe,WAAW,CAAC;AAClD,uBAAqB,OAAO;AAG5B,UAAQ;AAAA,IACN,WAA8C,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClE,YAAM,cAAc,OAAO,CAAC;AAC5B,QAAE,YAAY;AAEd,aACE,qBAAC,SAAI,KACH;AAAA,4BAAC,SAAI,eAAa,mBAAoB,sBAAY,SAAQ;AAAA,QAC1D,oBAAC,SAAI,eAAa,QAAS,qBAAW,OAAO,GAAE;AAAA,SACjD;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,GAAG;AAAA,MACH,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,cACvB,oBAAC,QAAQ,eAAR,EAAsB,SAAmB,qBAAU;AAGtD,MAAI,CAAC,SAAS,GAAG;AACf,UAAM,kBAA+B,QAAQ;AAAA,MAC3C,CAAC,aAAa,GAAG,YAAY;AAAA,MAC7B;AAAA,IACF;AAEA,UAAM,WAAW,QAAQ,4BAA4B,iBAAiB,EAAE,QAAQ,UAAU,CAAC;AAG3F,UAAM,IAAI,YAAY,OAAO,gBAAgB,oBAAC,QAAK,UAAoB,CAAE,CAAC,CAAC;AAE3E,QAAI,QAAQ;AACV,YAAM,IAAI,YAAY;AACpB,cAAM,OAAO,OAAO,YAAY,MAAM,CAAC;AAAA,MACzC,CAAC;AAAA,IACH;AAEA,WAAO,QAAQ,EAAE,gBAAgB,UAAU;AAC3C,WAAO,aAAa,OAAO,YAAY,MAAM,CAAC,CAAC,EAAE,gBAAgB,eAAe;AAEhF,QAAI,mBAAmB,MAAM;AAC3B,aAAO,OAAO,OAAO,YAAY,iBAAiB,EAAE,WAAW,CAAC,EAAE,KAAK,eAAe;AAAA,IACxF;AAAA,EACF,OAAO;AAEL,YAAQ,OAAO,UAAU,IAAI;AAC7B,YAAQ,OAAO,aAAa,WAAW,CAAC;AAExC,UAAM,WAAW,QAAQ,iCAAiC,aAAa,EAAE,QAAQ,UAAU,CAAC;AAC5F,UAAM,cAAc;AAAA,MAClB,oBAAC,sBAAmB,UAAqB,GAAG,mBAAmB;AAAA,IACjE;AAEA,UAAM,WAAW,MAAM,iBAAiB,WAAW;AACnD,UAAM,cAAc,CAAC,OACnB,SAAS,cAAc,iBAAiB,EAAE,IAAI;AAEhD,WAAO,aAAa,YAAY,MAAM,CAAC,CAAC,EAAE,gBAAgB,eAAe;AACzE,WAAO,CAAC,GAAG,SAAS,iBAAiB,OAAO,CAAC,EAAE,IAAI,OAAK,EAAE,WAAW,CAAC,EAAE;AAAA,MACtE;AAAA,IACF;AACA,WAAO,OAAO,YAAY,iBAAiB,GAAG,WAAW,CAAC,EAAE,KAAK,CAAC;AAAA,EACpE;AACF;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["import { type ReactNode, Fragment, forwardRef, useRef, isValidElement, act } from 'react'\nimport { renderToReadableStream } from 'react-dom/server'\nimport { JSDOM } from 'jsdom'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\nimport { ServerInsertedHTMLContext } from 'next/navigation'\n\nimport { type Data, type ValueType, type DataType, ControlDefinition } from '@makeswift/controls'\n\nimport { type CacheData } from '../../../../api/client'\nimport { ElementData } from '../../../../state/read-only-state'\nimport { setIsInBuilder } from '../../../../state/actions/internal/read-only-actions'\nimport { ReactRuntime } from '../../../../runtimes/react/react-runtime'\nimport { MakeswiftComponent } from '../../../../runtimes/react/components/MakeswiftComponent'\nimport { Page } from '../../page'\nimport { isServer } from '../../../../utils/is-server'\nimport * as Testing from '../../../testing'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nconst renderProp = (prop: any) =>\n  prop === undefined ? 'undefined' : isValidElement(prop) ? prop : JSON.stringify(prop)\n\nconst propSnapshot = (prop: HTMLElement | null) =>\n  prop?.childElementCount ? prop.childNodes : parseStringifiedProp(prop?.textContent ?? '')\n\nconst parseStringifiedProp = (prop: string) => (prop === 'undefined' ? undefined : JSON.parse(prop))\n\nasync function streamToString(stream: ReadableStream) {\n  const reader = stream.getReader()\n  const decoder = new TextDecoder()\n\n  let result = ''\n\n  while (true) {\n    const { done, value } = await reader.read()\n    if (done) break\n    result += decoder.decode(value, { stream: true })\n  }\n\n  return result\n}\n\nasync function renderToString(element: ReactNode) {\n  return await streamToString(await renderToReadableStream(element))\n}\n\nasync function serverSideRender(children: ReactNode) {\n  // wrap the children in a context provider to capture server-inserted HTML, see\n  // https://github.com/vercel/next.js/blob/canary/packages/next/src/server/app-render/server-inserted-html.tsx\n  const serverInsertedCallbacks: (() => React.ReactNode)[] = []\n\n  const elementTree = (\n    <ServerInsertedHTMLContext.Provider value={handler => serverInsertedCallbacks.push(handler)}>\n      {children}\n    </ServerInsertedHTMLContext.Provider>\n  )\n\n  const elementsHTML = await renderToString(elementTree)\n\n  const serverInsertedNodes = serverInsertedCallbacks.map((callback, index) => (\n    <Fragment key={'__next_server_inserted__' + index}>{callback()}</Fragment>\n  ))\n\n  const headHTML = await renderToString(serverInsertedNodes)\n\n  const dom = new JSDOM(\n    `<!DOCTYPE html><head>${headHTML}</head><body><div id=\"root\">${elementsHTML}</div></body></div>`,\n    {\n      runScripts: 'dangerously',\n    },\n  )\n\n  return dom.window.document\n}\n\nexport async function testPageControlPropRendering<D extends ControlDefinition>(\n  controlDefinition: D,\n  {\n    toData,\n    value,\n    locale,\n    cacheData,\n    expectedRenders,\n    registerComponents,\n    action,\n    rootElements = [],\n    isInBuilder = false,\n  }: {\n    toData?: (value: ValueType<D>) => DataType<D>\n    value: ValueType<D> | undefined\n    locale?: string | null\n    cacheData?: Partial<CacheData>\n    expectedRenders?: number\n    registerComponents?: (runtime: ReactRuntime) => void\n    action?: (element: HTMLElement) => Promise<void>\n    rootElements?: ElementData[]\n    isInBuilder?: boolean\n  },\n) {\n  // Arrange\n  const controlData: DataType<D> | Data =\n    value !== undefined ? (toData ? toData(value) : controlDefinition.toData(value)) : undefined\n\n  const testComponentMeta = {\n    type: 'TestComponent',\n    label: 'Test Component',\n  }\n\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = {\n    key: ELEMENT_ID,\n    type: testComponentMeta.type,\n    props: {\n      propKey: controlData,\n    },\n  }\n\n  const runtime = Testing.createReactRuntime()\n  runtime.protoStore.dispatch(setIsInBuilder(isInBuilder))\n  registerComponents?.(runtime)\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{renderProp(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      ...testComponentMeta,\n      props: {\n        propKey: controlDefinition as any,\n      },\n    },\n  )\n\n  const testElementTree = (component: ReactNode) => (\n    <Testing.ReactProvider runtime={runtime}>{component}</Testing.ReactProvider>\n  )\n\n  if (!isServer()) {\n    const rootElementData: ElementData = Testing.createRootComponent(\n      [elementData, ...rootElements],\n      ROOT_ID,\n    )\n\n    const snapshot = Testing.createMakeswiftPageSnapshot(rootElementData, { locale, cacheData })\n\n    // Assert\n    await act(async () => render(testElementTree(<Page snapshot={snapshot} />)))\n\n    if (action) {\n      await act(async () => {\n        await action(screen.getByTestId(testId))\n      })\n    }\n\n    expect(snapshot).toMatchSnapshot('snapshot')\n    expect(propSnapshot(screen.getByTestId(testId))).toMatchSnapshot('resolvedValue')\n\n    if (expectedRenders != null) {\n      expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n    }\n  } else {\n    // test server-side rendering using a component snapshot\n    console.assert(action == null)\n    console.assert(rootElements.length === 0)\n\n    const snapshot = Testing.createMakeswiftComponentSnapshot(elementData, { locale, cacheData })\n    const elementTree = testElementTree(\n      <MakeswiftComponent snapshot={snapshot} {...testComponentMeta} />,\n    )\n\n    const document = await serverSideRender(elementTree)\n    const getByTestId = (id: string): HTMLElement | null =>\n      document.querySelector(`[data-testid=\"${id}\"]`)\n\n    expect(propSnapshot(getByTestId(testId))).toMatchSnapshot('resolvedValue')\n    expect([...document.querySelectorAll('style')].map(n => n.textContent)).toMatchSnapshot(\n      'component styles',\n    )\n    expect(Number(getByTestId(renderCountTestId)?.textContent)).toBe(1)\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/runtimes/react/components/RuntimeProvider.js

@@ -1,8 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { ReactRuntimeContext } from "../hooks/use-react-runtime";
 import { useAsyncEffect } from "../hooks/use-async-effect";
+import { StoreContext } from "../hooks/use-store";
 import { PreviewSwitcher } from "./preview-switcher/preview-switcher";
 function RuntimeProvider({
   children,
@@ -12,16 +13,19 @@ function RuntimeProvider({
 }) {
   const siteVersion = siteVersionProp ?? null;
   const isPreview = siteVersion != null;
-  const isReadOnly = siteVersion == null;
-  useMemo(
-    () => runtime.setIdempotent({ siteVersion, isReadOnly, locale }),
-    [runtime, siteVersion, isReadOnly, locale]
+  const store = useMemo(
+    () => runtime.getOrCreateStore({ siteVersion, locale }),
+    [runtime, siteVersion, locale]
   );
-  useAsyncEffect(() => runtime.setupStore({ isReadOnly }), [runtime, isReadOnly]);
-  return /* @__PURE__ */ jsxs(ReactRuntimeContext.Provider, { value: runtime, children: [
+  useEffect(() => {
+    runtime.retainStore({ siteVersion, locale }, store);
+    return () => runtime.releaseStore({ siteVersion, locale }, store);
+  }, [runtime, siteVersion, locale, store]);
+  useAsyncEffect(() => store.loadReadWriteStateIfNeeded(), [store]);
+  return /* @__PURE__ */ jsx(ReactRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ jsxs(StoreContext.Provider, { value: store, children: [
     children,
     /* @__PURE__ */ jsx(PreviewSwitcher, { isPreview })
-  ] });
+  ] }) });
 }
 export {
   RuntimeProvider

package/dist/esm/runtimes/react/components/RuntimeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo } from 'react'\n\nimport { type SiteVersion } from '../../../api/site-version'\n\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { useAsyncEffect } from '../hooks/use-async-effect'\nimport { type ReactRuntimeCore } from '../react-runtime-core'\n\nimport { PreviewSwitcher } from './preview-switcher/preview-switcher'\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  siteVersion: siteVersionProp,\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntimeCore\n  siteVersion: SiteVersion | null | undefined\n  locale?: string\n}) {\n  const siteVersion = siteVersionProp ?? null\n  const isPreview = siteVersion != null\n  // TODO: we need to decouple editability from the site version; specifically, previewing\n  // a draft version of the site should not lead to switching to the read-write state\n  const isReadOnly = siteVersion == null\n\n  // setting idempotent part of the state on render to have parity between server-side and\n  // client-side rendering depending on this state; `useMemo` here is purely a performance\n  // optimization; prior art for performing idempotent side effects on render:\n  // https://github.com/TanStack/query/blob/8f9f183f11df3709a1a38c4efce1452788041f88/packages/react-query/src/HydrationBoundary.tsx#L41\n  useMemo(\n    () => runtime.setIdempotent({ siteVersion, isReadOnly, locale }),\n    [runtime, siteVersion, isReadOnly, locale],\n  )\n\n  useAsyncEffect(() => runtime.setupStore({ isReadOnly }), [runtime, isReadOnly])\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      {children}\n      <PreviewSwitcher isPreview={isPreview} />\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AAyCI,SAEE,KAFF;AAvCJ,SAAoB,eAAe;AAInC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAG/B,SAAS,uBAAuB;AAEzB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,SAAS;AACX,GAKG;AACD,QAAM,cAAc,mBAAmB;AACvC,QAAM,YAAY,eAAe;AAGjC,QAAM,aAAa,eAAe;AAMlC;AAAA,IACE,MAAM,QAAQ,cAAc,EAAE,aAAa,YAAY,OAAO,CAAC;AAAA,IAC/D,CAAC,SAAS,aAAa,YAAY,MAAM;AAAA,EAC3C;AAEA,iBAAe,MAAM,QAAQ,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,SAAS,UAAU,CAAC;AAE9E,SACE,qBAAC,oBAAoB,UAApB,EAA6B,OAAO,SAClC;AAAA;AAAA,IACD,oBAAC,mBAAgB,WAAsB;AAAA,KACzC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useEffect, useMemo } from 'react'\n\nimport { type SiteVersion } from '../../../api/site-version'\n\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { useAsyncEffect } from '../hooks/use-async-effect'\nimport { StoreContext } from '../hooks/use-store'\nimport { type ReactRuntimeCore } from '../react-runtime-core'\n\nimport { PreviewSwitcher } from './preview-switcher/preview-switcher'\n\nexport function RuntimeProvider({\n  children,\n  runtime,\n  siteVersion: siteVersionProp,\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntimeCore\n  siteVersion: SiteVersion | null | undefined\n  locale?: string\n}) {\n  const siteVersion = siteVersionProp ?? null\n  const isPreview = siteVersion != null\n\n  // see `getOrCreateStore` for the description of the stores' lifecycle\n  const store = useMemo(\n    () => runtime.getOrCreateStore({ siteVersion, locale }),\n    [runtime, siteVersion, locale],\n  )\n\n  useEffect(() => {\n    runtime.retainStore({ siteVersion, locale }, store)\n    return () => runtime.releaseStore({ siteVersion, locale }, store)\n  }, [runtime, siteVersion, locale, store])\n\n  // if we're in the read-write mode, the reducers & middleware required for builder\n  // interactions are loaded only on client side, lazily and asynchronously\n  useAsyncEffect(() => store.loadReadWriteStateIfNeeded(), [store])\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <StoreContext.Provider value={store}>\n        {children}\n        <PreviewSwitcher isPreview={isPreview} />\n      </StoreContext.Provider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AA4CM,SAEE,KAFF;AA1CN,SAAoB,WAAW,eAAe;AAI9C,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAG7B,SAAS,uBAAuB;AAEzB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,SAAS;AACX,GAKG;AACD,QAAM,cAAc,mBAAmB;AACvC,QAAM,YAAY,eAAe;AAGjC,QAAM,QAAQ;AAAA,IACZ,MAAM,QAAQ,iBAAiB,EAAE,aAAa,OAAO,CAAC;AAAA,IACtD,CAAC,SAAS,aAAa,MAAM;AAAA,EAC/B;AAEA,YAAU,MAAM;AACd,YAAQ,YAAY,EAAE,aAAa,OAAO,GAAG,KAAK;AAClD,WAAO,MAAM,QAAQ,aAAa,EAAE,aAAa,OAAO,GAAG,KAAK;AAAA,EAClE,GAAG,CAAC,SAAS,aAAa,QAAQ,KAAK,CAAC;AAIxC,iBAAe,MAAM,MAAM,2BAA2B,GAAG,CAAC,KAAK,CAAC;AAEhE,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,+BAAC,aAAa,UAAb,EAAsB,OAAO,OAC3B;AAAA;AAAA,IACD,oBAAC,mBAAgB,WAAsB;AAAA,KACzC,GACF;AAEJ;","names":[]}

package/dist/esm/runtimes/react/hooks/use-store.js

@@ -1,9 +1,15 @@
 "use client";
-import { useReactRuntime } from "./use-react-runtime";
+import { createContext, useContext } from "react";
+const StoreContext = createContext(null);
 function useStore() {
-  return useReactRuntime().store;
+  const store = useContext(StoreContext);
+  if (store == null) {
+    throw new Error("`useStore` must be used within a `StoreProvider`");
+  }
+  return store;
 }
 export {
+  StoreContext,
   useStore
 };
 //# sourceMappingURL=use-store.js.map

package/dist/esm/runtimes/react/hooks/use-store.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["'use client'\n\nimport { type Store } from '../../../state/store'\nimport { useReactRuntime } from './use-react-runtime'\n\nexport function useStore(): Store {\n  return useReactRuntime().store\n}\n"],"mappings":";AAGA,SAAS,uBAAuB;AAEzB,SAAS,WAAkB;AAChC,SAAO,gBAAgB,EAAE;AAC3B;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport { type Store } from '../../../state/store'\n\nexport const StoreContext = createContext<Store | null>(null)\n\nexport function useStore(): Store {\n  const store = useContext(StoreContext)\n  if (store == null) {\n    throw new Error('`useStore` must be used within a `StoreProvider`')\n  }\n\n  return store\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAGnC,MAAM,eAAe,cAA4B,IAAI;AAErD,SAAS,WAAkB;AAChC,QAAM,QAAQ,WAAW,YAAY;AACrC,MAAI,SAAS,MAAM;AACjB,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/runtimes/react/host-api-client.js

@@ -1,7 +1,7 @@
 "use client";
-import { useReactRuntime } from "./hooks/use-react-runtime";
+import { useStore } from "./hooks/use-store";
 function useMakeswiftHostApiClient() {
-  return useReactRuntime().hostApiClient;
+  return useStore().hostApiClient;
 }
 export {
   useMakeswiftHostApiClient

package/dist/esm/runtimes/react/host-api-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nimport { useReactRuntime } from './hooks/use-react-runtime'\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useReactRuntime().hostApiClient\n}\n"],"mappings":";AAIA,SAAS,uBAAuB;AAEzB,SAAS,4BAAoD;AAClE,SAAO,gBAAgB,EAAE;AAC3B;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nimport { useStore } from './hooks/use-store'\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useStore().hostApiClient\n}\n"],"mappings":";AAIA,SAAS,gBAAgB;AAElB,SAAS,4BAAoD;AAClE,SAAO,SAAS,EAAE;AACpB;","names":[]}

package/dist/esm/runtimes/react/react-runtime-core.js

@@ -24,7 +24,7 @@ class ReactRuntimeCore extends RuntimeCore {
     props
   }) {
     validateComponentType(type, component);
-    const unregisterComponent = this.store.dispatch(
+    const unregisterComponent = this.protoStore.dispatch(
       registerComponentEffect(
         type,
         { label, icon, hidden, description, builtinSuspense },
@@ -36,7 +36,7 @@ class ReactRuntimeCore extends RuntimeCore {
         "builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>."
       );
     }
-    const unregisterReactComponent = this.store.dispatch(
+    const unregisterReactComponent = this.protoStore.dispatch(
       registerReactComponentEffect(type, component)
     );
     return () => {

package/dist/esm/runtimes/react/react-runtime-core.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/react-runtime-core.ts"],"sourcesContent":["import { ControlDefinition as UnifiedControlDefinition } from '@makeswift/controls'\n\nimport { type LegacyDescriptor, type DescriptorValueType } from '../../prop-controllers/descriptors'\n\nimport { supportsActivity } from './components/activity-with-fallback'\n\nimport {\n  registerComponentEffect,\n  registerReactComponentEffect,\n} from '../../state/actions/internal/read-only-actions'\n\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type { ComponentType } from '../../state/read-only-state'\n\nimport { RuntimeCore } from './runtime-core'\n\nfunction validateComponentType(type: string, component?: ComponentType): void {\n  const componentName = component?.name ?? 'Component'\n  if (typeof type !== 'string' || type === '') {\n    throw new Error(\n      `${componentName}: A non-empty string \\`type\\` is required for component registration, got ${type}`,\n    )\n  }\n}\n\nexport class ReactRuntimeCore extends RuntimeCore {\n  registerComponent<\n    ControlDef extends UnifiedControlDefinition,\n    P extends Record<string, LegacyDescriptor | ControlDef>,\n    C extends ComponentType<{ [K in keyof P]: DescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      description,\n      builtinSuspense,\n      props,\n    }: {\n      type: string\n      label: string\n      icon?: ComponentIcon\n      hidden?: boolean\n      description?: string\n      /**\n       * In React <= 19.1, controls the default `<Suspense>` boundary.\n       * Ignored in React >= 19.2; components are always wrapped in `<Activity>`.\n       * Defaults to `true`.\n       */\n      builtinSuspense?: boolean\n      props?: P\n    },\n  ): () => void {\n    validateComponentType(type, component as unknown as ComponentType)\n\n    const unregisterComponent = this.store.dispatch(\n      registerComponentEffect(\n        type,\n        { label, icon, hidden, description, builtinSuspense },\n        props ?? {},\n      ),\n    )\n\n    if (supportsActivity() && builtinSuspense !== undefined) {\n      console.warn(\n        'builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>.',\n      )\n    }\n\n    const unregisterReactComponent = this.store.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n}\n"],"mappings":"AAIA,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB,MAAc,WAAiC;AAC5E,QAAM,gBAAgB,WAAW,QAAQ;AACzC,MAAI,OAAO,SAAS,YAAY,SAAS,IAAI;AAC3C,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,6EAA6E,IAAI;AAAA,IACnG;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,YAAY;AAAA,EAChD,kBAKE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAcY;AACZ,0BAAsB,MAAM,SAAqC;AAEjE,UAAM,sBAAsB,KAAK,MAAM;AAAA,MACrC;AAAA,QACE;AAAA,QACA,EAAE,OAAO,MAAM,QAAQ,aAAa,gBAAgB;AAAA,QACpD,SAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,QAAI,iBAAiB,KAAK,oBAAoB,QAAW;AACvD,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM,2BAA2B,KAAK,MAAM;AAAA,MAC1C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/react-runtime-core.ts"],"sourcesContent":["import { ControlDefinition as UnifiedControlDefinition } from '@makeswift/controls'\n\nimport { type LegacyDescriptor, type DescriptorValueType } from '../../prop-controllers/descriptors'\n\nimport { supportsActivity } from './components/activity-with-fallback'\n\nimport {\n  registerComponentEffect,\n  registerReactComponentEffect,\n} from '../../state/actions/internal/read-only-actions'\n\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type { ComponentType } from '../../state/read-only-state'\n\nimport { RuntimeCore } from './runtime-core'\n\nfunction validateComponentType(type: string, component?: ComponentType): void {\n  const componentName = component?.name ?? 'Component'\n  if (typeof type !== 'string' || type === '') {\n    throw new Error(\n      `${componentName}: A non-empty string \\`type\\` is required for component registration, got ${type}`,\n    )\n  }\n}\n\nexport class ReactRuntimeCore extends RuntimeCore {\n  registerComponent<\n    ControlDef extends UnifiedControlDefinition,\n    P extends Record<string, LegacyDescriptor | ControlDef>,\n    C extends ComponentType<{ [K in keyof P]: DescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      description,\n      builtinSuspense,\n      props,\n    }: {\n      type: string\n      label: string\n      icon?: ComponentIcon\n      hidden?: boolean\n      description?: string\n      /**\n       * In React <= 19.1, controls the default `<Suspense>` boundary.\n       * Ignored in React >= 19.2; components are always wrapped in `<Activity>`.\n       * Defaults to `true`.\n       */\n      builtinSuspense?: boolean\n      props?: P\n    },\n  ): () => void {\n    validateComponentType(type, component as unknown as ComponentType)\n\n    const unregisterComponent = this.protoStore.dispatch(\n      registerComponentEffect(\n        type,\n        { label, icon, hidden, description, builtinSuspense },\n        props ?? {},\n      ),\n    )\n\n    if (supportsActivity() && builtinSuspense !== undefined) {\n      console.warn(\n        'builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>.',\n      )\n    }\n\n    const unregisterReactComponent = this.protoStore.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n}\n"],"mappings":"AAIA,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB,MAAc,WAAiC;AAC5E,QAAM,gBAAgB,WAAW,QAAQ;AACzC,MAAI,OAAO,SAAS,YAAY,SAAS,IAAI;AAC3C,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,6EAA6E,IAAI;AAAA,IACnG;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,YAAY;AAAA,EAChD,kBAKE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAcY;AACZ,0BAAsB,MAAM,SAAqC;AAEjE,UAAM,sBAAsB,KAAK,WAAW;AAAA,MAC1C;AAAA,QACE;AAAA,QACA,EAAE,OAAO,MAAM,QAAQ,aAAa,gBAAgB;AAAA,QACpD,SAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,QAAI,iBAAiB,KAAK,oBAAoB,QAAW;AACvD,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM,2BAA2B,KAAK,WAAW;AAAA,MAC/C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AACF;","names":[]}

package/dist/esm/runtimes/react/react-runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/react-runtime.ts"],"sourcesContent":["import { registerBuiltinComponents } from '../../components/builtin/register'\nimport { ReactRuntimeCore } from './react-runtime-core'\n\nexport class ReactRuntime extends ReactRuntimeCore {\n  constructor(...args: ConstructorParameters<typeof ReactRuntimeCore>) {\n    super(...args)\n    registerBuiltinComponents(this)\n  }\n}\n"],"mappings":"AAAA,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAE1B,MAAM,qBAAqB,iBAAiB;AAAA,EACjD,eAAe,MAAsD;AACnE,UAAM,GAAG,IAAI;AACb,8BAA0B,IAAI;AAAA,EAChC;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/react-runtime.ts"],"sourcesContent":["import { registerBuiltinComponents } from '../../components/builtin/register'\nimport { ReactRuntimeCore } from './react-runtime-core'\n\nexport { type StoreKey } from './runtime-core'\n\nexport class ReactRuntime extends ReactRuntimeCore {\n  constructor(...args: ConstructorParameters<typeof ReactRuntimeCore>) {\n    super(...args)\n    registerBuiltinComponents(this)\n  }\n}\n"],"mappings":"AAAA,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAI1B,MAAM,qBAAqB,iBAAiB;AAAA,EACjD,eAAe,MAAsD;AACnE,UAAM,GAAG,IAAI;AACb,8BAA0B,IAAI;AAAA,EAChC;AACF;","names":[]}

package/dist/esm/runtimes/react/runtime-core.js

@@ -4,58 +4,93 @@ import {
 } from "../../state/modules/breakpoints";
 import { copyElementTree } from "../../state/ops/copy-element-tree";
 import { getBreakpoints } from "../../state/read-only-state";
-import { configureStore } from "../../state/store";
-import { setLocale } from "../../builder";
 import {
-  resetLocaleState,
-  setIsReadOnly,
-  setSiteVersion
-} from "../../state/actions/internal/read-only-actions";
+  configureProtoStore,
+  configureReadWriteStore
+} from "../../state/store";
+import { RefCountedMap } from "../../utils/ref-counted-map";
+import { isServer } from "../../utils/is-server";
+const VERSION_TAG_LIVE = "ref:live";
 class RuntimeCore {
-  store;
-  hostApiClient;
+  // The unowned entry TTL affects performance, not correctness. The TTL controls how long an unretained store stays
+  // in the map. If an entry expires and is removed from the map before React commits, the store remains retained
+  // via `<StoreContext.Provider>`. The only impact is that future lookups will create a new store instance instead of
+  // reusing the existing one, reducing cache efficiency.
+  activeStores = new RefCountedMap({
+    unownedEntryTtlMs: 1e3,
+    // Checking on retain/release is sufficient on the client, and we don't need to check on get on the server
+    // as the only scenario in which we add the store to the map is when the runtime is already bound to the
+    // requested site version, which should be the only site version for which the store is requested
+    ttlCheck: RefCountedMap.TTLCheck.ON_RETAIN | RefCountedMap.TTLCheck.ON_RELEASE
+  });
+  protoStore;
   appOrigin;
   apiOrigin;
+  requestKey;
+  fetch;
   constructor({
     appOrigin = "https://app.makeswift.com",
     apiOrigin = "https://api.makeswift.com",
     breakpoints,
+    requestKey,
     fetch
   }) {
     this.appOrigin = validateOrigin(appOrigin, "appOrigin");
     this.apiOrigin = validateOrigin(apiOrigin, "apiOrigin");
-    this.hostApiClient = new MakeswiftHostApiClient({
-      uri: new URL("graphql", this.apiOrigin).href,
-      fetch
-    });
-    this.store = configureStore({
-      name: "Runtime store",
-      hostApiClient: this.hostApiClient,
-      appOrigin: this.appOrigin,
-      preloadedState: null,
+    this.requestKey = requestKey;
+    this.fetch = fetch;
+    this.protoStore = configureProtoStore({
+      name: "Runtime proto-store",
       breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : void 0
     });
   }
-  setIdempotent({
-    siteVersion,
-    isReadOnly,
-    locale
-  }) {
-    this.store.dispatch(setSiteVersion(siteVersion));
-    this.store.dispatch(setIsReadOnly(isReadOnly));
-    this.store.dispatch(locale != null ? setLocale(new Intl.Locale(locale)) : resetLocaleState());
+  getOrCreateStore({ siteVersion, locale }) {
+    const key = storeCacheKey({ siteVersion, locale });
+    const createStore = () => {
+      const hostApiClient = new MakeswiftHostApiClient({
+        uri: new URL("graphql", this.apiOrigin).href,
+        fetch: this.fetch,
+        preloadedState: { siteVersion, locale }
+      });
+      const isReadOnly = siteVersion == null;
+      return configureReadWriteStore({
+        name: `Runtime read-write store (site version: ${key})`,
+        appOrigin: this.appOrigin,
+        hostApiClient,
+        preloadedState: { ...this.protoStore.getState(), siteVersion, isReadOnly, locale }
+      });
+    };
+    const usePersistentStore = this.shouldUsePersistentStore(key);
+    return usePersistentStore ? this.activeStores.getOrCreate(key, createStore) : createStore();
   }
-  async setupStore({ isReadOnly }) {
-    const unloadReadWriteState = await this.store.loadReadWriteState({ isReadOnly });
-    return () => unloadReadWriteState();
+  retainStore({ siteVersion, locale }, store) {
+    const key = storeCacheKey({ siteVersion, locale });
+    if (!this.shouldUsePersistentStore(key)) {
+      console.error("RuntimeCore: attempt to retain an ephemeral store", { key });
+      return;
+    }
+    this.activeStores.retain(key, store);
+  }
+  releaseStore({ siteVersion, locale }, store) {
+    const key = storeCacheKey({ siteVersion, locale });
+    if (!this.shouldUsePersistentStore(key)) {
+      console.error("RuntimeCore: attempt to release an ephemeral store", { key });
+      return;
+    }
+    this.activeStores.release(key, store);
   }
   copyElementTree(elementTree, replacementContext) {
-    return copyElementTree(this.store.getState(), elementTree, replacementContext);
+    return copyElementTree(this.protoStore.getState(), elementTree, replacementContext);
   }
   getBreakpoints() {
-    return getBreakpoints(this.store.getState());
+    return getBreakpoints(this.protoStore.getState());
+  }
+  shouldUsePersistentStore(key) {
+    return !isServer() || this.requestKey !== void 0 && storeCacheKey(this.requestKey) === key;
   }
 }
+const storeCacheKey = ({ siteVersion, locale }) => `${siteVersionTag(siteVersion)}/${locale ?? "default"}`;
+const siteVersionTag = (siteVersion) => siteVersion?.version ?? VERSION_TAG_LIVE;
 function validateOrigin(url, name) {
   try {
     return new URL(url).origin;