@makeswift/runtime 0.13.1 → 0.14.1

package/dist/cjs/components/icons/LogoYelp20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoYelp20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoYelp20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M6.861.39a14 14 0 0 0-2.298.789c-.504.223-.693.8-.415 1.25l4.37 7.047c.49.79 1.787.467 1.787-.446V.894c0-.52-.475-.932-1.03-.891Q8.068.09 6.86.39m11.06 8.885a7.7 7.7 0 0 0-2.116-2.71c-.433-.355-1.104-.273-1.427.173l-2.6 3.59c-.5.69.198 1.585 1.058 1.356l4.47-1.193c.557-.15.844-.721.614-1.216m-6.22 5.164 2.465 3.673c.307.458.977.558 1.425.215a7.85 7.85 0 0 0 2.21-2.638c.25-.486-.019-1.067-.569-1.234l-4.422-1.337c-.85-.258-1.583.615-1.109 1.32m-6.099 4.295a8.7 8.7 0 0 0 3.332 1.255c.572.089 1.098-.31 1.118-.85l.163-4.328c.031-.833-1.072-1.247-1.67-.628L5.432 17.4c-.386.4-.307 1.027.17 1.333M3.758 9.387l4.18 1.899c.804.365.68 1.465-.188 1.667L3.24 14c-.563.13-1.118-.23-1.185-.767a7.2 7.2 0 0 1 .377-3.33c.184-.51.81-.751 1.328-.516\" />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AAHC,SAAS,WAAW,OAAwC;AACjE,SACE,4CAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,sDAAC,UAAK,GAAE,quBAAouB,GAC9uB;AAEJ;","names":[]}

package/dist/cjs/components/icons/LogoYoutube20.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LogoYoutube20_exports = {};
+__export(LogoYoutube20_exports, {
+  LogoYoutube20: () => LogoYoutube20
+});
+module.exports = __toCommonJS(LogoYoutube20_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function LogoYoutube20(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 13V7l5 3zm11.582-7.814a2.5 2.5 0 0 0-1.769-1.768C16.254 3 10 3 10 3s-6.254 0-7.814.418c-.86.23-1.538.908-1.768 1.768C0 6.746 0 10 0 10s0 3.254.418 4.813c.23.862.908 1.54 1.768 1.769C3.746 17 10 17 10 17s6.254 0 7.813-.418a2.5 2.5 0 0 0 1.769-1.769C20 13.254 20 10 20 10s0-3.254-.418-4.814" }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LogoYoutube20
+});
+//# sourceMappingURL=LogoYoutube20.js.map

package/dist/cjs/components/icons/LogoYoutube20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoYoutube20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoYoutube20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M8 13V7l5 3zm11.582-7.814a2.5 2.5 0 0 0-1.769-1.768C16.254 3 10 3 10 3s-6.254 0-7.814.418c-.86.23-1.538.908-1.768 1.768C0 6.746 0 10 0 10s0 3.254.418 4.813c.23.862.908 1.54 1.768 1.769C3.746 17 10 17 10 17s6.254 0 7.813-.418a2.5 2.5 0 0 0 1.769-1.769C20 13.254 20 10 20 10s0-3.254-.418-4.814\" />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AAHC,SAAS,cAAc,OAAwC;AACpE,SACE,4CAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,sDAAC,UAAK,GAAE,uSAAsS,GAChT;AAEJ;","names":[]}

package/dist/cjs/components/icons/MobileMenu28.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MobileMenu28_exports = {};
+__export(MobileMenu28_exports, {
+  MobileMenu28: () => MobileMenu28
+});
+module.exports = __toCommonJS(MobileMenu28_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function MobileMenu28(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M27 15H1a1 1 0 0 1-1-1 1 1 0 0 1 1-1h26a1 1 0 0 1 1 1 1 1 0 0 1-1 1m0-10H1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h26a1 1 0 0 0 1-1 1 1 0 0 0-1-1m0 16H1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h26a1 1 0 0 0 1-1 1 1 0 0 0-1-1" }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MobileMenu28
+});
+//# sourceMappingURL=MobileMenu28.js.map

package/dist/cjs/components/icons/MobileMenu28.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/MobileMenu28.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function MobileMenu28(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={28} height={28} {...props}>\n      <path d=\"M27 15H1a1 1 0 0 1-1-1 1 1 0 0 1 1-1h26a1 1 0 0 1 1 1 1 1 0 0 1-1 1m0-10H1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h26a1 1 0 0 0 1-1 1 1 0 0 0-1-1m0 16H1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h26a1 1 0 0 0 1-1 1 1 0 0 0-1-1\" />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AAHC,SAAS,aAAa,OAAwC;AACnE,SACE,4CAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,sDAAC,UAAK,GAAE,2MAA0M,GACpN;AAEJ;","names":[]}

package/dist/cjs/components/icons/Plus8.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Plus8_exports = {};
+__export(Plus8_exports, {
+  Plus8: () => Plus8
+});
+module.exports = __toCommonJS(Plus8_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Plus8(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 0a1 1 0 0 0-1 1v2H1a1 1 0 1 0 0 2h2v2a1 1 0 0 0 2 0V5h2a1 1 0 0 0 0-2H5V1a1 1 0 0 0-1-1" }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Plus8
+});
+//# sourceMappingURL=Plus8.js.map

package/dist/cjs/components/icons/Plus8.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/Plus8.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function Plus8(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={8} height={8} {...props}>\n      <path d=\"M4 0a1 1 0 0 0-1 1v2H1a1 1 0 1 0 0 2h2v2a1 1 0 0 0 2 0V5h2a1 1 0 0 0 0-2H5V1a1 1 0 0 0-1-1\" />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AAHC,SAAS,MAAM,OAAwC;AAC5D,SACE,4CAAC,SAAI,OAAM,8BAA6B,OAAO,GAAG,QAAQ,GAAI,GAAG,OAC/D,sDAAC,UAAK,GAAE,8FAA6F,GACvG;AAEJ;","names":[]}

package/dist/cjs/components/icons/Spinner20.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Spinner20_exports = {};
+__export(Spinner20_exports, {
+  Spinner20: () => Spinner20
+});
+module.exports = __toCommonJS(Spinner20_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Spinner20(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", strokeWidth: 2, transform: "translate(1 1)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: 9, cy: 9, r: 9, stroke: "currentColor", strokeOpacity: 0.4 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 18A9 9 0 0 0 9 0" })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Spinner20
+});
+//# sourceMappingURL=Spinner20.js.map

package/dist/cjs/components/icons/Spinner20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/Spinner20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function Spinner20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <g fill=\"none\" strokeWidth={2} transform=\"translate(1 1)\">\n        <circle cx={9} cy={9} r={9} stroke=\"currentColor\" strokeOpacity={0.4} />\n        <path d=\"M9 18A9 9 0 0 0 9 0\" />\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AAHC,SAAS,UAAU,OAAwC;AAChE,SACE,4CAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,uDAAC,OAAE,MAAK,QAAO,aAAa,GAAG,WAAU,kBACvC;AAAA,gDAAC,YAAO,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,QAAO,gBAAe,eAAe,KAAK;AAAA,IACtE,4CAAC,UAAK,GAAE,uBAAsB;AAAA,KAChC,GACF;AAEJ;","names":[]}

package/dist/cjs/components/icons/Times16.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Times16_exports = {};
+__export(Times16_exports, {
+  Times16: () => Times16
+});
+module.exports = __toCommonJS(Times16_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Times16(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M13.707 3.707a1 1 0 0 0-1.414-1.414L8 6.586 3.707 2.293a1 1 0 0 0-1.414 1.414L6.586 8l-4.293 4.293a1 1 0 1 0 1.414 1.414L8 9.414l4.293 4.293a1 1 0 0 0 1.414-1.414L9.414 8z",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Times16
+});
+//# sourceMappingURL=Times16.js.map

package/dist/cjs/components/icons/Times16.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/Times16.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function Times16(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M13.707 3.707a1 1 0 0 0-1.414-1.414L8 6.586 3.707 2.293a1 1 0 0 0-1.414 1.414L6.586 8l-4.293 4.293a1 1 0 1 0 1.414 1.414L8 9.414l4.293 4.293a1 1 0 0 0 1.414-1.414L9.414 8z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AAHC,SAAS,QAAQ,OAAwC;AAC9D,SACE,4CAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,GAAE;AAAA,MACF,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;","names":[]}

package/dist/cjs/components/icons/Warning20.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Warning20_exports = {};
+__export(Warning20_exports, {
+  Warning20: () => Warning20
+});
+module.exports = __toCommonJS(Warning20_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Warning20(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M2.899 18H17.1a1.75 1.75 0 0 0 1.549-2.565L11.549 1.942c-.656-1.246-2.442-1.246-3.098 0L1.35 15.435A1.75 1.75 0 0 0 2.899 18M9 6a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm2.25 8.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Warning20
+});
+//# sourceMappingURL=Warning20.js.map

package/dist/cjs/components/icons/Warning20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/Warning20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function Warning20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M2.899 18H17.1a1.75 1.75 0 0 0 1.549-2.565L11.549 1.942c-.656-1.246-2.442-1.246-3.098 0L1.35 15.435A1.75 1.75 0 0 0 2.899 18M9 6a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm2.25 8.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AAHC,SAAS,UAAU,OAAwC;AAChE,SACE,4CAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,GAAE;AAAA,MACF,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;","names":[]}

package/dist/cjs/components/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./builtin"), module.exports);
+__reExport(components_exports, require("./hooks"), module.exports);
+__reExport(components_exports, require("./page"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./builtin"),
+  ...require("./hooks"),
+  ...require("./page")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './builtin'\nexport * from './hooks'\nexport * from './page'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,sBAAd;AACA,+BAAc,oBADd;AAEA,+BAAc,mBAFd;","names":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BodySnippet_exports = {};
+__export(BodySnippet_exports, {
+  BodySnippet: () => BodySnippet
+});
+module.exports = __toCommonJS(BodySnippet_exports);
+var import_react = require("react");
+const SCRIPT_TAG = "script";
+function BodySnippet({ code, cleanup }) {
+  (0, import_react.useEffect)(() => {
+    const container = document.createElement("div");
+    container.innerHTML = code;
+    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
+    const scripts = [];
+    while (walker.nextNode()) {
+      if (walker.currentNode instanceof HTMLScriptElement)
+        scripts.push(walker.currentNode);
+    }
+    scripts.forEach((inlineScript) => {
+      const executableScript = document.createElement(SCRIPT_TAG);
+      executableScript.textContent = inlineScript.textContent;
+      Array.from(inlineScript.attributes).forEach(({ name, value }) => {
+        executableScript.setAttribute(name, value);
+      });
+      inlineScript.parentNode?.replaceChild(executableScript, inlineScript);
+    });
+    const nodes = Array.from(container.childNodes);
+    document.body.append(...nodes);
+    return () => {
+      nodes.forEach((node) => {
+        node.parentNode?.removeChild(node);
+      });
+      if (cleanup == null)
+        return;
+      const cleanUp = new Function(cleanup);
+      try {
+        cleanUp();
+      } catch {
+      }
+    };
+  }, [code, cleanup]);
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BodySnippet
+});
+//# sourceMappingURL=BodySnippet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/page/BodySnippet.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nconst SCRIPT_TAG = 'script'\n\ntype Props = {\n  code: string\n  cleanup: string | null | undefined\n}\n\nexport function BodySnippet({ code, cleanup }: Props): null {\n  useEffect(() => {\n    const container = document.createElement('div')\n\n    container.innerHTML = code\n\n    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT)\n    const scripts: HTMLScriptElement[] = []\n\n    while (walker.nextNode()) {\n      if (walker.currentNode instanceof HTMLScriptElement) scripts.push(walker.currentNode)\n    }\n\n    scripts.forEach(inlineScript => {\n      const executableScript = document.createElement(SCRIPT_TAG)\n\n      executableScript.textContent = inlineScript.textContent\n      Array.from(inlineScript.attributes).forEach(({ name, value }) => {\n        executableScript.setAttribute(name, value)\n      })\n\n      inlineScript.parentNode?.replaceChild(executableScript, inlineScript)\n    })\n\n    const nodes = Array.from(container.childNodes)\n\n    document.body.append(...nodes)\n\n    return () => {\n      nodes.forEach(node => {\n        node.parentNode?.removeChild(node)\n      })\n\n      if (cleanup == null) return\n\n      const cleanUp = new Function(cleanup)\n\n      try {\n        cleanUp()\n      } catch {\n        // Ignore errors from user input.\n      }\n    }\n  }, [code, cleanup])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAE1B,MAAM,aAAa;AAOZ,SAAS,YAAY,EAAE,MAAM,QAAQ,GAAgB;AAC1D,8BAAU,MAAM;AACd,UAAM,YAAY,SAAS,cAAc,KAAK;AAE9C,cAAU,YAAY;AAEtB,UAAM,SAAS,SAAS,iBAAiB,WAAW,WAAW,YAAY;AAC3E,UAAM,UAA+B,CAAC;AAEtC,WAAO,OAAO,SAAS,GAAG;AACxB,UAAI,OAAO,uBAAuB;AAAmB,gBAAQ,KAAK,OAAO,WAAW;AAAA,IACtF;AAEA,YAAQ,QAAQ,kBAAgB;AAC9B,YAAM,mBAAmB,SAAS,cAAc,UAAU;AAE1D,uBAAiB,cAAc,aAAa;AAC5C,YAAM,KAAK,aAAa,UAAU,EAAE,QAAQ,CAAC,EAAE,MAAM,MAAM,MAAM;AAC/D,yBAAiB,aAAa,MAAM,KAAK;AAAA,MAC3C,CAAC;AAED,mBAAa,YAAY,aAAa,kBAAkB,YAAY;AAAA,IACtE,CAAC;AAED,UAAM,QAAQ,MAAM,KAAK,UAAU,UAAU;AAE7C,aAAS,KAAK,OAAO,GAAG,KAAK;AAE7B,WAAO,MAAM;AACX,YAAM,QAAQ,UAAQ;AACpB,aAAK,YAAY,YAAY,IAAI;AAAA,MACnC,CAAC;AAED,UAAI,WAAW;AAAM;AAErB,YAAM,UAAU,IAAI,SAAS,OAAO;AAEpC,UAAI;AACF,gBAAQ;AAAA,MACV,QAAQ;AAAA,MAER;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,216 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Page_exports = {};
+__export(Page_exports, {
+  Page: () => Page
+});
+module.exports = __toCommonJS(Page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_shim = require("use-sync-external-store/shim");
+var import_html_react_parser = __toESM(require("html-react-parser"));
+var import_head = __toESM(require("next/head"));
+var import_BodySnippet = require("./BodySnippet");
+var import_react2 = require("../../runtimes/react");
+var import_react_page = require("../../state/react-page");
+var import_react3 = require("../../api/react");
+var import_react4 = require("../../react");
+var import_deepEqual = __toESM(require("../../utils/deepEqual"));
+const SnippetLocation = {
+  Body: "BODY",
+  Head: "HEAD"
+};
+const defaultFavicon = {
+  mimetype: "image/png",
+  publicUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC"
+};
+const VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_.\-\d]*$/;
+const VALID_HEAD_ELEMENT_TYPES = [
+  "title",
+  "base",
+  "link",
+  "style",
+  "meta",
+  "script",
+  "noscript",
+  "template"
+];
+function snippetToElement(snippet) {
+  return import_react.Children.map((0, import_html_react_parser.default)(snippet.code), (element) => {
+    if (typeof element === "string")
+      return element;
+    if (!VALID_TAG_REGEX.test(element.type))
+      return null;
+    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id;
+    return (0, import_react.createElement)(element.type, { ...element.props, key });
+  });
+}
+const filterUsedSnippetProperties = ({
+  code,
+  builderEnabled,
+  liveEnabled,
+  location,
+  cleanup
+}) => ({
+  code,
+  builderEnabled,
+  liveEnabled,
+  location,
+  cleanup
+});
+function Page({ document: page }) {
+  const isInBuilder = (0, import_react4.useIsInBuilder)();
+  const [snippets, setSnippets] = (0, import_react.useState)(page.snippets);
+  const cachedPage = useCachedPage(isInBuilder ? page.id : null);
+  (0, import_react.useEffect)(() => {
+    if (cachedPage == null)
+      return;
+    const oldSnippets = snippets.map(filterUsedSnippetProperties);
+    const newSnippets = cachedPage.snippets.map(filterUsedSnippetProperties);
+    if ((0, import_deepEqual.default)(newSnippets, oldSnippets))
+      return;
+    setSnippets(cachedPage.snippets);
+  }, [cachedPage]);
+  const site = useCachedSite(isInBuilder ? page.site.id : null);
+  const baseLocalizedPage = page.localizedPages.find(({ parentId }) => parentId == null);
+  const favicon = page.meta.favicon ?? defaultFavicon;
+  const title = baseLocalizedPage?.meta.title ?? page.meta.title;
+  const description = baseLocalizedPage?.meta.description ?? page.meta.description;
+  const keywords = baseLocalizedPage?.meta.keywords ?? page.meta.keywords;
+  const socialImage = baseLocalizedPage?.meta.socialImage ?? page.meta.socialImage;
+  const canonicalUrl = baseLocalizedPage?.seo.canonicalUrl ?? page.seo.canonicalUrl;
+  const isIndexingBlocked = baseLocalizedPage?.seo.isIndexingBlocked ?? page.seo.isIndexingBlocked;
+  const fontFamilyParamValue = (0, import_react.useMemo)(() => {
+    if (site == null) {
+      return page.fonts.map(({ family, variants }) => {
+        return `${family.replace(/ /g, "+")}:${variants.join()}`;
+      }).join("|");
+    }
+    return site.googleFonts.edges.filter((edge) => edge != null).map(({ activeVariants, node: { family, variants } }) => {
+      const activeVariantSpecifiers = variants.filter(
+        (variant) => activeVariants.some((activeVariant) => activeVariant.specifier === variant.specifier)
+      ).map((variant) => variant.specifier).join();
+      return `${family.replace(/ /g, "+")}:${activeVariantSpecifiers}`;
+    }).join("|");
+  }, [site, page]);
+  const filteredSnippets = (0, import_react.useMemo)(
+    () => snippets.filter((snippet) => isInBuilder ? snippet.builderEnabled : snippet.liveEnabled),
+    [snippets, isInBuilder]
+  );
+  const headSnippets = (0, import_react.useMemo)(
+    () => filteredSnippets.filter((snippet) => snippet.location === SnippetLocation.Head),
+    [filteredSnippets]
+  );
+  const previousHeadSnippets = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const headSnippetsToCleanUp = (previousHeadSnippets.current ?? []).filter((previousSnippet) => previousSnippet.cleanup != null).filter((previousSnippet) => !headSnippets.some((snippet) => previousSnippet.id === snippet.id));
+    headSnippetsToCleanUp.forEach((snippetToCleanUp) => {
+      if (snippetToCleanUp.cleanup == null)
+        return;
+      const cleanUp = new Function(snippetToCleanUp.cleanup);
+      try {
+        cleanUp();
+      } catch {
+      }
+    });
+    previousHeadSnippets.current = headSnippets;
+  }, [headSnippets]);
+  const documentId = baseLocalizedPage?.elementTreeId ?? page.id;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_head.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `
+            html {
+              font-family: sans-serif;
+            }
+            div#__next {
+              overflow: hidden;
+            }
+          ` }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("link", { rel: "icon", type: favicon.mimetype, href: favicon.publicUrl }),
+      canonicalUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("link", { rel: "canonical", href: canonicalUrl }),
+      isIndexingBlocked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "robots", content: "noindex" }),
+      title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { property: "og:title", content: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "twitter:title", content: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { itemProp: "name", content: title })
+      ] }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "description", content: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { property: "og:description", content: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "twitter:description", content: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { itemProp: "description", content: description })
+      ] }),
+      keywords && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "keywords", content: keywords }),
+      socialImage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { property: "og:image", content: socialImage.publicUrl }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { property: "og:image:type", content: socialImage.mimetype }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "twitter:image", content: socialImage.publicUrl }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "twitter:card", content: "summary_large_image" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { itemProp: "image", content: socialImage.publicUrl })
+      ] }),
+      fontFamilyParamValue !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "link",
+        {
+          rel: "stylesheet",
+          href: `https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`
+        }
+      ) }),
+      headSnippets.map(snippetToElement).map(
+        (children) => import_react.Children.map(children, (child) => {
+          if (typeof child === "string")
+            return child;
+          if (VALID_HEAD_ELEMENT_TYPES.includes(child.type))
+            return child;
+          return null;
+        })
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.DocumentReference, { documentReference: (0, import_react_page.createDocumentReference)(documentId) }),
+    filteredSnippets.filter((snippet) => snippet.location === SnippetLocation.Body).map((snippet) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BodySnippet.BodySnippet, { code: snippet.code, cleanup: snippet.cleanup }, snippet.id))
+  ] });
+}
+function useCachedPage(pageId) {
+  const client = (0, import_react3.useMakeswiftClient)();
+  const getSnapshot = () => pageId == null ? null : client.readPage(pageId);
+  const page = (0, import_shim.useSyncExternalStore)(client.subscribe, getSnapshot, getSnapshot);
+  return page;
+}
+function useCachedSite(siteId) {
+  const client = (0, import_react3.useMakeswiftClient)();
+  const getSnapshot = () => siteId == null ? null : client.readSite(siteId);
+  const site = (0, import_shim.useSyncExternalStore)(client.subscribe, getSnapshot, getSnapshot);
+  return site;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Page
+});
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/page/Page.tsx"],"sourcesContent":["'use client'\n\nimport { ReactElement, Children, createElement, useMemo, useEffect, useRef, useState } from 'react'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport parse from 'html-react-parser'\nimport Head from 'next/head'\n\nimport { BodySnippet } from './BodySnippet'\nimport { DocumentReference } from '../../runtimes/react'\nimport { createDocumentReference } from '../../state/react-page'\nimport { useMakeswiftClient } from '../../api/react'\nimport { useIsInBuilder } from '../../react'\nimport deepEqual from '../../utils/deepEqual'\nimport { MakeswiftPageDocument } from '../../next'\nimport { Page as PageType, Site } from '../../api'\n\nconst SnippetLocation = {\n  Body: 'BODY',\n  Head: 'HEAD',\n} as const\n\ntype SnippetLocation = typeof SnippetLocation[keyof typeof SnippetLocation]\n\ntype Snippet = {\n  builderEnabled: boolean\n  cleanup: string | null\n  code: string\n  id: string\n  liveEnabled: boolean\n  location: SnippetLocation\n}\n\nconst defaultFavicon = {\n  mimetype: 'image/png',\n  publicUrl:\n    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC',\n}\n\n// Taken from https://github.com/facebook/react/blob/14bac6193a334eda42e727336e8967419f08f5df/packages/react-dom/src/server/ReactPartialRenderer.js#L208\nconst VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_.\\-\\d]*$/\n\nconst VALID_HEAD_ELEMENT_TYPES = [\n  'title',\n  'base',\n  'link',\n  'style',\n  'meta',\n  'script',\n  'noscript',\n  'template',\n]\n\nfunction snippetToElement(snippet: Pick<Snippet, 'id' | 'code'>): (string | ReactElement)[] {\n  return Children.map(parse(snippet.code), element => {\n    if (typeof element === 'string') return element\n\n    if (!VALID_TAG_REGEX.test(element.type)) return null\n\n    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id\n\n    return createElement(element.type, { ...element.props, key })\n  })\n}\n\nconst filterUsedSnippetProperties = ({\n  code,\n  builderEnabled,\n  liveEnabled,\n  location,\n  cleanup,\n}: Snippet) => ({\n  code,\n  builderEnabled,\n  liveEnabled,\n  location,\n  cleanup,\n})\n\ntype Props = {\n  document: MakeswiftPageDocument\n}\n\nexport function Page({ document: page }: Props): JSX.Element {\n  const isInBuilder = useIsInBuilder()\n  const [snippets, setSnippets] = useState(page.snippets)\n  // We're using cached results here for page snippets and site fonts so that anytime the user\n  // changes the snippets or fonts on the builder, the change would be reflected here.\n  // See this PR for discussions and things we can do to improve it in the future:\n  // https://github.com/makeswift/makeswift/pull/77\n  const cachedPage = useCachedPage(isInBuilder ? page.id : null)\n  useEffect(() => {\n    if (cachedPage == null) return\n\n    const oldSnippets = snippets.map(filterUsedSnippetProperties)\n    const newSnippets = cachedPage.snippets.map(filterUsedSnippetProperties)\n\n    if (deepEqual(newSnippets, oldSnippets)) return\n\n    setSnippets(cachedPage.snippets)\n  }, [cachedPage])\n  const site = useCachedSite(isInBuilder ? page.site.id : null)\n\n  const baseLocalizedPage = page.localizedPages.find(({ parentId }) => parentId == null)\n  const favicon = page.meta.favicon ?? defaultFavicon\n  const title = baseLocalizedPage?.meta.title ?? page.meta.title\n  const description = baseLocalizedPage?.meta.description ?? page.meta.description\n  const keywords = baseLocalizedPage?.meta.keywords ?? page.meta.keywords\n  const socialImage = baseLocalizedPage?.meta.socialImage ?? page.meta.socialImage\n  const canonicalUrl = baseLocalizedPage?.seo.canonicalUrl ?? page.seo.canonicalUrl\n  const isIndexingBlocked = baseLocalizedPage?.seo.isIndexingBlocked ?? page.seo.isIndexingBlocked\n\n  const fontFamilyParamValue = useMemo(() => {\n    if (site == null) {\n      return page.fonts\n        .map(({ family, variants }) => {\n          return `${family.replace(/ /g, '+')}:${variants.join()}`\n        })\n        .join('|')\n    }\n\n    return site.googleFonts.edges\n      .filter((edge): edge is NonNullable<typeof edge> => edge != null)\n      .map(({ activeVariants, node: { family, variants } }) => {\n        const activeVariantSpecifiers = variants\n          .filter(variant =>\n            activeVariants.some(activeVariant => activeVariant.specifier === variant.specifier),\n          )\n          .map(variant => variant.specifier)\n          .join()\n\n        return `${family.replace(/ /g, '+')}:${activeVariantSpecifiers}`\n      })\n      .join('|')\n  }, [site, page])\n\n  const filteredSnippets = useMemo(\n    () => snippets.filter(snippet => (isInBuilder ? snippet.builderEnabled : snippet.liveEnabled)),\n    [snippets, isInBuilder],\n  )\n  const headSnippets = useMemo(\n    () => filteredSnippets.filter(snippet => snippet.location === SnippetLocation.Head),\n    [filteredSnippets],\n  )\n\n  const previousHeadSnippets = useRef<MakeswiftPageDocument['snippets'] | null>(null)\n  useEffect(() => {\n    const headSnippetsToCleanUp = (previousHeadSnippets.current ?? [])\n      .filter(previousSnippet => previousSnippet.cleanup != null)\n      .filter(previousSnippet => !headSnippets.some(snippet => previousSnippet.id === snippet.id))\n\n    headSnippetsToCleanUp.forEach(snippetToCleanUp => {\n      if (snippetToCleanUp.cleanup == null) return\n\n      const cleanUp = new Function(snippetToCleanUp.cleanup)\n\n      try {\n        cleanUp()\n      } catch {\n        // Ignore errors from user input.\n      }\n    })\n\n    previousHeadSnippets.current = headSnippets\n  }, [headSnippets])\n\n  const documentId = baseLocalizedPage?.elementTreeId ?? page.id\n\n  return (\n    <>\n      <Head>\n        <style>\n          {`\n            html {\n              font-family: sans-serif;\n            }\n            div#__next {\n              overflow: hidden;\n            }\n          `}\n        </style>\n\n        <link rel=\"icon\" type={favicon.mimetype} href={favicon.publicUrl} />\n\n        {canonicalUrl && <link rel=\"canonical\" href={canonicalUrl} />}\n\n        {isIndexingBlocked && <meta name=\"robots\" content=\"noindex\" />}\n\n        {title && (\n          <>\n            <title>{title}</title>\n            <meta property=\"og:title\" content={title} />\n            <meta name=\"twitter:title\" content={title} />\n            <meta itemProp=\"name\" content={title} />\n          </>\n        )}\n\n        {description && (\n          <>\n            <meta name=\"description\" content={description} />\n            <meta property=\"og:description\" content={description} />\n            <meta name=\"twitter:description\" content={description} />\n            <meta itemProp=\"description\" content={description} />\n          </>\n        )}\n\n        {keywords && <meta name=\"keywords\" content={keywords} />}\n\n        {socialImage && (\n          <>\n            <meta property=\"og:image\" content={socialImage.publicUrl} />\n            <meta property=\"og:image:type\" content={socialImage.mimetype} />\n            <meta name=\"twitter:image\" content={socialImage.publicUrl} />\n            <meta name=\"twitter:card\" content=\"summary_large_image\" />\n            <meta itemProp=\"image\" content={socialImage.publicUrl} />\n          </>\n        )}\n\n        {fontFamilyParamValue !== '' && (\n          <>\n            <link\n              rel=\"stylesheet\"\n              href={`https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`}\n            />\n          </>\n        )}\n\n        {headSnippets.map(snippetToElement).map(children =>\n          Children.map(children, child => {\n            if (typeof child === 'string') return child\n\n            if (VALID_HEAD_ELEMENT_TYPES.includes(child.type as string)) return child\n\n            return null\n          }),\n        )}\n      </Head>\n\n      <DocumentReference documentReference={createDocumentReference(documentId)} />\n\n      {filteredSnippets\n        .filter(snippet => snippet.location === SnippetLocation.Body)\n        .map(snippet => (\n          <BodySnippet key={snippet.id} code={snippet.code} cleanup={snippet.cleanup} />\n        ))}\n    </>\n  )\n}\n\nfunction useCachedPage(pageId: string | null): PageType | null {\n  const client = useMakeswiftClient()\n  const getSnapshot = () => (pageId == null ? null : client.readPage(pageId))\n\n  const page = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  return page\n}\n\nfunction useCachedSite(siteId: string | null): Site | null {\n  const client = useMakeswiftClient()\n  const getSnapshot = () => (siteId == null ? null : client.readSite(siteId))\n\n  const site = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  return site\n}\n"],"mappings":"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","names":["import_react","parse","deepEqual","Head"]}

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

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var page_exports = {};
+module.exports = __toCommonJS(page_exports);
+__reExport(page_exports, require("./Page"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Page")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/page/index.ts"],"sourcesContent":["export * from './Page'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,mBAAd;","names":[]}