@makeswift/runtime 0.28.10-canary.9 → 0.29.0-canary.19

package/dist/cjs/controls/rich-text-v2/rich-text-v2.js

@@ -48,12 +48,13 @@ var import_plugin = require("./plugin");
 var import_control = require("./control");
 var import_get_translations = require("./translations/get-translations");
 class Definition extends import_controls.RichTextDefinition {
+  plugins;
   constructor({ mode, defaultValue }, plugins) {
     super({
       mode,
-      defaultValue: defaultValue ?? (mode === Definition.Mode.Inline ? "Edit this text" : Definition.generateParagraph()),
-      plugins: plugins ?? (mode === Definition.Mode.Inline ? [(0, import_InlineModePlugin.InlineModePlugin)()] : [(0, import_BlockPlugin.BlockPlugin)(), (0, import_TypographyPlugin.TypographyPlugin)(), (0, import_TextAlignPlugin.TextAlignPlugin)(), (0, import_InlinePlugin.InlinePlugin)(), (0, import_LinkPlugin.LinkPlugin)()])
+      defaultValue: defaultValue ?? (mode === Definition.Mode.Inline ? "Edit this text" : Definition.generateParagraph())
     });
+    this.plugins = plugins ?? (mode === Definition.Mode.Inline ? [(0, import_InlineModePlugin.InlineModePlugin)()] : [(0, import_BlockPlugin.BlockPlugin)(), (0, import_TypographyPlugin.TypographyPlugin)(), (0, import_TextAlignPlugin.TextAlignPlugin)(), (0, import_InlinePlugin.InlinePlugin)(), (0, import_LinkPlugin.LinkPlugin)()]);
   }
   static generateParagraph() {
     return (0, import_corporate_ipsum.default)(3);
@@ -62,13 +63,13 @@ class Definition extends import_controls.RichTextDefinition {
     if (data.type !== Definition.type) {
       throw new Error(`RichText: expected type ${Definition.type}, got ${data.type}`);
     }
-    const { config } = Definition.fullSchema({
+    const { config, plugins } = Definition.fullSchema({
       pluginDef: import_controls.SerializationSchema.deserializedRecord
     }).definition.parse(data);
-    const { plugins, ...userConfig } = config;
+    const { plugins: configPlugins, ...userConfig } = config;
     return new RichTextV2Definition(
       userConfig,
-      plugins.map(
+      (plugins ?? configPlugins ?? []).map(
         ({ control }) => control ? { control: { definition: deserializeCallback(control?.definition) } } : {}
       )
     );
@@ -80,29 +81,39 @@ class Definition extends import_controls.RichTextDefinition {
         definition: pluginDef
       }).optional()
     });
-    const config = baseSchema.userConfig.extend({
-      defaultValue: import_zod.z.string(),
-      plugins: import_zod.z.array(plugin)
+    const plugins = import_zod.z.array(plugin);
+    const config = Definition.configSchema().extend({
+      // plugins have been moved from config to the definition itself; keeping
+      // the field here as optional so we can deserialize definitions coming from
+      // older runtimes
+      plugins: plugins.optional()
     });
     return {
       ...baseSchema,
       config,
       definition: import_zod.z.object({
         type: baseSchema.type,
+        // marked as optional for backward compatibility with older runtimes
+        plugins: plugins.optional(),
         config
       })
     };
   }
+  static configSchema() {
+    return super.schema.userConfig.extend({
+      defaultValue: import_zod.z.string()
+    });
+  }
   get configSchema() {
-    return Definition.fullSchema({ pluginDef: import_zod.z.any() }).config;
+    return Definition.configSchema();
   }
   createInstance(args) {
     return new import_control.RichTextV2Control(this, args);
   }
-  resolveValue(data, _resolver, _stylesheet, control) {
+  resolveValue(data, _resolver, stylesheet, control) {
     const stableValue = (0, import_controls.StableValue)({
       name: Definition.type,
-      read: () => (0, import_rich_text_v2.renderRichTextV2)(data, this, control ?? null)
+      read: () => (0, import_rich_text_v2.renderRichTextV2)({ data, config: this.config, control: control ?? null, stylesheet })
     });
     return {
       ...stableValue,
@@ -113,10 +124,10 @@ class Definition extends import_controls.RichTextDefinition {
   getTranslatableData(data) {
     if (data == null)
       return null;
-    return (0, import_get_translations.getTranslatableData)(Definition.dataToNodes(data), this.config.plugins);
+    return (0, import_get_translations.getTranslatableData)(Definition.dataToNodes(data), this.plugins);
   }
   get pluginControls() {
-    return this.config.plugins.map((plugin) => plugin.control).filter(import_controls.isNotNil);
+    return this.plugins.map((plugin) => plugin.control).filter(import_controls.isNotNil);
   }
   pluginControlAt(index) {
     return this.pluginControls[index];

package/dist/cjs/controls/rich-text-v2/rich-text-v2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/controls/rich-text-v2/rich-text-v2.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { z } from 'zod'\n// @ts-expect-error: there are no types for 'corporate-ipsum'\nimport ipsum from 'corporate-ipsum'\n\nimport {\n  RichTextDefinition as BaseRichTextDefinition,\n  isNotNil,\n  ControlDefinition,\n  SerializationSchema,\n  StableValue,\n  type Data,\n  type Resolvable,\n  type ControlInstanceArgs,\n  type DeserializedRecord,\n  type SchemaType,\n  type SchemaTypeAny,\n  type RichTextPluginControl,\n  type ResourceResolver,\n  type Stylesheet,\n  type RichTextMode,\n} from '@makeswift/controls'\n\nimport { LinkPlugin } from '../../slate/LinkPlugin'\nimport { InlinePlugin } from '../../slate/InlinePlugin'\nimport { TextAlignPlugin } from '../../slate/TextAlignPlugin'\nimport { BlockPlugin } from '../../slate/BlockPlugin'\nimport { TypographyPlugin } from '../../slate/TypographyPlugin'\nimport { InlineModePlugin } from '../../slate/InlineModePlugin'\nimport { toText } from '../../slate/utils'\n\nimport { renderRichTextV2 } from '../../runtimes/react/controls/rich-text-v2'\n\nimport { RichTextV2Plugin, Plugin } from './plugin'\nimport { RichTextV2Control } from './control'\nimport { getTranslatableData } from './translations/get-translations'\n\ntype DataType = z.infer<typeof Definition.schema.data>\ntype DataV2Type = z.infer<typeof Definition.schema.dataV2>\ntype InstanceType = RichTextV2Control\ntype UserConfig = z.infer<typeof Definition.schema.userConfig>\ntype Config = UserConfig & {\n  defaultValue: string\n  plugins: RichTextV2Plugin[]\n}\n\nclass Definition extends BaseRichTextDefinition<ReactNode, Config, InstanceType> {\n  constructor({ mode, defaultValue }: UserConfig, plugins?: RichTextV2Plugin[]) {\n    super({\n      mode,\n      defaultValue:\n        defaultValue ??\n        (mode === Definition.Mode.Inline ? 'Edit this text' : Definition.generateParagraph()),\n      plugins:\n        plugins ??\n        (mode === Definition.Mode.Inline\n          ? [InlineModePlugin()]\n          : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()]),\n    })\n  }\n\n  static generateParagraph(): string {\n    return ipsum(3)\n  }\n\n  static deserialize(\n    data: DeserializedRecord,\n    deserializeCallback: (r: DeserializedRecord) => ControlDefinition,\n  ): RichTextV2Definition {\n    if (data.type !== Definition.type) {\n      throw new Error(`RichText: expected type ${Definition.type}, got ${data.type}`)\n    }\n\n    const { config } = Definition.fullSchema({\n      pluginDef: SerializationSchema.deserializedRecord,\n    }).definition.parse(data)\n\n    const { plugins, ...userConfig } = config\n\n    return new RichTextV2Definition(\n      userConfig,\n      plugins.map(({ control }) =>\n        control ? { control: { definition: deserializeCallback(control?.definition) } } : {},\n      ),\n    )\n  }\n\n  static fullSchema<S extends SchemaTypeAny>({ pluginDef }: { pluginDef: S }) {\n    const baseSchema = super.schema\n    const plugin = z.object({\n      control: z\n        .object({\n          definition: pluginDef,\n        })\n        .optional(),\n    })\n\n    const config = baseSchema.userConfig.extend({\n      defaultValue: z.string(),\n      plugins: z.array(plugin),\n    })\n\n    return {\n      ...baseSchema,\n      config,\n      definition: z.object({\n        type: baseSchema.type,\n        config,\n      }),\n    }\n  }\n\n  get configSchema(): SchemaType<Config> {\n    return Definition.fullSchema({ pluginDef: z.any() as SchemaType<ControlDefinition> }).config\n  }\n\n  createInstance(args: ControlInstanceArgs) {\n    return new RichTextV2Control(this, args)\n  }\n\n  resolveValue(\n    data: DataType | undefined,\n    _resolver: ResourceResolver,\n    _stylesheet: Stylesheet,\n    control?: InstanceType,\n  ): Resolvable<ReactNode | undefined> {\n    const stableValue = StableValue({\n      name: Definition.type,\n      read: () => renderRichTextV2(data, this, control ?? null),\n    })\n\n    return {\n      ...stableValue,\n      triggerResolve: async () => {},\n    }\n  }\n\n  getTranslatableData(data: DataType | undefined): Data {\n    if (data == null) return null\n    return getTranslatableData(Definition.dataToNodes(data), this.config.plugins)\n  }\n\n  get pluginControls(): RichTextPluginControl[] {\n    return this.config.plugins.map(plugin => plugin.control).filter(isNotNil)\n  }\n\n  pluginControlAt(index: number): RichTextPluginControl | undefined {\n    return this.pluginControls[index]\n  }\n\n  toText(data: DataType | undefined): string {\n    if (data == null) return ''\n    return toText(Definition.dataToNodes(data), this.config.mode ?? Definition.Mode.Block)\n  }\n}\n\nexport class RichTextV2Definition extends Definition {}\n\nexport function RichText(config?: UserConfig): RichTextV2Definition {\n  return new RichTextV2Definition(config ?? {})\n}\n\nRichText.Mode = Definition.Mode\nRichText.isV1Data = Definition.isV1Data\nRichText.dataToNodes = Definition.dataToNodes\nRichText.Plugin = Plugin\n\nexport { RichTextMode as RichTextV2Mode, type DataV2Type as RichTextDataV2, RichTextV2Control }\n"],"mappings":"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","names":["BaseRichTextDefinition","ipsum"]}
+{"version":3,"sources":["../../../../src/controls/rich-text-v2/rich-text-v2.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { z } from 'zod'\n// @ts-expect-error: there are no types for 'corporate-ipsum'\nimport ipsum from 'corporate-ipsum'\n\nimport {\n  RichTextDefinition as BaseRichTextDefinition,\n  isNotNil,\n  ControlDefinition,\n  SerializationSchema,\n  StableValue,\n  type Data,\n  type Resolvable,\n  type ControlInstanceArgs,\n  type DeserializedRecord,\n  type SchemaType,\n  type SchemaTypeAny,\n  type RichTextPluginControl,\n  type ResourceResolver,\n  type Stylesheet,\n  type RichTextMode,\n} from '@makeswift/controls'\n\nimport { LinkPlugin } from '../../slate/LinkPlugin'\nimport { InlinePlugin } from '../../slate/InlinePlugin'\nimport { TextAlignPlugin } from '../../slate/TextAlignPlugin'\nimport { BlockPlugin } from '../../slate/BlockPlugin'\nimport { TypographyPlugin } from '../../slate/TypographyPlugin'\nimport { InlineModePlugin } from '../../slate/InlineModePlugin'\nimport { toText } from '../../slate/utils'\n\nimport { renderRichTextV2 } from '../../runtimes/react/controls/rich-text-v2'\n\nimport { RichTextV2Plugin, Plugin } from './plugin'\nimport { RichTextV2Control } from './control'\nimport { getTranslatableData } from './translations/get-translations'\n\ntype DataType = z.infer<typeof Definition.schema.data>\ntype DataV2Type = z.infer<typeof Definition.schema.dataV2>\ntype InstanceType = RichTextV2Control\ntype UserConfig = z.infer<typeof Definition.schema.userConfig>\ntype Config = UserConfig & {\n  defaultValue: string\n}\n\nclass Definition extends BaseRichTextDefinition<ReactNode, Config, InstanceType> {\n  readonly plugins: RichTextV2Plugin[]\n\n  constructor({ mode, defaultValue }: UserConfig, plugins?: RichTextV2Plugin[]) {\n    super({\n      mode,\n      defaultValue:\n        defaultValue ??\n        (mode === Definition.Mode.Inline ? 'Edit this text' : Definition.generateParagraph()),\n    })\n\n    // The built-in plugin set is currently determined entirely by `mode` and\n    // has remained stable across runtime versions, so it does not need to be\n    // stored in the internal config. When that changes, we should:\n    //  - introduce a plugin registry\n    //  - have the config carry the IDs of selected plugins\n    //  - use the current inline and block plugin sets as defaults when\n    //    deserializing a legacy config that does not include plugin IDs\n    this.plugins =\n      plugins ??\n      (mode === Definition.Mode.Inline\n        ? [InlineModePlugin()]\n        : [BlockPlugin(), TypographyPlugin(), TextAlignPlugin(), InlinePlugin(), LinkPlugin()])\n  }\n\n  static generateParagraph(): string {\n    return ipsum(3)\n  }\n\n  static deserialize(\n    data: DeserializedRecord,\n    deserializeCallback: (r: DeserializedRecord) => ControlDefinition,\n  ): RichTextV2Definition {\n    if (data.type !== Definition.type) {\n      throw new Error(`RichText: expected type ${Definition.type}, got ${data.type}`)\n    }\n\n    const { config, plugins } = Definition.fullSchema({\n      pluginDef: SerializationSchema.deserializedRecord,\n    }).definition.parse(data)\n\n    const { plugins: configPlugins, ...userConfig } = config\n\n    return new RichTextV2Definition(\n      userConfig,\n      (plugins ?? configPlugins ?? []).map(({ control }) =>\n        control ? { control: { definition: deserializeCallback(control?.definition) } } : {},\n      ),\n    )\n  }\n\n  static fullSchema<S extends SchemaTypeAny>({ pluginDef }: { pluginDef: S }) {\n    const baseSchema = super.schema\n    const plugin = z.object({\n      control: z\n        .object({\n          definition: pluginDef,\n        })\n        .optional(),\n    })\n\n    const plugins = z.array(plugin)\n\n    const config = Definition.configSchema().extend({\n      // plugins have been moved from config to the definition itself; keeping\n      // the field here as optional so we can deserialize definitions coming from\n      // older runtimes\n      plugins: plugins.optional(),\n    })\n\n    return {\n      ...baseSchema,\n      config,\n      definition: z.object({\n        type: baseSchema.type,\n        // marked as optional for backward compatibility with older runtimes\n        plugins: plugins.optional(),\n        config,\n      }),\n    }\n  }\n\n  static configSchema() {\n    return super.schema.userConfig.extend({\n      defaultValue: z.string(),\n    })\n  }\n\n  get configSchema(): SchemaType<Config> {\n    return Definition.configSchema()\n  }\n\n  createInstance(args: ControlInstanceArgs) {\n    return new RichTextV2Control(this, args)\n  }\n\n  resolveValue(\n    data: DataType | undefined,\n    _resolver: ResourceResolver,\n    stylesheet: Stylesheet,\n    control?: InstanceType,\n  ): Resolvable<ReactNode | undefined> {\n    const stableValue = StableValue({\n      name: Definition.type,\n      read: () =>\n        renderRichTextV2({ data, config: this.config, control: control ?? null, stylesheet }),\n    })\n\n    return {\n      ...stableValue,\n      triggerResolve: async () => {},\n    }\n  }\n\n  getTranslatableData(data: DataType | undefined): Data {\n    if (data == null) return null\n    return getTranslatableData(Definition.dataToNodes(data), this.plugins)\n  }\n\n  get pluginControls(): RichTextPluginControl[] {\n    return this.plugins.map(plugin => plugin.control).filter(isNotNil)\n  }\n\n  pluginControlAt(index: number): RichTextPluginControl | undefined {\n    return this.pluginControls[index]\n  }\n\n  toText(data: DataType | undefined): string {\n    if (data == null) return ''\n    return toText(Definition.dataToNodes(data), this.config.mode ?? Definition.Mode.Block)\n  }\n}\n\nexport class RichTextV2Definition extends Definition {}\n\nexport function RichText(config?: UserConfig): RichTextV2Definition {\n  return new RichTextV2Definition(config ?? {})\n}\n\nRichText.Mode = Definition.Mode\nRichText.isV1Data = Definition.isV1Data\nRichText.dataToNodes = Definition.dataToNodes\nRichText.Plugin = Plugin\n\nexport { RichTextMode as RichTextV2Mode, type DataV2Type as RichTextDataV2, RichTextV2Control }\n"],"mappings":"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","names":["BaseRichTextDefinition","ipsum"]}

package/dist/cjs/controls/serialization/base/visitor.js

@@ -32,8 +32,7 @@ class BaseControlSerializationVisitor extends import_controls.ControlSerializati
     super([serializeDefinitionPlugin, ...plugins]);
   }
   visitRichTextV2(def) {
-    const { plugins, ...config } = def.config;
-    const pluginDefs = plugins.map(
+    const pluginDefs = def.plugins.map(
       ({ control }) => control ? {
         control: {
           definition: control.definition,
@@ -46,7 +45,10 @@ class BaseControlSerializationVisitor extends import_controls.ControlSerializati
       } : {}
     );
     const serialized = (0, import_controls.serializeObject)(
-      { config: { ...config, plugins: pluginDefs } },
+      // Continue serializing plugins as part of the config for the time being
+      // for builder compatibility; the current runtime accept plugins either in
+      // the config or at the definition level -- see `RichTextV2Definition.fullSchema`
+      { config: { ...def.config, plugins: pluginDefs } },
       this.serializationPlugins
     );
     return { ...serialized, type: import_rich_text_v2.RichTextV2Definition.type };

package/dist/cjs/controls/serialization/base/visitor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/controls/serialization/base/visitor.ts"],"sourcesContent":["import {\n  ControlDefinition,\n  SerializedRecord,\n  serializeObject,\n  SerializationPlugin,\n  ControlSerializationVisitor,\n} from '@makeswift/controls'\n\nimport { RichTextV2Definition } from '../../rich-text-v2'\n\nexport class BaseControlSerializationVisitor extends ControlSerializationVisitor {\n  constructor(plugins: SerializationPlugin<any>[]) {\n    const serializeDefinitionPlugin: SerializationPlugin<ControlDefinition> = {\n      match: (val: unknown) => val instanceof ControlDefinition,\n      serialize: (val: ControlDefinition) => val.accept(this),\n    }\n\n    super([serializeDefinitionPlugin, ...plugins])\n  }\n\n  visitRichTextV2(def: RichTextV2Definition): SerializedRecord {\n    const { plugins, ...config } = def.config\n\n    // serialize only the plugin control definition, if any\n    const pluginDefs = plugins.map(({ control }) =>\n      control\n        ? {\n            control: {\n              definition: control.definition,\n              // FIXME: remove getValue/onChange stubs once we released a version of the builder\n              // built against the runtime where these can be optional\n              getValue: () => undefined,\n              onChange: () => {},\n            },\n          }\n        : {},\n    )\n\n    const serialized = serializeObject(\n      { config: { ...config, plugins: pluginDefs } },\n      this.serializationPlugins,\n    ) as SerializedRecord\n\n    return { ...serialized, type: RichTextV2Definition.type }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMO;AAEP,0BAAqC;AAE9B,MAAM,wCAAwC,4CAA4B;AAAA,EAC/E,YAAY,SAAqC;AAC/C,UAAM,4BAAoE;AAAA,MACxE,OAAO,CAAC,QAAiB,eAAe;AAAA,MACxC,WAAW,CAAC,QAA2B,IAAI,OAAO,IAAI;AAAA,IACxD;AAEA,UAAM,CAAC,2BAA2B,GAAG,OAAO,CAAC;AAAA,EAC/C;AAAA,EAEA,gBAAgB,KAA6C;AAC3D,UAAM,EAAE,SAAS,GAAG,OAAO,IAAI,IAAI;AAGnC,UAAM,aAAa,QAAQ;AAAA,MAAI,CAAC,EAAE,QAAQ,MACxC,UACI;AAAA,QACE,SAAS;AAAA,UACP,YAAY,QAAQ;AAAA;AAAA;AAAA,UAGpB,UAAU,MAAM;AAAA,UAChB,UAAU,MAAM;AAAA,UAAC;AAAA,QACnB;AAAA,MACF,IACA,CAAC;AAAA,IACP;AAEA,UAAM,iBAAa;AAAA,MACjB,EAAE,QAAQ,EAAE,GAAG,QAAQ,SAAS,WAAW,EAAE;AAAA,MAC7C,KAAK;AAAA,IACP;AAEA,WAAO,EAAE,GAAG,YAAY,MAAM,yCAAqB,KAAK;AAAA,EAC1D;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/controls/serialization/base/visitor.ts"],"sourcesContent":["import {\n  ControlDefinition,\n  SerializedRecord,\n  serializeObject,\n  SerializationPlugin,\n  ControlSerializationVisitor,\n} from '@makeswift/controls'\n\nimport { RichTextV2Definition } from '../../rich-text-v2'\n\nexport class BaseControlSerializationVisitor extends ControlSerializationVisitor {\n  constructor(plugins: SerializationPlugin<any>[]) {\n    const serializeDefinitionPlugin: SerializationPlugin<ControlDefinition> = {\n      match: (val: unknown) => val instanceof ControlDefinition,\n      serialize: (val: ControlDefinition) => val.accept(this),\n    }\n\n    super([serializeDefinitionPlugin, ...plugins])\n  }\n\n  visitRichTextV2(def: RichTextV2Definition): SerializedRecord {\n    // serialize only the plugin control definition, if any\n    const pluginDefs = def.plugins.map(({ control }) =>\n      control\n        ? {\n            control: {\n              definition: control.definition,\n              // FIXME: remove getValue/onChange stubs once we released a version of the builder\n              // built against the runtime where these can be optional\n              getValue: () => undefined,\n              onChange: () => {},\n            },\n          }\n        : {},\n    )\n\n    const serialized = serializeObject(\n      // Continue serializing plugins as part of the config for the time being\n      // for builder compatibility; the current runtime accept plugins either in\n      // the config or at the definition level -- see `RichTextV2Definition.fullSchema`\n      { config: { ...def.config, plugins: pluginDefs } },\n      this.serializationPlugins,\n    ) as SerializedRecord\n\n    return { ...serialized, type: RichTextV2Definition.type }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMO;AAEP,0BAAqC;AAE9B,MAAM,wCAAwC,4CAA4B;AAAA,EAC/E,YAAY,SAAqC;AAC/C,UAAM,4BAAoE;AAAA,MACxE,OAAO,CAAC,QAAiB,eAAe;AAAA,MACxC,WAAW,CAAC,QAA2B,IAAI,OAAO,IAAI;AAAA,IACxD;AAEA,UAAM,CAAC,2BAA2B,GAAG,OAAO,CAAC;AAAA,EAC/C;AAAA,EAEA,gBAAgB,KAA6C;AAE3D,UAAM,aAAa,IAAI,QAAQ;AAAA,MAAI,CAAC,EAAE,QAAQ,MAC5C,UACI;AAAA,QACE,SAAS;AAAA,UACP,YAAY,QAAQ;AAAA;AAAA;AAAA,UAGpB,UAAU,MAAM;AAAA,UAChB,UAAU,MAAM;AAAA,UAAC;AAAA,QACnB;AAAA,MACF,IACA,CAAC;AAAA,IACP;AAEA,UAAM,iBAAa;AAAA;AAAA;AAAA;AAAA,MAIjB,EAAE,QAAQ,EAAE,GAAG,IAAI,QAAQ,SAAS,WAAW,EAAE;AAAA,MACjD,KAAK;AAAA,IACP;AAEA,WAAO,EAAE,GAAG,YAAY,MAAM,yCAAqB,KAAK;AAAA,EAC1D;AACF;","names":[]}

package/dist/cjs/controls/visitors/merge-translations-visitor.js

@@ -34,7 +34,7 @@ class ReactMergeTranslationsVisitor extends import_controls.MergeTranslationsVis
       descendants: (0, import_merge_translations.mergeTranslatedNodes)(
         descendants,
         translatedData,
-        def.config.plugins
+        def.plugins
       )
     };
   }

package/dist/cjs/controls/visitors/merge-translations-visitor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/controls/visitors/merge-translations-visitor.ts"],"sourcesContent":["import { Data, DataType, MergeTranslationsVisitor } from '@makeswift/controls'\n\nimport { RichTextV2Definition } from '../rich-text-v2'\nimport { RichTextTranslationDto } from '../rich-text-v2/translations/translations-core'\nimport { mergeTranslatedNodes } from '../rich-text-v2/translations/merge-translations'\n\nexport class ReactMergeTranslationsVisitor extends MergeTranslationsVisitor {\n  visitRichTextV2(\n    def: RichTextV2Definition,\n    data: DataType<RichTextV2Definition> | undefined,\n    translatedData: Data,\n  ): Data {\n    if (data == null || translatedData == null) return data\n\n    const { descendants, ...rest } = RichTextV2Definition.normalizeData(data)\n\n    return {\n      ...rest,\n      descendants: mergeTranslatedNodes(\n        descendants,\n        translatedData as RichTextTranslationDto,\n        def.config.plugins,\n      ),\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyD;AAEzD,0BAAqC;AAErC,gCAAqC;AAE9B,MAAM,sCAAsC,yCAAyB;AAAA,EAC1E,gBACE,KACA,MACA,gBACM;AACN,QAAI,QAAQ,QAAQ,kBAAkB;AAAM,aAAO;AAEnD,UAAM,EAAE,aAAa,GAAG,KAAK,IAAI,yCAAqB,cAAc,IAAI;AAExE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iBAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI,OAAO;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/controls/visitors/merge-translations-visitor.ts"],"sourcesContent":["import { Data, DataType, MergeTranslationsVisitor } from '@makeswift/controls'\n\nimport { RichTextV2Definition } from '../rich-text-v2'\nimport { RichTextTranslationDto } from '../rich-text-v2/translations/translations-core'\nimport { mergeTranslatedNodes } from '../rich-text-v2/translations/merge-translations'\n\nexport class ReactMergeTranslationsVisitor extends MergeTranslationsVisitor {\n  visitRichTextV2(\n    def: RichTextV2Definition,\n    data: DataType<RichTextV2Definition> | undefined,\n    translatedData: Data,\n  ): Data {\n    if (data == null || translatedData == null) return data\n\n    const { descendants, ...rest } = RichTextV2Definition.normalizeData(data)\n\n    return {\n      ...rest,\n      descendants: mergeTranslatedNodes(\n        descendants,\n        translatedData as RichTextTranslationDto,\n        def.plugins,\n      ),\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyD;AAEzD,0BAAqC;AAErC,gCAAqC;AAE9B,MAAM,sCAAsC,yCAAyB;AAAA,EAC1E,gBACE,KACA,MACA,gBACM;AACN,QAAI,QAAQ,QAAQ,kBAAkB;AAAM,aAAO;AAEnD,UAAM,EAAE,aAAa,GAAG,KAAK,IAAI,yCAAqB,cAAc,IAAI;AAExE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iBAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/next/components/page.js

@@ -26,6 +26,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_page = require("../../runtimes/react/components/page");
 var import_use_router_locale_sync = require("../hooks/use-router-locale-sync");
+var import_use_base_styles = require("../../runtimes/react/css-runtime/hooks/use-base-styles");
 const Page = (0, import_react.memo)(({ snapshot, metadata, ...extras }) => {
   if ("runtime" in extras) {
     throw new Error(
@@ -34,7 +35,19 @@ See our docs for more information on what's changed and instructions to migrate:
     );
   }
   (0, import_use_router_locale_sync.useRouterLocaleSync)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_page.Page, { snapshot, metadata });
+  const pageBaseStyles = {
+    html: {
+      fontFamily: "sans-serif"
+    },
+    "div#__next": {
+      overflow: "hidden"
+    }
+  };
+  const { styleElement: baseStylesElement } = (0, import_use_base_styles.useBaseStyles)({ styles: pageBaseStyles });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_page.Page, { snapshot, metadata }),
+    baseStylesElement
+  ] });
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/next/components/page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/components/page.tsx"],"sourcesContent":["'use client'\n\nimport { memo } from 'react'\n\nimport { Page as BuiltinPage, type PageProps } from '../../runtimes/react/components/page'\n\nimport { useRouterLocaleSync } from '../hooks/use-router-locale-sync'\n\nexport { type PageProps } from '../../runtimes/react/components/page'\n\n/**\n * @param snapshot - The snapshot of the page to render, from\n * `client.getPageSnapshot()`.\n * @param metadata - Allows control over whether to use data from Makeswift for\n * rendering metadata tags in the `<head>` of the page. Pass `true` (default if\n * not provided) to render all metadata tags, or `false` to not render any. For\n * more granular control, pass an object with boolean values for specific\n * metadata fields. Valid fields include:\n *  - `title`\n *  - `description`\n *  - `keywords`\n *  - `socialImage`\n *  - `canonicalUrl`\n *  - `indexingBlocked`\n *  - `favicon`\n *\n * If a field is not provided, it will default to `false`.\n */\nexport const Page = memo(({ snapshot, metadata, ...extras }: PageProps) => {\n  if ('runtime' in extras) {\n    throw new Error(\n      `The \\`runtime\\` prop is no longer supported in the \\`@makeswift/runtime\\` \\`Page\\` component as of \\`0.15.0\\`.\nSee our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`,\n    )\n  }\n\n  useRouterLocaleSync()\n\n  return <BuiltinPage snapshot={snapshot} metadata={metadata} />\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCS;AApCT,mBAAqB;AAErB,kBAAoD;AAEpD,oCAAoC;AAsB7B,MAAM,WAAO,mBAAK,CAAC,EAAE,UAAU,UAAU,GAAG,OAAO,MAAiB;AACzE,MAAI,aAAa,QAAQ;AACvB,UAAM,IAAI;AAAA,MACR;AAAA;AAAA,IAEF;AAAA,EACF;AAEA,yDAAoB;AAEpB,SAAO,4CAAC,YAAAA,MAAA,EAAY,UAAoB,UAAoB;AAC9D,CAAC;","names":["BuiltinPage"]}
+{"version":3,"sources":["../../../../src/next/components/page.tsx"],"sourcesContent":["'use client'\n\nimport { memo } from 'react'\n\nimport { Page as BuiltinPage, type PageProps } from '../../runtimes/react/components/page'\n\nimport { useRouterLocaleSync } from '../hooks/use-router-locale-sync'\n\nexport { type PageProps } from '../../runtimes/react/components/page'\nimport { CSSObject } from '@emotion/serialize'\nimport { useBaseStyles } from '../../runtimes/react/css-runtime/hooks/use-base-styles'\n\n/**\n * @param snapshot - The snapshot of the page to render, from\n * `client.getPageSnapshot()`.\n * @param metadata - Allows control over whether to use data from Makeswift for\n * rendering metadata tags in the `<head>` of the page. Pass `true` (default if\n * not provided) to render all metadata tags, or `false` to not render any. For\n * more granular control, pass an object with boolean values for specific\n * metadata fields. Valid fields include:\n *  - `title`\n *  - `description`\n *  - `keywords`\n *  - `socialImage`\n *  - `canonicalUrl`\n *  - `indexingBlocked`\n *  - `favicon`\n *\n * If a field is not provided, it will default to `false`.\n */\nexport const Page = memo(({ snapshot, metadata, ...extras }: PageProps) => {\n  if ('runtime' in extras) {\n    throw new Error(\n      `The \\`runtime\\` prop is no longer supported in the \\`@makeswift/runtime\\` \\`Page\\` component as of \\`0.15.0\\`.\nSee our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`,\n    )\n  }\n\n  useRouterLocaleSync()\n\n  const pageBaseStyles: CSSObject = {\n    html: {\n      fontFamily: 'sans-serif',\n    },\n    'div#__next': {\n      overflow: 'hidden',\n    },\n  }\n  const { styleElement: baseStylesElement } = useBaseStyles({ styles: pageBaseStyles })\n\n  return (\n    <>\n      <BuiltinPage snapshot={snapshot} metadata={metadata} />\n      {baseStylesElement}\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDI;AAjDJ,mBAAqB;AAErB,kBAAoD;AAEpD,oCAAoC;AAIpC,6BAA8B;AAoBvB,MAAM,WAAO,mBAAK,CAAC,EAAE,UAAU,UAAU,GAAG,OAAO,MAAiB;AACzE,MAAI,aAAa,QAAQ;AACvB,UAAM,IAAI;AAAA,MACR;AAAA;AAAA,IAEF;AAAA,EACF;AAEA,yDAAoB;AAEpB,QAAM,iBAA4B;AAAA,IAChC,MAAM;AAAA,MACJ,YAAY;AAAA,IACd;AAAA,IACA,cAAc;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,EACF;AACA,QAAM,EAAE,cAAc,kBAAkB,QAAI,sCAAc,EAAE,QAAQ,eAAe,CAAC;AAEpF,SACE,4EACE;AAAA,gDAAC,YAAAA,MAAA,EAAY,UAAoB,UAAoB;AAAA,IACpD;AAAA,KACH;AAEJ,CAAC;","names":["BuiltinPage"]}

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

@@ -156,9 +156,9 @@ async function testPageControlPropRendering(controlDefinition, {
     const document = await serverSideRender(elementTree);
     const getByTestId = (id) => document.querySelector(`[data-testid="${id}"]`);
     expect(propSnapshot(getByTestId(testId))).toMatchSnapshot("resolvedValue");
-    expect([...document.querySelectorAll("style")].map((n) => n.textContent)).toMatchSnapshot(
-      "component styles"
-    );
+    expect(
+      [...document.querySelectorAll("style")].map((n) => n.textContent).filter((v) => v !== "")
+    ).toMatchSnapshot("component styles");
     expect(Number(getByTestId(renderCountTestId)?.textContent)).toBe(1);
   }
 }

package/dist/cjs/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 { 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/api-resources-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'\n\nimport { renderToString } from '../../../../runtimes/react/testing/render-to-string'\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 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\n/**\n * In read-write mode, the runtime opens a `MessageChannel` to the builder\n * parent frame; jsdom doesn't implement `MessageChannel`, so stub them to keep\n * the read-write setup from throwing.\n */\nfunction stubBuilderMessageChannel(): () => void {\n  const postMessageSpy = jest.spyOn(window, 'postMessage').mockImplementation(() => {})\n\n  const originalMessageChannel = window.MessageChannel\n  const stubPort = () => ({ onmessage: null, postMessage: () => {}, close: () => {} })\n  window.MessageChannel = class {\n    port1 = stubPort()\n    port2 = stubPort()\n  } as unknown as typeof MessageChannel\n\n  return () => {\n    postMessageSpy.mockRestore()\n    window.MessageChannel = originalMessageChannel\n  }\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    isReadOnly = true,\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    isReadOnly?: 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    // The runtime enters the read-write state when a non-null site version is\n    // passed\n    const siteVersion = isReadOnly ? null : { token: 'test-token', version: 'draft' }\n    return (\n      <Testing.ReactProvider runtime={runtime} siteVersion={siteVersion}>\n        {component}\n      </Testing.ReactProvider>\n    )\n  }\n\n  if (!isServer()) {\n    const restoreMessageChannel = isReadOnly ? null : stubBuilderMessageChannel()\n\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\n    restoreMessageChannel?.()\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":["import_react"]}
+{"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 { 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/api-resources-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'\n\nimport { renderToString } from '../../../../runtimes/react/testing/render-to-string'\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 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\n/**\n * In read-write mode, the runtime opens a `MessageChannel` to the builder\n * parent frame; jsdom doesn't implement `MessageChannel`, so stub them to keep\n * the read-write setup from throwing.\n */\nfunction stubBuilderMessageChannel(): () => void {\n  const postMessageSpy = jest.spyOn(window, 'postMessage').mockImplementation(() => {})\n\n  const originalMessageChannel = window.MessageChannel\n  const stubPort = () => ({ onmessage: null, postMessage: () => {}, close: () => {} })\n  window.MessageChannel = class {\n    port1 = stubPort()\n    port2 = stubPort()\n  } as unknown as typeof MessageChannel\n\n  return () => {\n    postMessageSpy.mockRestore()\n    window.MessageChannel = originalMessageChannel\n  }\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    isReadOnly = true,\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    isReadOnly?: 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    // The runtime enters the read-write state when a non-null site version is\n    // passed\n    const siteVersion = isReadOnly ? null : { token: 'test-token', version: 'draft' }\n    return (\n      <Testing.ReactProvider runtime={runtime} siteVersion={siteVersion}>\n        {component}\n      </Testing.ReactProvider>\n    )\n  }\n\n  if (!isServer()) {\n    const restoreMessageChannel = isReadOnly ? null : stubBuilderMessageChannel()\n\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\n    restoreMessageChannel?.()\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(\n      [...document.querySelectorAll('style')].map(n => n.textContent).filter(v => v !== ''),\n    ).toMatchSnapshot('component styles')\n\n    expect(Number(getByTestId(renderCountTestId)?.textContent)).toBe(1)\n  }\n}\n"],"mappings":"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","names":["import_react"]}

package/dist/cjs/next/document.js

@@ -33,21 +33,31 @@ __export(document_exports, {
 });
 module.exports = __toCommonJS(document_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_css = require("@emotion/css");
-var import_create_instance = __toESM(require("@emotion/server/create-instance"));
 var import_document = __toESM(require("next/document"));
-var import_root_style_registry = require("../runtimes/react/root-style-registry");
+var import_unstable_framework_support = require("../unstable-framework-support");
+var import_react = require("react");
+var import_styles_context_provider = require("../runtimes/react/css-runtime/components/styles-context-provider");
 class Document extends import_document.default {
   static async getInitialProps(ctx) {
-    const initialProps = await import_document.default.getInitialProps(ctx);
-    const { extractCritical } = (0, import_create_instance.default)(import_css.cache);
-    const { ids, css } = extractCritical(initialProps.html);
+    const originalRenderPage = ctx.renderPage;
+    const stylesRegistry = (0, import_unstable_framework_support.createMakeswiftStylesRegistry)();
+    ctx.renderPage = () => {
+      return originalRenderPage({
+        enhanceComponent: (Component) => (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerRootStyleRegistry, { stylesRegistry, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props }) })
+      });
+    };
+    const initialProps = await super.getInitialProps(ctx);
+    const perPrecedenceStyleProps = stylesRegistry.serializeToStyleProps();
+    const makeswiftStyleElements = perPrecedenceStyleProps.map((props) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { "data-href": props.href, "data-precedence": props.precedence, children: props.css }, props.precedence);
+    });
+    const combinedStyles = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      initialProps.styles,
+      makeswiftStyleElements
+    ] });
     return {
       ...initialProps,
-      styles: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        initialProps.styles,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_style_registry.StyleTagSSR, { cacheKey: import_css.cache.key, classNames: ids, css })
-      ] })
+      styles: combinedStyles
     };
   }
   render() {
@@ -60,6 +70,25 @@ class Document extends import_document.default {
     ] });
   }
 }
+function InnerRootStyleRegistry({
+  children,
+  stylesRegistry
+}) {
+  const outerStylesContext = (0, import_react.useContext)(import_styles_context_provider.StylesContext);
+  const outerStylesProps = {
+    classNamePrefix: outerStylesContext?.classNamePrefix,
+    enableCssReset: outerStylesContext?.enableCssReset
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_unstable_framework_support.RootStyleRegistry,
+    {
+      ...outerStylesProps,
+      stylesRegistry,
+      shouldRenderStyleElements: false,
+      children
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Document

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/document.tsx"],"sourcesContent":["'use client'\n\nimport { cache } from '@emotion/css'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport NextDocument, {\n  DocumentContext,\n  DocumentInitialProps,\n  Head,\n  Html,\n  Main,\n  NextScript,\n} from 'next/document'\n\nimport { StyleTagSSR } from '../runtimes/react/root-style-registry'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const initialProps = await NextDocument.getInitialProps(ctx)\n\n    const { extractCritical } = createEmotionServer(cache)\n    const { ids, css } = extractCritical(initialProps.html)\n\n    return {\n      ...initialProps,\n      styles: (\n        <>\n          {initialProps.styles}\n          <StyleTagSSR cacheKey={cache.key} classNames={ids} css={css} />\n        </>\n      ),\n    }\n  }\n\n  render() {\n    return (\n      <Html>\n        <Head />\n        <body>\n          <Main />\n          <NextScript />\n        </body>\n      </Html>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBQ;AAvBR,iBAAsB;AACtB,6BAAgC;AAChC,sBAOO;AAEP,iCAA4B;AAErB,MAAM,iBAAiB,gBAAAA,QAAa;AAAA,EACzC,aAAa,gBAAgB,KAAqD;AAChF,UAAM,eAAe,MAAM,gBAAAA,QAAa,gBAAgB,GAAG;AAE3D,UAAM,EAAE,gBAAgB,QAAI,uBAAAC,SAAoB,gBAAK;AACrD,UAAM,EAAE,KAAK,IAAI,IAAI,gBAAgB,aAAa,IAAI;AAEtD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,QACE,4EACG;AAAA,qBAAa;AAAA,QACd,4CAAC,0CAAY,UAAU,iBAAM,KAAK,YAAY,KAAK,KAAU;AAAA,SAC/D;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WACE,6CAAC,wBACC;AAAA,kDAAC,wBAAK;AAAA,MACN,6CAAC,UACC;AAAA,oDAAC,wBAAK;AAAA,QACN,4CAAC,8BAAW;AAAA,SACd;AAAA,OACF;AAAA,EAEJ;AACF;","names":["NextDocument","createEmotionServer"]}
+{"version":3,"sources":["../../../src/next/document.tsx"],"sourcesContent":["'use client'\n\nimport NextDocument, {\n  DocumentContext,\n  DocumentInitialProps,\n  Head,\n  Html,\n  Main,\n  NextScript,\n} from 'next/document'\nimport {\n  createMakeswiftStylesRegistry,\n  RootStyleProps,\n  RootStyleRegistry,\n  StylesRegistry,\n} from '../unstable-framework-support'\nimport { PropsWithChildren, useContext } from 'react'\nimport { StylesContext } from '../runtimes/react/css-runtime/components/styles-context-provider'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const originalRenderPage = ctx.renderPage\n    const stylesRegistry = createMakeswiftStylesRegistry()\n\n    /*\n      This runs only on the server and configures a `RootStyleRegistry` which disables\n      rendering Makeswift-generated `<style>`s alongside components, opting instead to\n      pull them from the styles registry and place them in the `<head>` manually.\n      This is a special case for pages router, where React hoisting will not work during\n      SSR.\n\n      `InnerRootStyleRegistry` is a wrapper component that pulls in user configuration\n      from the outer (userland) `RootStyleRegistry`. This would matter, for example, if\n      the `RootStyleRegistry` in userland was configured with a custom class name prefix.\n    */\n    ctx.renderPage = () => {\n      return originalRenderPage({\n        enhanceComponent: Component => props => (\n          <InnerRootStyleRegistry stylesRegistry={stylesRegistry}>\n            <Component {...props}></Component>\n          </InnerRootStyleRegistry>\n        ),\n      })\n    }\n\n    const initialProps = await super.getInitialProps(ctx)\n    const perPrecedenceStyleProps = stylesRegistry.serializeToStyleProps()\n    const makeswiftStyleElements = perPrecedenceStyleProps.map(props => {\n      return (\n        <style key={props.precedence} data-href={props.href} data-precedence={props.precedence}>\n          {props.css}\n        </style>\n      )\n    })\n\n    const combinedStyles = (\n      <>\n        {initialProps.styles}\n        {makeswiftStyleElements}\n      </>\n    )\n\n    return {\n      ...initialProps,\n      styles: combinedStyles,\n    }\n  }\n\n  render() {\n    return (\n      <Html>\n        <Head />\n        <body>\n          <Main />\n          <NextScript />\n        </body>\n      </Html>\n    )\n  }\n}\n\nfunction InnerRootStyleRegistry({\n  children,\n  stylesRegistry,\n}: PropsWithChildren<{\n  stylesRegistry: StylesRegistry\n}>) {\n  const outerStylesContext = useContext(StylesContext)\n\n  const outerStylesProps: RootStyleProps = {\n    classNamePrefix: outerStylesContext?.classNamePrefix,\n    enableCssReset: outerStylesContext?.enableCssReset,\n  }\n\n  return (\n    <RootStyleRegistry\n      {...outerStylesProps}\n      stylesRegistry={stylesRegistry}\n      shouldRenderStyleElements={false}\n    >\n      {children}\n    </RootStyleRegistry>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCY;AArCZ,sBAOO;AACP,wCAKO;AACP,mBAA8C;AAC9C,qCAA8B;AAEvB,MAAM,iBAAiB,gBAAAA,QAAa;AAAA,EACzC,aAAa,gBAAgB,KAAqD;AAChF,UAAM,qBAAqB,IAAI;AAC/B,UAAM,qBAAiB,iEAA8B;AAarD,QAAI,aAAa,MAAM;AACrB,aAAO,mBAAmB;AAAA,QACxB,kBAAkB,eAAa,WAC7B,4CAAC,0BAAuB,gBACtB,sDAAC,aAAW,GAAG,OAAO,GACxB;AAAA,MAEJ,CAAC;AAAA,IACH;AAEA,UAAM,eAAe,MAAM,MAAM,gBAAgB,GAAG;AACpD,UAAM,0BAA0B,eAAe,sBAAsB;AACrE,UAAM,yBAAyB,wBAAwB,IAAI,WAAS;AAClE,aACE,4CAAC,WAA6B,aAAW,MAAM,MAAM,mBAAiB,MAAM,YACzE,gBAAM,OADG,MAAM,UAElB;AAAA,IAEJ,CAAC;AAED,UAAM,iBACJ,4EACG;AAAA,mBAAa;AAAA,MACb;AAAA,OACH;AAGF,WAAO;AAAA,MACL,GAAG;AAAA,MACH,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WACE,6CAAC,wBACC;AAAA,kDAAC,wBAAK;AAAA,MACN,6CAAC,UACC;AAAA,oDAAC,wBAAK;AAAA,QACN,4CAAC,8BAAW;AAAA,SACd;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AACF,GAEI;AACF,QAAM,yBAAqB,yBAAW,4CAAa;AAEnD,QAAM,mBAAmC;AAAA,IACvC,iBAAiB,oBAAoB;AAAA,IACrC,gBAAgB,oBAAoB;AAAA,EACtC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,2BAA2B;AAAA,MAE1B;AAAA;AAAA,EACH;AAEJ;","names":["NextDocument"]}

package/dist/cjs/next/root-style-registry.js

@@ -23,20 +23,13 @@ __export(root_style_registry_exports, {
 });
 module.exports = __toCommonJS(root_style_registry_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_navigation = require("next/navigation");
 var import_root_style_registry = require("../runtimes/react/root-style-registry");
 function NextRootStyleRegistry({
   children,
-  cacheKey,
+  classNamePrefix,
   enableCssReset
 }) {
-  const [cache] = (0, import_react.useState)(() => (0, import_root_style_registry.createRootStyleCache)({ key: cacheKey }));
-  (0, import_navigation.useServerInsertedHTML)(() => {
-    const { classNames, css } = cache.flush();
-    return classNames.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_style_registry.StyleTagSSR, { cacheKey: cache.key, classNames, css }) : null;
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_style_registry.RootStyleRegistry, { cache, enableCssReset, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_style_registry.DefaultRootStyleRegistry, { classNamePrefix, enableCssReset, children });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/next/root-style-registry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useState } from 'react'\nimport { useServerInsertedHTML } from 'next/navigation'\n\nimport {\n  createRootStyleCache,\n  RootStyleRegistry as ReactRootStyleRegistry,\n  StyleTagSSR,\n  type RootStyleProps,\n} from '../runtimes/react/root-style-registry'\n\nexport function NextRootStyleRegistry({\n  children,\n  cacheKey,\n  enableCssReset,\n}: PropsWithChildren<RootStyleProps>) {\n  const [cache] = useState(() => createRootStyleCache({ key: cacheKey }))\n\n  useServerInsertedHTML(() => {\n    const { classNames, css } = cache.flush()\n\n    return classNames.length > 0 ? (\n      <StyleTagSSR cacheKey={cache.key} classNames={classNames} css={css} />\n    ) : null\n  })\n\n  return (\n    <ReactRootStyleRegistry cache={cache} enableCssReset={enableCssReset}>\n      {children}\n    </ReactRootStyleRegistry>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AArBN,mBAAiD;AACjD,wBAAsC;AAEtC,iCAKO;AAEA,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,CAAC,KAAK,QAAI,uBAAS,UAAM,iDAAqB,EAAE,KAAK,SAAS,CAAC,CAAC;AAEtE,+CAAsB,MAAM;AAC1B,UAAM,EAAE,YAAY,IAAI,IAAI,MAAM,MAAM;AAExC,WAAO,WAAW,SAAS,IACzB,4CAAC,0CAAY,UAAU,MAAM,KAAK,YAAwB,KAAU,IAClE;AAAA,EACN,CAAC;AAED,SACE,4CAAC,2BAAAA,mBAAA,EAAuB,OAAc,gBACnC,UACH;AAEJ;","names":["ReactRootStyleRegistry"]}
+{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren } from 'react'\n\nimport {\n  DefaultRootStyleRegistry as ReactRootStyleRegistry,\n  type RootStyleProps,\n} from '../runtimes/react/root-style-registry'\n\nexport function NextRootStyleRegistry({\n  children,\n  classNamePrefix,\n  enableCssReset,\n}: PropsWithChildren<RootStyleProps>) {\n  return (\n    <ReactRootStyleRegistry classNamePrefix={classNamePrefix} enableCssReset={enableCssReset}>\n      {children}\n    </ReactRootStyleRegistry>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAXJ,iCAGO;AAEA,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,4CAAC,2BAAAA,0BAAA,EAAuB,iBAAkC,gBACvD,UACH;AAEJ;","names":["ReactRootStyleRegistry"]}

package/dist/cjs/react/server/index.js

@@ -22,7 +22,6 @@ __export(server_exports, {
   MakeswiftRenderContext: () => import_server.RenderContext,
   RSCElementRenderer: () => import_server.RSCElementRenderer,
   RenderElementPayload: () => import_server.RenderElementPayload,
-  ServerCSSCollector: () => import_server.ServerCSSCollector,
   ServerElement: () => import_server.ServerElement,
   Slot: () => import_server.Slot,
   collectServerElements: () => import_server.collectServerElements,
@@ -37,7 +36,6 @@ var import_server = require("../../runtimes/react/server");
   MakeswiftRenderContext,
   RSCElementRenderer,
   RenderElementPayload,
-  ServerCSSCollector,
   ServerElement,
   Slot,
   collectServerElements,

package/dist/cjs/react/server/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/react/server/index.ts"],"sourcesContent":["export {\n  type ServerRenderContext,\n  collectServerElements,\n  RenderElementPayload,\n  RenderContext as MakeswiftRenderContext,\n  setRenderContext,\n  getRenderContext,\n  ServerCSSCollector,\n  ServerElement,\n  RSCElementRenderer,\n  MakeswiftComponent,\n  Slot,\n} from '../../runtimes/react/server'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAYO;","names":[]}
+{"version":3,"sources":["../../../../src/react/server/index.ts"],"sourcesContent":["export {\n  type ServerRenderContext,\n  collectServerElements,\n  RenderElementPayload,\n  RenderContext as MakeswiftRenderContext,\n  setRenderContext,\n  getRenderContext,\n  ServerElement,\n  RSCElementRenderer,\n  MakeswiftComponent,\n  Slot,\n} from '../../runtimes/react/server'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAWO;","names":[]}

package/dist/cjs/runtimes/react/components/ElementData.js

@@ -68,12 +68,21 @@ const ElementDataServer = (0, import_react2.forwardRef)(function ElementDataServ
 const ElementDataClient = (0, import_react2.forwardRef)(function ElementDataClient2({ elementData }, ref) {
   const Component = (0, import_use_component.useComponent)(elementData.type);
   const builtinSuspense = (0, import_use_builtin_suspense.useBuiltinSuspense)(elementData.type);
+  const forwardRef2 = Component != null ? (0, import_can_accept_ref.canAcceptRef)(Component) : void 0;
+  const renderChildren = (0, import_react2.useCallback)(
+    (props) => {
+      if (Component == null) {
+        return null;
+      }
+      return forwardRef2 ? /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key, ref }) : /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key });
+    },
+    [forwardRef2, elementData.key, ref, Component]
+  );
   if (Component == null) {
     console.warn(`Unknown component '${elementData.type}'`, { elementData });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FallbackComponent.FallbackComponent, { ref, text: "Component not found" });
   }
-  const forwardRef2 = (0, import_can_accept_ref.canAcceptRef)(Component);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_with_fallback.ActivityOrFallback, { suspenseFallback: builtinSuspense, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_resolve_props.ResolveProps, { element: elementData, children: (props) => forwardRef2 ? /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key, ref }) : /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_with_fallback.ActivityOrFallback, { suspenseFallback: builtinSuspense, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_resolve_props.ResolveProps, { element: elementData, children: renderChildren }) });
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/runtimes/react/components/ElementData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { type ReactNode, type Ref, forwardRef, memo } from 'react'\n\nimport { type ElementData as MakeswiftElementData } from '../../../state/read-only-state'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\n\nimport { EditableServerElement } from '../server/components/editable-server-element'\nimport { useServerElementsCache } from '../server/components/server-elements-cache'\n\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { useComponent, useComponentMeta } from '../hooks/use-component'\nimport { useIsReadOnly } from '../hooks/use-is-read-only'\n\nimport { canAcceptRef } from '../utils/can-accept-ref'\n\nimport { ResolveProps } from './resolve-props'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\ntype ElementDataProps = {\n  elementData: MakeswiftElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData({ elementData }: ElementDataProps, ref: Ref<unknown>): ReactNode {\n    const componentMeta = useComponentMeta(elementData.type)\n\n    if (componentMeta == null) {\n      const msg = `Component metadata not found for '${elementData.type}'`\n      console.warn(msg)\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"Component not found\"\n          details={msg}\n        />\n      )\n    }\n\n    return componentMeta.server ? (\n      <ElementDataServer elementData={elementData} ref={ref} />\n    ) : (\n      <ElementDataClient elementData={elementData} ref={ref} />\n    )\n  }),\n)\n\nconst ElementDataServer = forwardRef(function ElementDataServer(\n  { elementData }: ElementDataProps,\n  ref: Ref<unknown>,\n): ReactNode {\n  // lookup and render RSC node for the element; see the `ServerElementsCache` comment\n  const rscNode = useServerElementsCache().getElement(elementData.key)\n  const isReadOnly = useIsReadOnly()\n\n  if (isReadOnly) {\n    if (rscNode == null) {\n      console.error(\n        `React node not found for server component ${elementData.type}, element key ${elementData.key}`,\n      )\n\n      return (\n        <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Server component not found\" />\n      )\n    }\n\n    return rscNode\n  }\n\n  return <EditableServerElement initialElementData={elementData}>{rscNode}</EditableServerElement>\n})\n\nconst ElementDataClient = forwardRef(function ElementDataClient(\n  { elementData }: ElementDataProps,\n  ref: Ref<unknown>,\n): ReactNode {\n  const Component = useComponent(elementData.type)\n  const builtinSuspense = useBuiltinSuspense(elementData.type)\n\n  if (Component == null) {\n    console.warn(`Unknown component '${elementData.type}'`, { elementData })\n    return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n  }\n\n  const forwardRef = canAcceptRef(Component)\n\n  return (\n    <ActivityOrFallback suspenseFallback={builtinSuspense}>\n      <ResolveProps element={elementData}>\n        {props =>\n          forwardRef ? (\n            <Component {...props} key={elementData.key} ref={ref} />\n          ) : (\n            <Component {...props} key={elementData.key} />\n          )\n        }\n      </ResolveProps>\n    </ActivityOrFallback>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BQ;AA4DI;AAzFZ,IAAAA,gBAA2D;AAG3D,+BAAkC;AAElC,qCAAsC;AACtC,mCAAuC;AAEvC,kCAAmC;AACnC,2BAA+C;AAC/C,8BAA8B;AAE9B,4BAA6B;AAE7B,2BAA6B;AAC7B,oCAAmC;AAM5B,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAAY,EAAE,YAAY,GAAqB,KAA8B;AAC/F,UAAM,oBAAgB,uCAAiB,YAAY,IAAI;AAEvD,QAAI,iBAAiB,MAAM;AACzB,YAAM,MAAM,qCAAqC,YAAY,IAAI;AACjE,cAAQ,KAAK,GAAG;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,SAAS;AAAA;AAAA,MACX;AAAA,IAEJ;AAEA,WAAO,cAAc,SACnB,4CAAC,qBAAkB,aAA0B,KAAU,IAEvD,4CAAC,qBAAkB,aAA0B,KAAU;AAAA,EAE3D,CAAC;AACH;AAEA,MAAM,wBAAoB,0BAAW,SAASC,mBAC5C,EAAE,YAAY,GACd,KACW;AAEX,QAAM,cAAU,qDAAuB,EAAE,WAAW,YAAY,GAAG;AACnE,QAAM,iBAAa,uCAAc;AAEjC,MAAI,YAAY;AACd,QAAI,WAAW,MAAM;AACnB,cAAQ;AAAA,QACN,6CAA6C,YAAY,IAAI,iBAAiB,YAAY,GAAG;AAAA,MAC/F;AAEA,aACE,4CAAC,8CAAkB,KAAiC,MAAK,8BAA6B;AAAA,IAE1F;AAEA,WAAO;AAAA,EACT;AAEA,SAAO,4CAAC,wDAAsB,oBAAoB,aAAc,mBAAQ;AAC1E,CAAC;AAED,MAAM,wBAAoB,0BAAW,SAASC,mBAC5C,EAAE,YAAY,GACd,KACW;AACX,QAAM,gBAAY,mCAAa,YAAY,IAAI;AAC/C,QAAM,sBAAkB,gDAAmB,YAAY,IAAI;AAE3D,MAAI,aAAa,MAAM;AACrB,YAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,WAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,EACxF;AAEA,QAAMC,kBAAa,oCAAa,SAAS;AAEzC,SACE,4CAAC,oDAAmB,kBAAkB,iBACpC,sDAAC,qCAAa,SAAS,aACpB,qBACCA,cACE,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAEJ,CAAC;","names":["import_react","ElementData","ElementDataServer","ElementDataClient","forwardRef"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { type ReactNode, type Ref, forwardRef, memo, useCallback } from 'react'\n\nimport { type ElementData as MakeswiftElementData } from '../../../state/read-only-state'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\n\nimport { EditableServerElement } from '../server/components/editable-server-element'\nimport { useServerElementsCache } from '../server/components/server-elements-cache'\n\nimport { useBuiltinSuspense } from '../hooks/use-builtin-suspense'\nimport { useComponent, useComponentMeta } from '../hooks/use-component'\nimport { useIsReadOnly } from '../hooks/use-is-read-only'\n\nimport { canAcceptRef } from '../utils/can-accept-ref'\n\nimport { ResolveProps } from './resolve-props'\nimport { ActivityOrFallback } from './activity-with-fallback'\n\ntype ElementDataProps = {\n  elementData: MakeswiftElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData({ elementData }: ElementDataProps, ref: Ref<unknown>): ReactNode {\n    const componentMeta = useComponentMeta(elementData.type)\n\n    if (componentMeta == null) {\n      const msg = `Component metadata not found for '${elementData.type}'`\n      console.warn(msg)\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"Component not found\"\n          details={msg}\n        />\n      )\n    }\n\n    return componentMeta.server ? (\n      <ElementDataServer elementData={elementData} ref={ref} />\n    ) : (\n      <ElementDataClient elementData={elementData} ref={ref} />\n    )\n  }),\n)\n\nconst ElementDataServer = forwardRef(function ElementDataServer(\n  { elementData }: ElementDataProps,\n  ref: Ref<unknown>,\n): ReactNode {\n  // lookup and render RSC node for the element; see the `ServerElementsCache` comment\n  const rscNode = useServerElementsCache().getElement(elementData.key)\n  const isReadOnly = useIsReadOnly()\n\n  if (isReadOnly) {\n    if (rscNode == null) {\n      console.error(\n        `React node not found for server component ${elementData.type}, element key ${elementData.key}`,\n      )\n\n      return (\n        <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Server component not found\" />\n      )\n    }\n\n    return rscNode\n  }\n\n  return <EditableServerElement initialElementData={elementData}>{rscNode}</EditableServerElement>\n})\n\nconst ElementDataClient = forwardRef(function ElementDataClient(\n  { elementData }: ElementDataProps,\n  ref: Ref<unknown>,\n): ReactNode {\n  const Component = useComponent(elementData.type)\n  const builtinSuspense = useBuiltinSuspense(elementData.type)\n\n  const forwardRef = Component != null ? canAcceptRef(Component) : undefined\n\n  const renderChildren = useCallback(\n    (props: Record<string, unknown>) => {\n      if (Component == null) {\n        return null\n      }\n      return forwardRef ? (\n        <Component {...props} key={elementData.key} ref={ref} />\n      ) : (\n        <Component {...props} key={elementData.key} />\n      )\n    },\n    [forwardRef, elementData.key, ref, Component],\n  )\n\n  if (Component == null) {\n    console.warn(`Unknown component '${elementData.type}'`, { elementData })\n    return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n  }\n\n  return (\n    <ActivityOrFallback suspenseFallback={builtinSuspense}>\n      <ResolveProps element={elementData}>{renderChildren}</ResolveProps>\n    </ActivityOrFallback>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BQ;AAwDA;AArFR,IAAAA,gBAAwE;AAGxE,+BAAkC;AAElC,qCAAsC;AACtC,mCAAuC;AAEvC,kCAAmC;AACnC,2BAA+C;AAC/C,8BAA8B;AAE9B,4BAA6B;AAE7B,2BAA6B;AAC7B,oCAAmC;AAM5B,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAAY,EAAE,YAAY,GAAqB,KAA8B;AAC/F,UAAM,oBAAgB,uCAAiB,YAAY,IAAI;AAEvD,QAAI,iBAAiB,MAAM;AACzB,YAAM,MAAM,qCAAqC,YAAY,IAAI;AACjE,cAAQ,KAAK,GAAG;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,SAAS;AAAA;AAAA,MACX;AAAA,IAEJ;AAEA,WAAO,cAAc,SACnB,4CAAC,qBAAkB,aAA0B,KAAU,IAEvD,4CAAC,qBAAkB,aAA0B,KAAU;AAAA,EAE3D,CAAC;AACH;AAEA,MAAM,wBAAoB,0BAAW,SAASC,mBAC5C,EAAE,YAAY,GACd,KACW;AAEX,QAAM,cAAU,qDAAuB,EAAE,WAAW,YAAY,GAAG;AACnE,QAAM,iBAAa,uCAAc;AAEjC,MAAI,YAAY;AACd,QAAI,WAAW,MAAM;AACnB,cAAQ;AAAA,QACN,6CAA6C,YAAY,IAAI,iBAAiB,YAAY,GAAG;AAAA,MAC/F;AAEA,aACE,4CAAC,8CAAkB,KAAiC,MAAK,8BAA6B;AAAA,IAE1F;AAEA,WAAO;AAAA,EACT;AAEA,SAAO,4CAAC,wDAAsB,oBAAoB,aAAc,mBAAQ;AAC1E,CAAC;AAED,MAAM,wBAAoB,0BAAW,SAASC,mBAC5C,EAAE,YAAY,GACd,KACW;AACX,QAAM,gBAAY,mCAAa,YAAY,IAAI;AAC/C,QAAM,sBAAkB,gDAAmB,YAAY,IAAI;AAE3D,QAAMC,cAAa,aAAa,WAAO,oCAAa,SAAS,IAAI;AAEjE,QAAM,qBAAiB;AAAA,IACrB,CAAC,UAAmC;AAClC,UAAI,aAAa,MAAM;AACrB,eAAO;AAAA,MACT;AACA,aAAOA,cACL,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK;AAAA,IAEhD;AAAA,IACA,CAACA,aAAY,YAAY,KAAK,KAAK,SAAS;AAAA,EAC9C;AAEA,MAAI,aAAa,MAAM;AACrB,YAAQ,KAAK,sBAAsB,YAAY,IAAI,KAAK,EAAE,YAAY,CAAC;AACvE,WAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,EACxF;AAEA,SACE,4CAAC,oDAAmB,kBAAkB,iBACpC,sDAAC,qCAAa,SAAS,aAAc,0BAAe,GACtD;AAEJ,CAAC;","names":["import_react","ElementData","ElementDataServer","ElementDataClient","forwardRef"]}

package/dist/cjs/runtimes/react/components/GoogleFontLink.js

@@ -28,6 +28,7 @@ var import_use_is_in_builder = require("../hooks/use-is-in-builder");
 var import_use_api_resources_client = require("../hooks/use-api-resources-client");
 var import_google_fonts_url = require("../utils/google-fonts-url");
 var import_head_tags = require("./page/head-tags");
+var import_types = require("../css-runtime/types");
 function GoogleFontLink({ fonts, siteId }) {
   const isInBuilder = (0, import_use_is_in_builder.useIsInBuilder)();
   const site = useCachedSite(isInBuilder ? siteId : null);
@@ -41,7 +42,7 @@ function GoogleFontLink({ fonts, siteId }) {
   if (url === "") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head_tags.PageLink, { precedence: "medium", rel: "stylesheet", href: url });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head_tags.PageLink, { precedence: import_types.MakeswiftStylePrecedence.MEDIUM, rel: "stylesheet", href: url });
 }
 function useCachedSite(siteId) {
   const client = (0, import_use_api_resources_client.useApiResourcesClient)();

package/dist/cjs/runtimes/react/components/GoogleFontLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/GoogleFontLink.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, useSyncExternalStore } from 'react'\n\nimport { type Font } from '../../../client'\nimport { type Site } from '../../../api'\nimport { useIsInBuilder } from '../hooks/use-is-in-builder'\nimport { useApiResourcesClient } from '../hooks/use-api-resources-client'\n\nimport {\n  getGoogleFontsParamFromFonts,\n  getGoogleFontsParamFromSite,\n  getGoogleFontsUrl,\n} from '../utils/google-fonts-url'\nimport { PageLink } from './page/head-tags'\n\ntype Props = {\n  fonts: Font[]\n  siteId: string | null\n}\n\n/**\n * This is experimental, and some of the logic here is duplicated in the `PageHead` component.\n *\n * For now we want to avoid putting this on the critical path for rendering Makeswift pages, so we haven't\n * deduplicated the two.\n */\nexport function GoogleFontLink({ fonts, siteId }: Props) {\n  const isInBuilder = useIsInBuilder()\n\n  const site = useCachedSite(isInBuilder ? siteId : null)\n\n  const fontFamilyParamValue = useMemo(() => {\n    if (isInBuilder && site != null) {\n      return getGoogleFontsParamFromSite(site)\n    }\n    return getGoogleFontsParamFromFonts(fonts)\n  }, [isInBuilder, site, fonts])\n\n  const url = getGoogleFontsUrl(fontFamilyParamValue)\n  if (url === '') {\n    return null\n  }\n\n  return <PageLink precedence=\"medium\" rel=\"stylesheet\" href={url} />\n}\n\nfunction useCachedSite(siteId: string | null): Site | null {\n  const client = useApiResourcesClient()\n  const getSnapshot = () => (siteId == null ? null : client.readSite(siteId))\n\n  return useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CS;AA1CT,mBAA8C;AAI9C,+BAA+B;AAC/B,sCAAsC;AAEtC,8BAIO;AACP,uBAAyB;AAalB,SAAS,eAAe,EAAE,OAAO,OAAO,GAAU;AACvD,QAAM,kBAAc,yCAAe;AAEnC,QAAM,OAAO,cAAc,cAAc,SAAS,IAAI;AAEtD,QAAM,2BAAuB,sBAAQ,MAAM;AACzC,QAAI,eAAe,QAAQ,MAAM;AAC/B,iBAAO,qDAA4B,IAAI;AAAA,IACzC;AACA,eAAO,sDAA6B,KAAK;AAAA,EAC3C,GAAG,CAAC,aAAa,MAAM,KAAK,CAAC;AAE7B,QAAM,UAAM,2CAAkB,oBAAoB;AAClD,MAAI,QAAQ,IAAI;AACd,WAAO;AAAA,EACT;AAEA,SAAO,4CAAC,6BAAS,YAAW,UAAS,KAAI,cAAa,MAAM,KAAK;AACnE;AAEA,SAAS,cAAc,QAAoC;AACzD,QAAM,aAAS,uDAAsB;AACrC,QAAM,cAAc,MAAO,UAAU,OAAO,OAAO,OAAO,SAAS,MAAM;AAEzE,aAAO,mCAAqB,OAAO,WAAW,aAAa,WAAW;AACxE;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/GoogleFontLink.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, useSyncExternalStore } from 'react'\n\nimport { type Font } from '../../../client'\nimport { type Site } from '../../../api'\nimport { useIsInBuilder } from '../hooks/use-is-in-builder'\nimport { useApiResourcesClient } from '../hooks/use-api-resources-client'\n\nimport {\n  getGoogleFontsParamFromFonts,\n  getGoogleFontsParamFromSite,\n  getGoogleFontsUrl,\n} from '../utils/google-fonts-url'\nimport { PageLink } from './page/head-tags'\nimport { MakeswiftStylePrecedence } from '../css-runtime/types'\n\ntype Props = {\n  fonts: Font[]\n  siteId: string | null\n}\n\n/**\n * This is experimental, and some of the logic here is duplicated in the `PageHead` component.\n *\n * For now we want to avoid putting this on the critical path for rendering Makeswift pages, so we haven't\n * deduplicated the two.\n */\nexport function GoogleFontLink({ fonts, siteId }: Props) {\n  const isInBuilder = useIsInBuilder()\n\n  const site = useCachedSite(isInBuilder ? siteId : null)\n\n  const fontFamilyParamValue = useMemo(() => {\n    if (isInBuilder && site != null) {\n      return getGoogleFontsParamFromSite(site)\n    }\n    return getGoogleFontsParamFromFonts(fonts)\n  }, [isInBuilder, site, fonts])\n\n  const url = getGoogleFontsUrl(fontFamilyParamValue)\n  if (url === '') {\n    return null\n  }\n\n  return <PageLink precedence={MakeswiftStylePrecedence.MEDIUM} rel=\"stylesheet\" href={url} />\n}\n\nfunction useCachedSite(siteId: string | null): Site | null {\n  const client = useApiResourcesClient()\n  const getSnapshot = () => (siteId == null ? null : client.readSite(siteId))\n\n  return useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CS;AA3CT,mBAA8C;AAI9C,+BAA+B;AAC/B,sCAAsC;AAEtC,8BAIO;AACP,uBAAyB;AACzB,mBAAyC;AAalC,SAAS,eAAe,EAAE,OAAO,OAAO,GAAU;AACvD,QAAM,kBAAc,yCAAe;AAEnC,QAAM,OAAO,cAAc,cAAc,SAAS,IAAI;AAEtD,QAAM,2BAAuB,sBAAQ,MAAM;AACzC,QAAI,eAAe,QAAQ,MAAM;AAC/B,iBAAO,qDAA4B,IAAI;AAAA,IACzC;AACA,eAAO,sDAA6B,KAAK;AAAA,EAC3C,GAAG,CAAC,aAAa,MAAM,KAAK,CAAC;AAE7B,QAAM,UAAM,2CAAkB,oBAAoB;AAClD,MAAI,QAAQ,IAAI;AACd,WAAO;AAAA,EACT;AAEA,SAAO,4CAAC,6BAAS,YAAY,sCAAyB,QAAQ,KAAI,cAAa,MAAM,KAAK;AAC5F;AAEA,SAAS,cAAc,QAAoC;AACzD,QAAM,aAAS,uDAAsB;AACrC,QAAM,cAAc,MAAO,UAAU,OAAO,OAAO,OAAO,SAAS,MAAM;AAEzE,aAAO,mCAAqB,OAAO,WAAW,aAAa,WAAW;AACxE;","names":[]}

package/dist/cjs/runtimes/react/components/framework-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/framework-context.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ReactNode,\n  type PropsWithChildren,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type LinkData } from '@makeswift/prop-controllers'\n\nimport { type Snippet } from '../../../client/page-snapshot'\n\nimport { type RenderElementPayload } from '../server/render-element-payload'\n\nimport { BaseHeadSnippet } from './page/HeadSnippet'\n\ntype HeadComponent = (props: { children: ReactNode }) => ReactNode\ntype HeadSnippet = (props: { snippet: Snippet }) => ReactNode\ntype ImageComponent = (props: {\n  src: string\n  alt: string\n  sizes?: string\n  width?: number\n  height?: number\n  priority?: boolean\n  fill?: boolean\n  style?: CSSProperties\n}) => ReactNode\n\ntype LinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick'> & {\n  linkType?: LinkData['type']\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype LinkComponent = ForwardRefExoticComponent<RefAttributes<HTMLAnchorElement> & LinkProps>\n\nexport type FrameworkContext = {\n  Head: HeadComponent\n  HeadSnippet: HeadSnippet\n  Image: ImageComponent\n  Link: LinkComponent\n  /**\n   * Callback to render a single RSC element on the server and return the result.\n   */\n  renderRSCElement?: (args: RenderElementPayload) => Promise<ReactNode>\n}\n\n// React 19 automatically hoists metadata tags to the <head>\nconst DefaultHead = ({ children }: PropsWithChildren) => <>{children}</>\n\nconst DefaultHeadSnippet = BaseHeadSnippet\n\nconst DefaultImage: ImageComponent = ({ priority, fill, style, ...props }) => (\n  <img\n    {...props}\n    style={{\n      ...(fill\n        ? {\n            height: '100%',\n            width: '100%',\n            objectFit: 'cover',\n          }\n        : {}),\n      ...style,\n    }}\n    loading={priority ? 'eager' : 'lazy'}\n  />\n)\n\nconst DefaultLink: LinkComponent = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ linkType, ...props }, ref) => <a {...props} ref={ref} />,\n)\n\nconst FrameworkContext = createContext<Partial<FrameworkContext>>({})\n\nexport const FrameworkContextProvider = ({\n  value,\n  children,\n}: PropsWithChildren<{ value: Partial<FrameworkContext> }>) => {\n  const parentContext = useContext(FrameworkContext)\n  const mergedContext = useMemo(() => ({ ...parentContext, ...value }), [parentContext, value])\n\n  return <FrameworkContext.Provider value={mergedContext}>{children}</FrameworkContext.Provider>\n}\n\nconst defaultContext: FrameworkContext = {\n  Head: DefaultHead,\n  HeadSnippet: DefaultHeadSnippet,\n  Image: DefaultImage,\n  Link: DefaultLink,\n}\n\nexport function useFrameworkContext(): FrameworkContext {\n  return { ...defaultContext, ...useContext(FrameworkContext) }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDyD;AAtDzD,mBAYO;AAQP,yBAAgC;AAkChC,MAAM,cAAc,CAAC,EAAE,SAAS,MAAyB,2EAAG,UAAS;AAErE,MAAM,qBAAqB;AAE3B,MAAM,eAA+B,CAAC,EAAE,UAAU,MAAM,OAAO,GAAG,MAAM,MACtE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,OAAO;AAAA,MACL,GAAI,OACA;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,MACb,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL;AAAA,IACA,SAAS,WAAW,UAAU;AAAA;AAChC;AAGF,MAAM,kBAA6B;AAAA,EACjC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,4CAAC,OAAG,GAAG,OAAO,KAAU;AAC3D;AAEA,MAAM,uBAAmB,4BAAyC,CAAC,CAAC;AAE7D,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,oBAAgB,yBAAW,gBAAgB;AACjD,QAAM,oBAAgB,sBAAQ,OAAO,EAAE,GAAG,eAAe,GAAG,MAAM,IAAI,CAAC,eAAe,KAAK,CAAC;AAE5F,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,eAAgB,UAAS;AACpE;AAEA,MAAM,iBAAmC;AAAA,EACvC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AACR;AAEO,SAAS,sBAAwC;AACtD,SAAO,EAAE,GAAG,gBAAgB,OAAG,yBAAW,gBAAgB,EAAE;AAC9D;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/framework-context.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ReactNode,\n  type PropsWithChildren,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type LinkData } from '@makeswift/prop-controllers'\n\nimport { type Snippet } from '../../../client/page-snapshot'\n\nimport { type RenderElementPayload } from '../server/render-element-payload'\n\nimport { BaseHeadSnippet } from './page/HeadSnippet'\n\ntype HeadComponent = (props: { children: ReactNode }) => ReactNode\ntype HeadSnippet = (props: { snippet: Snippet }) => ReactNode\ntype ImageComponent = (props: {\n  src: string\n  alt: string\n  sizes?: string\n  width?: number\n  height?: number\n  priority?: boolean\n  fill?: boolean\n  style?: CSSProperties\n  className?: string\n}) => ReactNode\n\ntype LinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'onClick'> & {\n  linkType?: LinkData['type']\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype LinkComponent = ForwardRefExoticComponent<RefAttributes<HTMLAnchorElement> & LinkProps>\n\nexport type FrameworkContext = {\n  Head: HeadComponent\n  HeadSnippet: HeadSnippet\n  Image: ImageComponent\n  Link: LinkComponent\n  /**\n   * Callback to render a single RSC element on the server and return the result.\n   */\n  renderRSCElement?: (args: RenderElementPayload) => Promise<ReactNode>\n}\n\n// React 19 automatically hoists metadata tags to the <head>\nconst DefaultHead = ({ children }: PropsWithChildren) => <>{children}</>\n\nconst DefaultHeadSnippet = BaseHeadSnippet\n\nconst DefaultImage: ImageComponent = ({ priority, fill, style, ...props }) => (\n  <img\n    {...props}\n    style={{\n      ...(fill\n        ? {\n            height: '100%',\n            width: '100%',\n            objectFit: 'cover',\n          }\n        : {}),\n      ...style,\n    }}\n    loading={priority ? 'eager' : 'lazy'}\n  />\n)\n\nconst DefaultLink: LinkComponent = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ linkType, ...props }, ref) => <a {...props} ref={ref} />,\n)\n\nconst FrameworkContext = createContext<Partial<FrameworkContext>>({})\n\nexport const FrameworkContextProvider = ({\n  value,\n  children,\n}: PropsWithChildren<{ value: Partial<FrameworkContext> }>) => {\n  const parentContext = useContext(FrameworkContext)\n  const mergedContext = useMemo(() => ({ ...parentContext, ...value }), [parentContext, value])\n\n  return <FrameworkContext.Provider value={mergedContext}>{children}</FrameworkContext.Provider>\n}\n\nconst defaultContext: FrameworkContext = {\n  Head: DefaultHead,\n  HeadSnippet: DefaultHeadSnippet,\n  Image: DefaultImage,\n  Link: DefaultLink,\n}\n\nexport function useFrameworkContext(): FrameworkContext {\n  return { ...defaultContext, ...useContext(FrameworkContext) }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDyD;AAvDzD,mBAYO;AAQP,yBAAgC;AAmChC,MAAM,cAAc,CAAC,EAAE,SAAS,MAAyB,2EAAG,UAAS;AAErE,MAAM,qBAAqB;AAE3B,MAAM,eAA+B,CAAC,EAAE,UAAU,MAAM,OAAO,GAAG,MAAM,MACtE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,OAAO;AAAA,MACL,GAAI,OACA;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,MACb,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL;AAAA,IACA,SAAS,WAAW,UAAU;AAAA;AAChC;AAGF,MAAM,kBAA6B;AAAA,EACjC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,4CAAC,OAAG,GAAG,OAAO,KAAU;AAC3D;AAEA,MAAM,uBAAmB,4BAAyC,CAAC,CAAC;AAE7D,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,oBAAgB,yBAAW,gBAAgB;AACjD,QAAM,oBAAgB,sBAAQ,OAAO,EAAE,GAAG,eAAe,GAAG,MAAM,IAAI,CAAC,eAAe,KAAK,CAAC;AAE5F,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,eAAgB,UAAS;AACpE;AAEA,MAAM,iBAAmC;AAAA,EACvC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AACR;AAEO,SAAS,sBAAwC;AACtD,SAAO,EAAE,GAAG,gBAAgB,OAAG,yBAAW,gBAAgB,EAAE;AAC9D;","names":[]}

package/dist/cjs/runtimes/react/components/page/PageHead.js

@@ -69,14 +69,6 @@ function PageHead({ document: page, metadata = {} }) {
     }).join("|");
   }, [site, page]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head_tags.PageStyle, { precedence: "high", href: "makeswift-base-styles", children: `
-        html {
-            font-family: sans-serif;
-        }
-        div#__next {
-            overflow: hidden;
-        }
-        ` }),
     useTitle && title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head_tags.PageTitle, { children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_head_tags.PageMeta, { property: "og:title", content: title }),