@toototech/webbuilder-plugins 0.1.0

package/dist/plugin-BPA8qlaC.js

@@ -0,0 +1,40 @@
+const LAYOUT_TEMPLATE_PLUGIN_ID = "layout-template";
+const createPanel = (id, label, order, panel) => ({
+  id,
+  label: (panel == null ? void 0 : panel.label) ?? label,
+  order: (panel == null ? void 0 : panel.order) ?? order,
+  ...(panel == null ? void 0 : panel.icon) ? { icon: panel.icon } : {},
+  ...(panel == null ? void 0 : panel.preserveOnSelection) !== void 0 ? { preserveOnSelection: panel.preserveOnSelection } : {},
+  ...(panel == null ? void 0 : panel.component) !== void 0 ? { component: panel.component } : {},
+  ...(panel == null ? void 0 : panel.props) !== void 0 ? { props: panel.props } : {}
+});
+const createLayoutTemplatePlugin = (runtime = {}) => {
+  var _a, _b;
+  return {
+    id: LAYOUT_TEMPLATE_PLUGIN_ID,
+    label: "Layout Template",
+    order: 40,
+    alwaysEnabled: true,
+    panels: [
+      createPanel("layout", "Layout", 40, (_a = runtime.panels) == null ? void 0 : _a.layout),
+      createPanel("template", "Template", 50, (_b = runtime.panels) == null ? void 0 : _b.template)
+    ],
+    resources: [
+      (context) => {
+        var _a2, _b2;
+        return [
+          ...((_a2 = runtime.collectResourceParticipants) == null ? void 0 : _a2.call(runtime, context)) ?? [],
+          ...((_b2 = runtime.collectLockParticipants) == null ? void 0 : _b2.call(runtime, context)) ?? []
+        ];
+      }
+    ],
+    beforeProjectLoad: (context) => {
+      var _a2;
+      return (_a2 = runtime.beforeProjectLoad) == null ? void 0 : _a2.call(runtime, context);
+    }
+  };
+};
+export {
+  LAYOUT_TEMPLATE_PLUGIN_ID as L,
+  createLayoutTemplatePlugin as c
+};

package/dist/plugin-C0PrxrIe.js

@@ -0,0 +1,228 @@
+import { hasWebBuilderCapability } from "@toototech/webbuilder/core";
+const CMS_COMPONENTS_PLUGIN_ID = "cms-components";
+const CMS_COMPONENTS_CAPABILITY = "webbuilder:cms-components";
+const CMS_COMPONENT_LOAD_TYPES = [
+  "wb-cms-post-list",
+  "wb-cms-post-card",
+  "wb-cms-cases-list",
+  "wb-cms-cases-card",
+  "wb-cms-post-category-filter",
+  "wb-cms-post-latest",
+  "wb-cms-post-detail",
+  "wb-cms-media-list",
+  "wb-cms-technical-service-list",
+  "wb-cms-technical-service-card",
+  "wb-cms-technical-download-list",
+  "wb-cms-technical-download-item",
+  "wb-cms-technical-support-detail",
+  "wb-cms-media-latest",
+  "wb-cms-media-detail",
+  "wb-cms-product-list",
+  "wb-cms-product-card",
+  "wb-cms-product-datasheet-list",
+  "wb-cms-product-latest",
+  "wb-cms-product-featured",
+  "wb-cms-product-related",
+  "wb-cms-product-detail",
+  "wb-cms-product-detail-v2",
+  "wb-cms-faq-section",
+  "wb-cms-product-category-faq",
+  "wb-cms-search",
+  "wb-cms-site-menu",
+  "wb-cms-menu-tree",
+  "wb-cms-dynamic-text",
+  "wb-cms-dynamic-html",
+  "wb-cms-dynamic-image",
+  "wb-cms-dynamic-link",
+  "wb-cms-dynamic-datetime",
+  "wb-cms-dynamic-if",
+  "wb-cms-dynamic-repeat",
+  "wb-cms-dynamic-repeat-item",
+  "wb-cms-dynamic-seo",
+  "wb-cms-dynamic-toc",
+  "wb-cms-dynamic-breadcrumb",
+  "wb-loop-grid",
+  "wb-ssg-field"
+];
+const CMS_COMPONENT_REQUIRED_HOST_SERVICES = [
+  "post",
+  "media",
+  "product",
+  "menu",
+  "faq",
+  "inquiry"
+];
+const CMS_DYNAMIC_BLOCKS = [
+  {
+    id: "cms-post-card",
+    label: "文章卡片",
+    category: "CMS",
+    order: 5,
+    media: "lucide:newspaper",
+    content: { type: "wb-cms-post-card" },
+    componentTypes: ["wb-cms-post-card"]
+  },
+  {
+    id: "cms-dynamic-text",
+    label: "动态文本",
+    category: "CMS Dynamic",
+    order: 10,
+    media: "lucide:type",
+    content: { type: "wb-cms-dynamic-text" },
+    componentTypes: ["wb-cms-dynamic-text"]
+  },
+  {
+    id: "cms-dynamic-html",
+    label: "动态 HTML",
+    category: "CMS Dynamic",
+    order: 20,
+    media: "lucide:code",
+    content: { type: "wb-cms-dynamic-html" },
+    componentTypes: ["wb-cms-dynamic-html"]
+  },
+  {
+    id: "cms-dynamic-image",
+    label: "动态图片",
+    category: "CMS Dynamic",
+    order: 30,
+    media: "lucide:image",
+    content: { type: "wb-cms-dynamic-image" },
+    componentTypes: ["wb-cms-dynamic-image"]
+  },
+  {
+    id: "cms-dynamic-link",
+    label: "动态链接",
+    category: "CMS Dynamic",
+    order: 40,
+    media: "lucide:link",
+    content: { type: "wb-cms-dynamic-link" },
+    componentTypes: ["wb-cms-dynamic-link"]
+  },
+  {
+    id: "cms-dynamic-datetime",
+    label: "动态日期",
+    category: "CMS Dynamic",
+    order: 50,
+    media: "lucide:calendar",
+    content: { type: "wb-cms-dynamic-datetime" },
+    componentTypes: ["wb-cms-dynamic-datetime"]
+  },
+  {
+    id: "cms-dynamic-if",
+    label: "条件显示",
+    category: "CMS Dynamic",
+    order: 60,
+    media: "lucide:split",
+    content: { type: "wb-cms-dynamic-if" },
+    componentTypes: ["wb-cms-dynamic-if"]
+  },
+  {
+    id: "cms-dynamic-repeat",
+    label: "动态循环",
+    category: "CMS Dynamic",
+    order: 70,
+    media: "lucide:repeat",
+    content: { type: "wb-cms-dynamic-repeat" },
+    componentTypes: ["wb-cms-dynamic-repeat"]
+  },
+  {
+    id: "cms-dynamic-breadcrumb",
+    label: "面包屑导航",
+    category: "CMS Dynamic",
+    order: 80,
+    media: "lucide:chevrons-right",
+    content: { type: "wb-cms-dynamic-breadcrumb" },
+    componentTypes: ["wb-cms-dynamic-breadcrumb"]
+  },
+  {
+    id: "cms-dynamic-toc",
+    label: "文章目录",
+    category: "CMS Dynamic",
+    order: 90,
+    media: "lucide:list-tree",
+    content: { type: "wb-cms-dynamic-toc" },
+    componentTypes: ["wb-cms-dynamic-toc"]
+  },
+  {
+    id: "cms-dynamic-seo",
+    label: "SEO Meta",
+    category: "CMS Dynamic",
+    order: 100,
+    media: "lucide:search",
+    content: { type: "wb-cms-dynamic-seo" },
+    componentTypes: ["wb-cms-dynamic-seo"]
+  },
+  {
+    id: "cms-loop-grid",
+    label: "CMS Loop Grid",
+    category: "CMS Dynamic",
+    order: 110,
+    media: "lucide:grid-3x3",
+    content: { type: "wb-loop-grid" },
+    componentTypes: ["wb-loop-grid"]
+  },
+  {
+    id: "cms-ssg-field",
+    label: "SSG 字段",
+    category: "CMS Dynamic",
+    order: 120,
+    media: "lucide:braces",
+    content: { type: "wb-ssg-field" },
+    componentTypes: ["wb-ssg-field"]
+  }
+];
+const runCleanupStack = (cleanups) => {
+  cleanups.slice().reverse().forEach((cleanup) => cleanup());
+};
+const collectRuntimeBlockPacks = (runtime) => (context) => {
+  var _a;
+  const packs = ((_a = runtime.blockPacks) == null ? void 0 : _a.call(runtime, context)) ?? [
+    {
+      id: "cms-dynamic-fields",
+      label: "CMS Dynamic Fields",
+      order: 90,
+      blocks: CMS_DYNAMIC_BLOCKS.filter(
+        (block) => (block.componentTypes ?? []).every((type) => context.canInsertComponentType(type))
+      )
+    }
+  ];
+  return packs.filter((pack) => Boolean(pack));
+};
+const createCmsComponentsPlugin = (runtime = {}) => ({
+  id: CMS_COMPONENTS_PLUGIN_ID,
+  label: "CMS Components",
+  order: 90,
+  requiredHostServices: [...CMS_COMPONENT_REQUIRED_HOST_SERVICES],
+  loadComponentTypes: [...CMS_COMPONENT_LOAD_TYPES],
+  insertComponentTypes: [...CMS_COMPONENT_LOAD_TYPES],
+  activateWhen: (context) => hasWebBuilderCapability(context.capabilityIds, CMS_COMPONENTS_CAPABILITY),
+  blockPacks: [collectRuntimeBlockPacks(runtime)],
+  activateEditor(context) {
+    var _a, _b, _c;
+    const cleanups = [];
+    const addCleanup = (cleanup) => {
+      if (cleanup)
+        cleanups.push(cleanup);
+    };
+    try {
+      addCleanup((_a = runtime.activateEditor) == null ? void 0 : _a.call(runtime, context));
+      addCleanup((_b = runtime.activateCmsPreview) == null ? void 0 : _b.call(runtime, context));
+      addCleanup((_c = runtime.activateTemplatePreview) == null ? void 0 : _c.call(runtime, context));
+    } catch (error) {
+      runCleanupStack(cleanups);
+      throw error;
+    }
+    return () => runCleanupStack(cleanups);
+  },
+  publisher: {
+    id: "publisher:cms-components",
+    order: 90
+  }
+});
+export {
+  CMS_COMPONENTS_CAPABILITY as C,
+  CMS_COMPONENTS_PLUGIN_ID as a,
+  CMS_COMPONENT_LOAD_TYPES as b,
+  createCmsComponentsPlugin as c,
+  CMS_COMPONENT_REQUIRED_HOST_SERVICES as d
+};

package/dist/plugin-DQshk1sY.js

@@ -0,0 +1,361 @@
+import { WEB_BUILDER_PROJECT_PAINT_EVENT } from "@toototech/webbuilder/core";
+const GLOBAL_SETTINGS_STYLE_IDS = {
+  colors: "wb-global-colors",
+  typography: "wb-global-font-family",
+  customCss: "wb-global-custom-css"
+};
+const GOOGLE_FONT_ATTR = "data-wb-gf";
+const CUSTOM_CODE_ATTR = "data-wb-global-custom-code";
+const CUSTOM_CODE_POSITION_ATTR = "data-wb-global-custom-code-position";
+const HEADING_LEVELS = ["h1", "h2", "h3", "h4", "h5", "h6"];
+const CUSTOM_CODE_POSITIONS = ["head", "body-start", "body-end"];
+const DEFAULT_HEADING_STYLES = {
+  h1: {
+    fontFamily: "",
+    fontSize: "48px",
+    lineHeight: "1.15",
+    fontWeight: "700",
+    textTransform: "none",
+    fontStyle: "normal",
+    textDecoration: "none",
+    letterSpacing: "0px"
+  },
+  h2: {
+    fontFamily: "",
+    fontSize: "40px",
+    lineHeight: "1.18",
+    fontWeight: "700",
+    textTransform: "none",
+    fontStyle: "normal",
+    textDecoration: "none",
+    letterSpacing: "0px"
+  },
+  h3: {
+    fontFamily: "",
+    fontSize: "32px",
+    lineHeight: "1.22",
+    fontWeight: "700",
+    textTransform: "none",
+    fontStyle: "normal",
+    textDecoration: "none",
+    letterSpacing: "0px"
+  },
+  h4: {
+    fontFamily: "",
+    fontSize: "24px",
+    lineHeight: "1.28",
+    fontWeight: "600",
+    textTransform: "none",
+    fontStyle: "normal",
+    textDecoration: "none",
+    letterSpacing: "0px"
+  },
+  h5: {
+    fontFamily: "",
+    fontSize: "20px",
+    lineHeight: "1.35",
+    fontWeight: "600",
+    textTransform: "none",
+    fontStyle: "normal",
+    textDecoration: "none",
+    letterSpacing: "0px"
+  },
+  h6: {
+    fontFamily: "",
+    fontSize: "16px",
+    lineHeight: "1.4",
+    fontWeight: "600",
+    textTransform: "none",
+    fontStyle: "normal",
+    textDecoration: "none",
+    letterSpacing: "0px"
+  }
+};
+const isRecord$1 = (value) => Boolean(value) && typeof value === "object";
+const isPresent = (value) => Boolean(value);
+const toCssText = (value, fallback = "") => `${value ?? ""}`.trim().replace(/;+/g, "") || fallback;
+const normalizeGlobalFontFamily = (fontFamily) => {
+  const normalized = toCssText(fontFamily);
+  if (!normalized)
+    return "";
+  if (/\bsans-serif\b/i.test(normalized))
+    return normalized;
+  return `${normalized}, sans-serif`;
+};
+const getTypography = (snapshot) => isRecord$1(snapshot.typography) ? snapshot.typography : {};
+const normalizeHeadingStyles = (headingStyles) => {
+  const source = isRecord$1(headingStyles) ? headingStyles : {};
+  return HEADING_LEVELS.reduce((result, level) => {
+    const defaults = DEFAULT_HEADING_STYLES[level];
+    const style = isRecord$1(source[level]) ? source[level] : {};
+    result[level] = {
+      fontFamily: normalizeGlobalFontFamily(style.fontFamily),
+      fontSize: toCssText(style.fontSize, String(defaults.fontSize)),
+      lineHeight: toCssText(style.lineHeight, String(defaults.lineHeight)),
+      fontWeight: toCssText(style.fontWeight, String(defaults.fontWeight)),
+      textTransform: toCssText(style.textTransform, String(defaults.textTransform)),
+      fontStyle: toCssText(style.fontStyle, String(defaults.fontStyle)),
+      textDecoration: toCssText(style.textDecoration, String(defaults.textDecoration)),
+      letterSpacing: toCssText(style.letterSpacing, String(defaults.letterSpacing))
+    };
+    return result;
+  }, {});
+};
+const getOrCreateStyleElement = (doc, id) => {
+  let element = doc.getElementById(id);
+  if (!element) {
+    element = doc.createElement("style");
+    element.id = id;
+    (doc.head ?? doc.documentElement).appendChild(element);
+  }
+  return element;
+};
+const setStyleText = (doc, id, cssText) => {
+  const existing = doc.getElementById(id);
+  if (!cssText) {
+    existing == null ? void 0 : existing.remove();
+    return null;
+  }
+  const element = getOrCreateStyleElement(doc, id);
+  element.textContent = cssText;
+  return element;
+};
+const buildColorVariables = (colors) => {
+  const variables = colors.filter(isRecord$1).map((color) => {
+    const id = `${color.id ?? ""}`.trim();
+    const value = toCssText(color.value);
+    if (!id || !value || /[^a-zA-Z0-9_-]/.test(id))
+      return "";
+    return `  --wb-gc-${id}: ${value};`;
+  }).filter(Boolean);
+  return variables.length ? `:root {
+${variables.join("\n")}
+}` : ":root {}";
+};
+const buildTypographyCss = (typography) => {
+  const fontFamily = normalizeGlobalFontFamily(typography.fontFamily);
+  const headingStyles = normalizeHeadingStyles(typography.headingStyles);
+  const headingVariables = HEADING_LEVELS.flatMap((level) => {
+    const style = headingStyles[level];
+    return [
+      `  --wb-${level}-font-family: ${style.fontFamily || "var(--wb-global-font-family)"};`,
+      `  --wb-${level}-font-size: ${style.fontSize};`,
+      `  --wb-${level}-line-height: ${style.lineHeight};`,
+      `  --wb-${level}-font-weight: ${style.fontWeight};`,
+      `  --wb-${level}-text-transform: ${style.textTransform};`,
+      `  --wb-${level}-font-style: ${style.fontStyle};`,
+      `  --wb-${level}-text-decoration: ${style.textDecoration};`,
+      `  --wb-${level}-letter-spacing: ${style.letterSpacing};`
+    ];
+  }).join("\n");
+  const headingRules = HEADING_LEVELS.map((level) => `${level} {
+  font-family: var(--wb-${level}-font-family, var(--wb-global-font-family));
+  font-size: var(--wb-${level}-font-size);
+  line-height: var(--wb-${level}-line-height);
+  font-weight: var(--wb-${level}-font-weight);
+  text-transform: var(--wb-${level}-text-transform);
+  font-style: var(--wb-${level}-font-style);
+  text-decoration-line: var(--wb-${level}-text-decoration);
+  letter-spacing: var(--wb-${level}-letter-spacing);
+}`).join("\n");
+  return `:root {
+  --wb-global-font-family: ${fontFamily || "inherit"};
+${headingVariables}
+}
+body,
+button,
+input,
+textarea,
+select {
+  font-family: var(--wb-global-font-family);
+}
+${headingRules}`;
+};
+const buildGlobalSettingsCss = (snapshot) => {
+  const typography = getTypography(snapshot);
+  return [
+    buildColorVariables(snapshot.colors),
+    buildTypographyCss(typography),
+    `${snapshot.customCss ?? ""}`.trim()
+  ].filter(Boolean).join("\n");
+};
+const getGlobalSettingsGoogleFontName = (snapshot) => `${getTypography(snapshot).googleName ?? ""}`.trim();
+const injectGoogleFontLink = (doc, googleName) => {
+  var _a, _b;
+  const normalized = `${googleName ?? ""}`.trim();
+  if (!normalized)
+    return null;
+  const existing = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(
+    _a,
+    `link[${GOOGLE_FONT_ATTR}="${normalized}"]`
+  );
+  if (existing)
+    return existing;
+  const link = doc.createElement("link");
+  link.rel = "stylesheet";
+  link.setAttribute(GOOGLE_FONT_ATTR, normalized);
+  link.href = `https://fonts.googleapis.com/css2?family=${normalized}:wght@300;400;500;600;700&display=swap`;
+  (doc.head ?? doc.documentElement).appendChild(link);
+  return link;
+};
+const isCustomCodePosition = (value) => CUSTOM_CODE_POSITIONS.includes(value);
+const getEnabledCustomCodeByPosition = (customCode, position) => customCode.filter(isRecord$1).filter((snippet) => {
+  const customSnippet = snippet;
+  return customSnippet.enabled === true && isCustomCodePosition(customSnippet.position) && customSnippet.position === position;
+}).map((snippet) => `${snippet.code ?? ""}`.trim()).filter(Boolean).join("\n");
+const getEnabledGlobalCustomCode = (snapshot, position) => getEnabledCustomCodeByPosition(snapshot.customCode, position);
+const createCustomCodeTemplate = (doc, position, code) => {
+  var _a;
+  if (!code)
+    return null;
+  const target = position === "head" ? doc.head ?? doc.documentElement : doc.body ?? doc.documentElement;
+  const existing = (_a = target.querySelector) == null ? void 0 : _a.call(
+    target,
+    `template[${CUSTOM_CODE_POSITION_ATTR}="${position}"]`
+  );
+  existing == null ? void 0 : existing.remove();
+  const template = doc.createElement("template");
+  template.setAttribute(CUSTOM_CODE_ATTR, "true");
+  template.setAttribute(CUSTOM_CODE_POSITION_ATTR, position);
+  template.textContent = code;
+  if (position === "head") {
+    target.appendChild(template);
+    return template;
+  }
+  if (position === "body-start") {
+    target.insertBefore(template, target.firstChild);
+    return template;
+  }
+  target.appendChild(template);
+  return template;
+};
+const injectCustomCodeTemplates = (doc, customCode) => CUSTOM_CODE_POSITIONS.map(
+  (position) => createCustomCodeTemplate(
+    doc,
+    position,
+    getEnabledCustomCodeByPosition(customCode, position)
+  )
+).filter(isPresent);
+const injectGlobalSettingsIntoDocument = (doc, snapshot) => {
+  const typography = getTypography(snapshot);
+  const injectedNodes = [
+    setStyleText(doc, GLOBAL_SETTINGS_STYLE_IDS.colors, buildColorVariables(snapshot.colors)),
+    setStyleText(doc, GLOBAL_SETTINGS_STYLE_IDS.typography, buildTypographyCss(typography)),
+    setStyleText(doc, GLOBAL_SETTINGS_STYLE_IDS.customCss, `${snapshot.customCss ?? ""}`.trim()),
+    injectGoogleFontLink(doc, typography.googleName),
+    ...injectCustomCodeTemplates(doc, snapshot.customCode)
+  ].filter(isPresent);
+  return () => {
+    injectedNodes.forEach((node) => node.remove());
+  };
+};
+const escapeHtmlAttribute = (value) => value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+const buildGoogleFontLinkHtml = (googleName) => {
+  if (!googleName)
+    return "";
+  const escapedName = escapeHtmlAttribute(googleName);
+  const href = `https://fonts.googleapis.com/css2?family=${escapedName}:wght@300;400;500;600;700&display=swap`;
+  return `<link rel="stylesheet" data-wb-gf="${escapedName}" href="${href}">`;
+};
+const joinHtml = (fragments) => fragments.map((fragment) => fragment.trim()).filter(Boolean).join("\n");
+const renderGlobalSettingsPublishedAssets = (snapshot) => {
+  const googleName = getGlobalSettingsGoogleFontName(snapshot);
+  return {
+    css: buildGlobalSettingsCss(snapshot),
+    headHtml: joinHtml([
+      buildGoogleFontLinkHtml(googleName),
+      getEnabledGlobalCustomCode(snapshot, "head")
+    ]),
+    bodyStartHtml: getEnabledGlobalCustomCode(snapshot, "body-start"),
+    bodyEndHtml: getEnabledGlobalCustomCode(snapshot, "body-end"),
+    metadata: {
+      globalSettings: {
+        version: snapshot.version,
+        hash: snapshot.hash,
+        updatedAt: snapshot.updatedAt
+      }
+    }
+  };
+};
+const GLOBAL_SETTINGS_PLUGIN_ID = "global-settings";
+const isRecord = (value) => Boolean(value) && typeof value === "object";
+const getFrameDocument = (context) => {
+  if (!isRecord(context))
+    return null;
+  const frame = isRecord(context.frame) ? context.frame : context;
+  const view = isRecord(frame.view) ? frame.view : null;
+  const element = isRecord(view == null ? void 0 : view.el) ? view.el : null;
+  const contentDocument = element == null ? void 0 : element.contentDocument;
+  if (contentDocument && typeof contentDocument === "object") {
+    return contentDocument;
+  }
+  const getDocument = view == null ? void 0 : view.getDocument;
+  if (typeof getDocument === "function") {
+    return getDocument.call(view);
+  }
+  return null;
+};
+const createGlobalSettingsPlugin = () => ({
+  id: GLOBAL_SETTINGS_PLUGIN_ID,
+  label: "Global Settings",
+  order: 20,
+  alwaysEnabled: true,
+  publisher: {
+    id: "publisher:global-settings",
+    order: 20,
+    render: (context) => context.globalSettings ? renderGlobalSettingsPublishedAssets(context.globalSettings) : null
+  },
+  activateEditor(context) {
+    let cleanupCanvasInjection = null;
+    const cleanupCurrentInjection = () => {
+      cleanupCanvasInjection == null ? void 0 : cleanupCanvasInjection();
+      cleanupCanvasInjection = null;
+    };
+    const injectSnapshot = (eventData) => {
+      var _a, _b;
+      const snapshot = context.settings.getSnapshot();
+      const doc = getFrameDocument(eventData) ?? ((_b = (_a = context.editor.Canvas) == null ? void 0 : _a.getDocument) == null ? void 0 : _b.call(_a)) ?? null;
+      cleanupCurrentInjection();
+      if (snapshot && doc) {
+        cleanupCanvasInjection = injectGlobalSettingsIntoDocument(doc, snapshot);
+      }
+    };
+    const handleLoad = () => injectSnapshot();
+    const handleFrameLoad = (eventData) => injectSnapshot(eventData);
+    const handleProjectPaint = () => injectSnapshot();
+    const unsubscribe = context.settings.subscribe(() => injectSnapshot());
+    context.editor.on("load", handleLoad);
+    context.editor.on("canvas:frame:load", handleFrameLoad);
+    context.editor.on(WEB_BUILDER_PROJECT_PAINT_EVENT, handleProjectPaint);
+    injectSnapshot();
+    return () => {
+      context.editor.off("load", handleLoad);
+      context.editor.off("canvas:frame:load", handleFrameLoad);
+      context.editor.off(WEB_BUILDER_PROJECT_PAINT_EVENT, handleProjectPaint);
+      unsubscribe();
+      cleanupCurrentInjection();
+    };
+  },
+  async beforeProjectLoad(context) {
+    if (context.settings.getSnapshot())
+      return;
+    const service = context.hostServices.globalSettings;
+    if (!service)
+      return;
+    const snapshot = await service.loadDraft({
+      resource: context.resource,
+      tenantId: context.tenant.tenantId
+    });
+    context.settings.hydrate(snapshot);
+  }
+});
+export {
+  GLOBAL_SETTINGS_PLUGIN_ID as G,
+  GLOBAL_SETTINGS_STYLE_IDS as a,
+  buildGlobalSettingsCss as b,
+  createGlobalSettingsPlugin as c,
+  getGlobalSettingsGoogleFontName as d,
+  getEnabledGlobalCustomCode as g,
+  injectGlobalSettingsIntoDocument as i,
+  renderGlobalSettingsPublishedAssets as r
+};