@bagelink/blox 1.15.112 → 1.15.114

package/dist/CmsPageView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CmsPageView.vue.d.ts","sourceRoot":"","sources":["../src/CmsPageView.vue"],"names":[],"mappings":";AAoYA,wBAMG"}
+{"version":3,"file":"CmsPageView.vue.d.ts","sourceRoot":"","sources":["../src/CmsPageView.vue"],"names":[],"mappings":";AAubA,wBAMG"}

package/dist/{PreviewApp-B-0N8xJy.cjs → PreviewApp-0YmiHBi5.cjs}

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-bIPmNO4K.cjs");
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CwX30h--.cjs");
 exports.default = PreviewApp_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/{PreviewApp-eIzHiJ-a.js → PreviewApp-T3i0jOkB.js}

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-CbtS5GCv.js";
+import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-C0i8ucHq.js";
 export {
   _sfc_main as default
 };

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-CbtS5GCv.js → PreviewApp.vue_vue_type_style_index_0_lang-C0i8ucHq.js}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, ref, h, provide, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, nextTick } from "vue";
-import { B as BLOX_REGISTRY_KEY, g as globalRefOf, G as GlobalBlockHost, u as useLocale } from "./core-Cz6zN6jB.js";
+import { B as BLOX_REGISTRY_KEY, g as globalRefOf, G as GlobalBlockHost, u as useLocale } from "./core-VQR6lrvO.js";
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-bIPmNO4K.cjs → PreviewApp.vue_vue_type_style_index_0_lang-CwX30h--.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const core = require("./core-inrQh-VF.cjs");
+const core = require("./core-DmxEiWAR.cjs");
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }

package/dist/admin/AdminEditBar.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    websiteId?: string | null;
+    pageId?: string | null;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=AdminEditBar.vue.d.ts.map

package/dist/admin/AdminEditBar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminEditBar.vue.d.ts","sourceRoot":"","sources":["../../src/admin/AdminEditBar.vue"],"names":[],"mappings":"AAwEA,KAAK,WAAW,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAC;;AAsFF,wBAMG"}

package/dist/admin/useBloxEdit.d.ts

@@ -0,0 +1,12 @@
+import { BloxAdminConfig } from '../symbols';
+export declare function useBloxEdit(configOverride?: BloxAdminConfig): {
+    config: BloxAdminConfig | null;
+    enabled: import('vue').ComputedRef<boolean>;
+    showEdit: import('vue').ComputedRef<boolean>;
+    studioBaseUrl: import('vue').ComputedRef<string>;
+    editUrl: (websiteId: string, pageId: string) => string;
+    enable: () => void;
+    dismiss: () => void;
+    init: () => void;
+};
+//# sourceMappingURL=useBloxEdit.d.ts.map

package/dist/admin/useBloxEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBloxEdit.d.ts","sourceRoot":"","sources":["../../src/admin/useBloxEdit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAuCjD,wBAAgB,WAAW,CAAC,cAAc,CAAC,EAAE,eAAe;;;;;yBAuB/B,MAAM,UAAU,MAAM,KAAG,MAAM;;;;EAiB3D"}

package/dist/api/index.d.ts

@@ -1,5 +1,8 @@
 import { CollectionItemsPage, PageResolveRead } from './types';
 export declare function configureApi(websiteName: string, store: string): void;
+/** Synchronously read the resolved website id if already known (SSG-embedded or cached). */
+export declare function getWebsiteIdSync(): string | null;
+export declare function getWebsiteId(): Promise<string>;
 export declare function resolvePath(path: string, locale: string): Promise<PageResolveRead>;
 export interface ListItemsOptions {
     locale?: string;

package/dist/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAUhF,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAIrE;AAyCD,wBAAsB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CAMxF;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAsB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,UAAU,EAAE,MAAM,EAClB,EAAE,MAAM,EAAE,CAAC,EAAE,MAAU,EAAE,KAAW,EAAE,GAAE,gBAAqB,GAC3D,OAAO,CAAC,mBAAmB,GAAG;IAAE,KAAK,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC,CAK/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAUhF,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAIrE;AAsBD,4FAA4F;AAC5F,wBAAgB,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAOhD;AAED,wBAAsB,YAAY,IAAI,OAAO,CAAC,MAAM,CAAC,CAiBpD;AAED,wBAAsB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CAMxF;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAsB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,UAAU,EAAE,MAAM,EAClB,EAAE,MAAM,EAAE,CAAC,EAAE,MAAU,EAAE,KAAW,EAAE,GAAE,gBAAqB,GAC3D,OAAO,CAAC,mBAAmB,GAAG;IAAE,KAAK,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC,CAK/C"}

package/dist/{core-inrQh-VF.cjs → core-DmxEiWAR.cjs}

@@ -26,6 +26,14 @@ async function request(path, { locale: locale2, params, ...opts } = {}) {
   if (res.status === 204) return null;
   return res.json();
 }
+function getWebsiteIdSync() {
+  if (_websiteId) return _websiteId;
+  if (typeof window !== "undefined") {
+    const embedded = window[ssg_client.BLOX_WEBSITE_ID_WINDOW_KEY];
+    if (typeof embedded === "string" && embedded !== "") return embedded;
+  }
+  return null;
+}
 async function getWebsiteId() {
   if (_websiteId) return _websiteId;
   if (typeof window !== "undefined") {
@@ -54,6 +62,104 @@ async function listItems(collection, { locale: locale2, q, offset = 0, limit = 1
     params: { ...q ? { q } : {}, offset, limit }
   });
 }
+const BLOX_REGISTRY_KEY = Symbol("blox:registry");
+const BLOX_CONFIG_KEY = Symbol("blox:config");
+const BLOX_LOCALE_STRATEGY_KEY = Symbol("blox:locale-strategy");
+const BLOX_GLOBAL_RESOLVER_KEY = Symbol("blox:global-resolver");
+const BLOX_ADMIN_CONFIG_KEY = Symbol("blox:admin-config");
+const STORAGE_KEY = "blox:edit";
+const active = vue.ref(readStored());
+let initialized = false;
+function readStored() {
+  if (typeof localStorage === "undefined") return false;
+  try {
+    return localStorage.getItem(STORAGE_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function writeStored(value) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    if (value) localStorage.setItem(STORAGE_KEY, "1");
+    else localStorage.removeItem(STORAGE_KEY);
+  } catch {
+  }
+}
+function useBloxEdit(configOverride) {
+  const injected = vue.inject(BLOX_ADMIN_CONFIG_KEY, null);
+  const config = configOverride ?? injected;
+  const enabled = vue.computed(() => config != null);
+  const showEdit = vue.computed(() => active.value);
+  const studioBaseUrl = vue.computed(() => {
+    if (!config) return "";
+    return (config.studioBaseUrl ?? `https://${config.projectId}.bagelstudio.co`).replace(/\/$/, "");
+  });
+  function enable() {
+    active.value = true;
+    writeStored(true);
+  }
+  function dismiss() {
+    active.value = false;
+    writeStored(false);
+  }
+  function editUrl(websiteId, pageId) {
+    return `${studioBaseUrl.value}/blox/${websiteId}/${pageId}`;
+  }
+  function init() {
+    if (initialized || !enabled.value || typeof window === "undefined") return;
+    initialized = true;
+    const trigger = (config == null ? void 0 : config.trigger) ?? "edit";
+    const params = new URLSearchParams(window.location.search);
+    if (params.has(trigger)) enable();
+    window.__bloxEdit = { enable, dismiss };
+  }
+  return { config, enabled, showEdit, studioBaseUrl, editUrl, enable, dismiss, init };
+}
+const _hoisted_1$1 = {
+  key: 0,
+  class: "blox-admin-bar"
+};
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "AdminEditBar",
+  props: {
+    websiteId: {},
+    pageId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { enabled, showEdit, editUrl, dismiss, init } = useBloxEdit();
+    vue.onMounted(init);
+    function openEditor() {
+      if (!props.websiteId || !props.pageId) return;
+      window.location.href = editUrl(props.websiteId, props.pageId);
+    }
+    return (_ctx, _cache) => {
+      return vue.unref(enabled) ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
+        key: 0,
+        to: "body"
+      }, [
+        vue.unref(showEdit) && __props.websiteId && __props.pageId ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+          vue.createElementVNode("button", {
+            type: "button",
+            class: "blox-admin-btn",
+            onClick: openEditor
+          }, [..._cache[1] || (_cache[1] = [
+            vue.createElementVNode("span", { "aria-hidden": "true" }, "✏️", -1),
+            vue.createElementVNode("span", null, "Edit this page", -1)
+          ])]),
+          vue.createElementVNode("button", {
+            type: "button",
+            class: "blox-admin-btn blox-admin-btn--ghost",
+            title: "Hide",
+            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => vue.unref(dismiss) && vue.unref(dismiss)(...args))
+          }, " ✕ ")
+        ])) : vue.createCommentVNode("", true)
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
 const locale = vue.ref(localStorage.getItem("blox:locale") || "en");
 const currentAlternates = vue.ref({});
 function useLocale() {
@@ -74,10 +180,6 @@ function useLocale() {
   }
   return { locale, dir, setLocale, currentAlternates, setAlternates };
 }
-const BLOX_REGISTRY_KEY = Symbol("blox:registry");
-const BLOX_CONFIG_KEY = Symbol("blox:config");
-const BLOX_LOCALE_STRATEGY_KEY = Symbol("blox:locale-strategy");
-const BLOX_GLOBAL_RESOLVER_KEY = Symbol("blox:global-resolver");
 const GlobalBlockHost = vue.defineComponent({
   name: "GlobalBlockHost",
   props: {
@@ -208,12 +310,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const blocks = vue.ref([]);
     const contexts = vue.ref({});
     vue.provide("contexts", contexts);
+    const adminConfig = vue.inject(BLOX_ADMIN_CONFIG_KEY, null);
+    const currentPageId = vue.ref(null);
+    const websiteId = vue.ref(getWebsiteIdSync());
     const notFound = vue.ref(false);
     const error = vue.ref(null);
     const initialLoading = vue.ref(true);
     const navigating = vue.ref(false);
     function tryHydrateFromState(path) {
-      var _a, _b;
+      var _a, _b, _c;
       const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
       if (!win) return false;
       const state = win[ssg_client.BLOX_STATE_WINDOW_KEY];
@@ -222,6 +327,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       if (!entry) return false;
       blocks.value = ((_b = (_a = entry.page) == null ? void 0 : _a.content) == null ? void 0 : _b.blocks) ?? [];
       contexts.value = entry.contexts ?? {};
+      currentPageId.value = ((_c = entry.page) == null ? void 0 : _c.id) ?? null;
       setAlternates(entry.alternates ?? {});
       return true;
     }
@@ -258,6 +364,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         const resolved = await resolvePath(slug, urlLocale);
         blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
         contexts.value = resolved.contexts ?? {};
+        currentPageId.value = resolved.page.id ?? null;
         setAlternates(resolved.alternates ?? {});
         updateDocumentTitle(resolved);
       } catch (e) {
@@ -277,6 +384,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       load();
     }
     vue.watch(() => route.path, load);
+    vue.onMounted(() => {
+      if (adminConfig && !websiteId.value) {
+        getWebsiteId().then((id) => {
+          websiteId.value = id;
+        }).catch(() => {
+        });
+      }
+    });
     return (_ctx, _cache) => {
       const _component_RouterLink = vue.resolveComponent("RouterLink");
       return vue.openBlock(), vue.createElementBlock("div", null, [
@@ -294,7 +409,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         ])) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(error.value), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
           navigating.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("", true),
           vue.createVNode(vue.unref(PageRenderer), { blocks: blocks.value }, null, 8, ["blocks"])
-        ], 64))
+        ], 64)),
+        vue.unref(adminConfig) ? (vue.openBlock(), vue.createBlock(_sfc_main$2, {
+          key: 4,
+          "website-id": websiteId.value,
+          "page-id": currentPageId.value
+        }, null, 8, ["website-id", "page-id"])) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -415,11 +535,13 @@ class BloxInstance {
     __publicField(this, "_routeRegistered", false);
     __publicField(this, "_config");
     __publicField(this, "_strategy");
+    __publicField(this, "_adminEdit");
     this._config = {
       defaultLocale: (options == null ? void 0 : options.defaultLocale) ?? "en",
       supportedLocales: (options == null ? void 0 : options.supportedLocales) ?? []
     };
     this._strategy = createLocaleStrategy(options ?? {});
+    this._adminEdit = options == null ? void 0 : options.adminEdit;
   }
   registerModules(modules) {
     const list = Array.isArray(modules) ? modules : Object.values(modules);
@@ -488,7 +610,7 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => Promise.resolve().then(() => require("./PreviewApp-B-0N8xJy.cjs")),
+      component: () => Promise.resolve().then(() => require("./PreviewApp-0YmiHBi5.cjs")),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
     router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$1 });
@@ -510,6 +632,7 @@ class BloxInstance {
     if (options == null ? void 0 : options.modules) this.registerModules(options.modules);
     if (options == null ? void 0 : options.components) this.registerComponents(options.components);
     if (options == null ? void 0 : options.router) this.registerRoutes(options.router);
+    if (options == null ? void 0 : options.adminEdit) this._adminEdit = options.adminEdit;
     if ((options == null ? void 0 : options.websiteName) || (options == null ? void 0 : options.store)) {
       configureApi(options.websiteName ?? "", options.store ?? "");
     }
@@ -520,6 +643,7 @@ class BloxInstance {
     app.provide(BLOX_REGISTRY_KEY, this._registry);
     app.provide(BLOX_CONFIG_KEY, this._config);
     app.provide(BLOX_LOCALE_STRATEGY_KEY, this._strategy);
+    if (this._adminEdit) app.provide(BLOX_ADMIN_CONFIG_KEY, this._adminEdit);
     app.component("RouterLink", _sfc_main);
   }
 }
@@ -536,6 +660,7 @@ function createBlox(options) {
   if (options == null ? void 0 : options.router) instance.registerRoutes(options.router);
   return instance;
 }
+exports.BLOX_ADMIN_CONFIG_KEY = BLOX_ADMIN_CONFIG_KEY;
 exports.BLOX_CONFIG_KEY = BLOX_CONFIG_KEY;
 exports.BLOX_GLOBAL_RESOLVER_KEY = BLOX_GLOBAL_RESOLVER_KEY;
 exports.BLOX_LOCALE_STRATEGY_KEY = BLOX_LOCALE_STRATEGY_KEY;
@@ -544,10 +669,14 @@ exports.BloxInstance = BloxInstance;
 exports.GLOBAL_REF_KEY = GLOBAL_REF_KEY;
 exports.GlobalBlockHost = GlobalBlockHost;
 exports.PageRenderer = PageRenderer;
-exports._sfc_main = _sfc_main$1;
+exports._sfc_main = _sfc_main$2;
+exports._sfc_main$1 = _sfc_main$1;
 exports.configureApi = configureApi;
 exports.createBlox = createBlox;
+exports.getWebsiteId = getWebsiteId;
+exports.getWebsiteIdSync = getWebsiteIdSync;
 exports.globalRefOf = globalRefOf;
 exports.listItems = listItems;
 exports.resolvePath = resolvePath;
+exports.useBloxEdit = useBloxEdit;
 exports.useLocale = useLocale;

package/dist/{core-Cz6zN6jB.js → core-VQR6lrvO.js}

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { BLOX_WEBSITE_ID_WINDOW_KEY, BLOX_STATE_WINDOW_KEY } from "./ssg/client.mjs";
-import { computed, ref, defineComponent, inject, onMounted, onUnmounted, watch, h, provide, resolveComponent, openBlock, createElementBlock, createVNode, unref, createElementVNode, toDisplayString, withCtx, createTextVNode, Fragment, createCommentVNode, createBlock, normalizeProps, guardReactiveProps, renderSlot } from "vue";
+import { inject, computed, ref, defineComponent, onMounted, unref, openBlock, createBlock, Teleport, createElementBlock, createElementVNode, createCommentVNode, onUnmounted, watch, h, provide, resolveComponent, createVNode, toDisplayString, withCtx, createTextVNode, Fragment, normalizeProps, guardReactiveProps, renderSlot } from "vue";
 import { useRoute, useRouter, RouterLink } from "vue-router";
 import { getI18n, Loading } from "@bagelink/vue";
 const BASE = "/api";
@@ -25,6 +25,14 @@ async function request(path, { locale: locale2, params, ...opts } = {}) {
   if (res.status === 204) return null;
   return res.json();
 }
+function getWebsiteIdSync() {
+  if (_websiteId) return _websiteId;
+  if (typeof window !== "undefined") {
+    const embedded = window[BLOX_WEBSITE_ID_WINDOW_KEY];
+    if (typeof embedded === "string" && embedded !== "") return embedded;
+  }
+  return null;
+}
 async function getWebsiteId() {
   if (_websiteId) return _websiteId;
   if (typeof window !== "undefined") {
@@ -53,6 +61,104 @@ async function listItems(collection, { locale: locale2, q, offset = 0, limit = 1
     params: { ...q ? { q } : {}, offset, limit }
   });
 }
+const BLOX_REGISTRY_KEY = Symbol("blox:registry");
+const BLOX_CONFIG_KEY = Symbol("blox:config");
+const BLOX_LOCALE_STRATEGY_KEY = Symbol("blox:locale-strategy");
+const BLOX_GLOBAL_RESOLVER_KEY = Symbol("blox:global-resolver");
+const BLOX_ADMIN_CONFIG_KEY = Symbol("blox:admin-config");
+const STORAGE_KEY = "blox:edit";
+const active = ref(readStored());
+let initialized = false;
+function readStored() {
+  if (typeof localStorage === "undefined") return false;
+  try {
+    return localStorage.getItem(STORAGE_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function writeStored(value) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    if (value) localStorage.setItem(STORAGE_KEY, "1");
+    else localStorage.removeItem(STORAGE_KEY);
+  } catch {
+  }
+}
+function useBloxEdit(configOverride) {
+  const injected = inject(BLOX_ADMIN_CONFIG_KEY, null);
+  const config = configOverride ?? injected;
+  const enabled = computed(() => config != null);
+  const showEdit = computed(() => active.value);
+  const studioBaseUrl = computed(() => {
+    if (!config) return "";
+    return (config.studioBaseUrl ?? `https://${config.projectId}.bagelstudio.co`).replace(/\/$/, "");
+  });
+  function enable() {
+    active.value = true;
+    writeStored(true);
+  }
+  function dismiss() {
+    active.value = false;
+    writeStored(false);
+  }
+  function editUrl(websiteId, pageId) {
+    return `${studioBaseUrl.value}/blox/${websiteId}/${pageId}`;
+  }
+  function init() {
+    if (initialized || !enabled.value || typeof window === "undefined") return;
+    initialized = true;
+    const trigger = (config == null ? void 0 : config.trigger) ?? "edit";
+    const params = new URLSearchParams(window.location.search);
+    if (params.has(trigger)) enable();
+    window.__bloxEdit = { enable, dismiss };
+  }
+  return { config, enabled, showEdit, studioBaseUrl, editUrl, enable, dismiss, init };
+}
+const _hoisted_1$1 = {
+  key: 0,
+  class: "blox-admin-bar"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AdminEditBar",
+  props: {
+    websiteId: {},
+    pageId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { enabled, showEdit, editUrl, dismiss, init } = useBloxEdit();
+    onMounted(init);
+    function openEditor() {
+      if (!props.websiteId || !props.pageId) return;
+      window.location.href = editUrl(props.websiteId, props.pageId);
+    }
+    return (_ctx, _cache) => {
+      return unref(enabled) ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: "body"
+      }, [
+        unref(showEdit) && __props.websiteId && __props.pageId ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+          createElementVNode("button", {
+            type: "button",
+            class: "blox-admin-btn",
+            onClick: openEditor
+          }, [..._cache[1] || (_cache[1] = [
+            createElementVNode("span", { "aria-hidden": "true" }, "✏️", -1),
+            createElementVNode("span", null, "Edit this page", -1)
+          ])]),
+          createElementVNode("button", {
+            type: "button",
+            class: "blox-admin-btn blox-admin-btn--ghost",
+            title: "Hide",
+            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => unref(dismiss) && unref(dismiss)(...args))
+          }, " ✕ ")
+        ])) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
 const locale = ref(localStorage.getItem("blox:locale") || "en");
 const currentAlternates = ref({});
 function useLocale() {
@@ -73,10 +179,6 @@ function useLocale() {
   }
   return { locale, dir, setLocale, currentAlternates, setAlternates };
 }
-const BLOX_REGISTRY_KEY = Symbol("blox:registry");
-const BLOX_CONFIG_KEY = Symbol("blox:config");
-const BLOX_LOCALE_STRATEGY_KEY = Symbol("blox:locale-strategy");
-const BLOX_GLOBAL_RESOLVER_KEY = Symbol("blox:global-resolver");
 const GlobalBlockHost = defineComponent({
   name: "GlobalBlockHost",
   props: {
@@ -207,12 +309,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const blocks = ref([]);
     const contexts = ref({});
     provide("contexts", contexts);
+    const adminConfig = inject(BLOX_ADMIN_CONFIG_KEY, null);
+    const currentPageId = ref(null);
+    const websiteId = ref(getWebsiteIdSync());
     const notFound = ref(false);
     const error = ref(null);
     const initialLoading = ref(true);
     const navigating = ref(false);
     function tryHydrateFromState(path) {
-      var _a, _b;
+      var _a, _b, _c;
       const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
       if (!win) return false;
       const state = win[BLOX_STATE_WINDOW_KEY];
@@ -221,6 +326,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (!entry) return false;
       blocks.value = ((_b = (_a = entry.page) == null ? void 0 : _a.content) == null ? void 0 : _b.blocks) ?? [];
       contexts.value = entry.contexts ?? {};
+      currentPageId.value = ((_c = entry.page) == null ? void 0 : _c.id) ?? null;
       setAlternates(entry.alternates ?? {});
       return true;
     }
@@ -257,6 +363,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         const resolved = await resolvePath(slug, urlLocale);
         blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
         contexts.value = resolved.contexts ?? {};
+        currentPageId.value = resolved.page.id ?? null;
         setAlternates(resolved.alternates ?? {});
         updateDocumentTitle(resolved);
       } catch (e) {
@@ -276,6 +383,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       load();
     }
     watch(() => route.path, load);
+    onMounted(() => {
+      if (adminConfig && !websiteId.value) {
+        getWebsiteId().then((id) => {
+          websiteId.value = id;
+        }).catch(() => {
+        });
+      }
+    });
     return (_ctx, _cache) => {
       const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", null, [
@@ -293,7 +408,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(error.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           navigating.value ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
           createVNode(unref(PageRenderer), { blocks: blocks.value }, null, 8, ["blocks"])
-        ], 64))
+        ], 64)),
+        unref(adminConfig) ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 4,
+          "website-id": websiteId.value,
+          "page-id": currentPageId.value
+        }, null, 8, ["website-id", "page-id"])) : createCommentVNode("", true)
       ]);
     };
   }
@@ -414,11 +534,13 @@ class BloxInstance {
     __publicField(this, "_routeRegistered", false);
     __publicField(this, "_config");
     __publicField(this, "_strategy");
+    __publicField(this, "_adminEdit");
     this._config = {
       defaultLocale: (options == null ? void 0 : options.defaultLocale) ?? "en",
       supportedLocales: (options == null ? void 0 : options.supportedLocales) ?? []
     };
     this._strategy = createLocaleStrategy(options ?? {});
+    this._adminEdit = options == null ? void 0 : options.adminEdit;
   }
   registerModules(modules) {
     const list = Array.isArray(modules) ? modules : Object.values(modules);
@@ -487,7 +609,7 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => import("./PreviewApp-eIzHiJ-a.js"),
+      component: () => import("./PreviewApp-T3i0jOkB.js"),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
     router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$1 });
@@ -509,6 +631,7 @@ class BloxInstance {
     if (options == null ? void 0 : options.modules) this.registerModules(options.modules);
     if (options == null ? void 0 : options.components) this.registerComponents(options.components);
     if (options == null ? void 0 : options.router) this.registerRoutes(options.router);
+    if (options == null ? void 0 : options.adminEdit) this._adminEdit = options.adminEdit;
     if ((options == null ? void 0 : options.websiteName) || (options == null ? void 0 : options.store)) {
       configureApi(options.websiteName ?? "", options.store ?? "");
     }
@@ -519,6 +642,7 @@ class BloxInstance {
     app.provide(BLOX_REGISTRY_KEY, this._registry);
     app.provide(BLOX_CONFIG_KEY, this._config);
     app.provide(BLOX_LOCALE_STRATEGY_KEY, this._strategy);
+    if (this._adminEdit) app.provide(BLOX_ADMIN_CONFIG_KEY, this._adminEdit);
     app.component("RouterLink", _sfc_main);
   }
 }
@@ -539,16 +663,21 @@ export {
   BLOX_REGISTRY_KEY as B,
   GlobalBlockHost as G,
   PageRenderer as P,
-  _sfc_main$1 as _,
+  _sfc_main$2 as _,
   BLOX_LOCALE_STRATEGY_KEY as a,
-  BLOX_CONFIG_KEY as b,
+  BLOX_ADMIN_CONFIG_KEY as b,
   createBlox as c,
-  BLOX_GLOBAL_RESOLVER_KEY as d,
-  BloxInstance as e,
-  GLOBAL_REF_KEY as f,
+  BLOX_CONFIG_KEY as d,
+  BLOX_GLOBAL_RESOLVER_KEY as e,
+  BloxInstance as f,
   globalRefOf as g,
-  configureApi as h,
-  listItems as l,
+  _sfc_main$1 as h,
+  GLOBAL_REF_KEY as i,
+  configureApi as j,
+  getWebsiteId as k,
+  getWebsiteIdSync as l,
+  listItems as m,
+  useBloxEdit as n,
   resolvePath as r,
   useLocale as u
 };

package/dist/core.d.ts

@@ -3,6 +3,7 @@ import { Router } from 'vue-router';
 import { BlockModule } from './defineBlock';
 import { StrategyOptions } from './localeStrategy';
 import { BlockComponent, BlockDefinition } from './schema';
+import { BloxAdminConfig } from './symbols';
 /** Either a full `{ component, schema }` definition or a self-defining component (used `defineBlock()`). */
 export type BloxComponent = BlockDefinition | BlockComponent;
 export interface BloxOptions extends StrategyOptions {
@@ -27,12 +28,15 @@ export interface BloxOptions extends StrategyOptions {
     websiteName?: string;
     /** Datastore store identifier. */
     store?: string;
+    /** Opt-in admin "edit this page" button (deep-links to the studio designer). */
+    adminEdit?: BloxAdminConfig;
 }
 export declare class BloxInstance {
     private readonly _registry;
     private _routeRegistered;
     private _config;
     private _strategy;
+    private _adminEdit?;
     constructor(options?: BloxOptions);
     registerModules(modules: BlockModule[] | Record<string, BlockModule>): this;
     registerComponents(components: Record<string, BloxComponent>): this;

package/dist/core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../src/core.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAoB/D,4GAA4G;AAC5G,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,cAAc,CAAA;AAE5D,MAAM,WAAW,WAAY,SAAQ,eAAe;IACnD,qIAAqI;IACrI,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAC1C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACrD,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,qBAAa,YAAY;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAsC;IAChE,OAAO,CAAC,gBAAgB,CAAQ;IAChC,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,SAAS,CAAgB;gBAErB,OAAO,CAAC,EAAE,WAAW;IAQjC,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;IA8B3E,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,IAAI;IA2BnE,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAyBpC,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI;CAgC9C;AAMD,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,CAS9D"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../src/core.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,WAAW,CAAA;AAmB5D,4GAA4G;AAC5G,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,cAAc,CAAA;AAE5D,MAAM,WAAW,WAAY,SAAQ,eAAe;IACnD,qIAAqI;IACrI,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAC1C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACrD,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,SAAS,CAAC,EAAE,eAAe,CAAA;CAC3B;AAED,qBAAa,YAAY;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAsC;IAChE,OAAO,CAAC,gBAAgB,CAAQ;IAChC,OAAO,CAAC,OAAO,CAAY;IAC3B,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,UAAU,CAAC,CAAiB;gBAExB,OAAO,CAAC,EAAE,WAAW;IASjC,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;IA8B3E,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,IAAI;IA2BnE,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAyBpC,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI;CAkC9C;AAMD,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,CAS9D"}

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("./core-inrQh-VF.cjs");
-const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-bIPmNO4K.cjs");
+const core = require("./core-DmxEiWAR.cjs");
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CwX30h--.cjs");
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const pinia = require("pinia");
@@ -133,19 +133,24 @@ function defineBlock(meta) {
   }
   return meta;
 }
+exports.AdminEditBar = core._sfc_main;
+exports.BLOX_ADMIN_CONFIG_KEY = core.BLOX_ADMIN_CONFIG_KEY;
 exports.BLOX_CONFIG_KEY = core.BLOX_CONFIG_KEY;
 exports.BLOX_GLOBAL_RESOLVER_KEY = core.BLOX_GLOBAL_RESOLVER_KEY;
 exports.BLOX_LOCALE_STRATEGY_KEY = core.BLOX_LOCALE_STRATEGY_KEY;
 exports.BloxInstance = core.BloxInstance;
-exports.CmsPageView = core._sfc_main;
+exports.CmsPageView = core._sfc_main$1;
 exports.GLOBAL_REF_KEY = core.GLOBAL_REF_KEY;
 exports.GlobalBlockHost = core.GlobalBlockHost;
 exports.PageRenderer = core.PageRenderer;
 exports.configureApi = core.configureApi;
 exports.createBlox = core.createBlox;
+exports.getWebsiteId = core.getWebsiteId;
+exports.getWebsiteIdSync = core.getWebsiteIdSync;
 exports.globalRefOf = core.globalRefOf;
 exports.listItems = core.listItems;
 exports.resolvePath = core.resolvePath;
+exports.useBloxEdit = core.useBloxEdit;
 exports.useLocale = core.useLocale;
 exports.PreviewApp = PreviewApp_vue_vue_type_style_index_0_lang._sfc_main;
 exports.PreviewRenderer = PreviewApp_vue_vue_type_style_index_0_lang.PreviewRenderer;

package/dist/index.d.ts

@@ -1,9 +1,11 @@
-export { configureApi, listItems, resolvePath } from './api/index';
+export { configureApi, getWebsiteId, getWebsiteIdSync, listItems, resolvePath } from './api/index';
 export type { ListItemsOptions } from './api/index';
 export type { BindingWarning, Block, BloxPageApiAdapter, CollectionItem, CollectionItemsPage, ContentStatus, PageContent, PageCreateData, PageRead, PageResolveRead, PageUpdateData, WebsiteRead, } from './api/types';
 export { sendToEditor, sendToPreview } from './bridge';
 export type { BlockSchemaInfo, EditorMessage, PreviewMessage } from './bridge';
 export { default as CmsPageView } from './CmsPageView.vue';
+export { default as AdminEditBar } from './admin/AdminEditBar.vue';
+export { useBloxEdit } from './admin/useBloxEdit';
 export { useGlobalBlock } from './composables/useGlobalBlock';
 export type { GlobalBlockLoader, UseGlobalBlockResult } from './composables/useGlobalBlock';
 export { useLocale } from './composables/useLocale';
@@ -21,8 +23,8 @@ export { default as PageRenderer } from './PageRenderer';
 export { default as PreviewApp } from './PreviewApp.vue';
 export { default as PreviewRenderer } from './PreviewRenderer';
 export type { BlockComponent, BlockDefinition, BlockSchema } from './schema';
-export { BLOX_CONFIG_KEY, BLOX_GLOBAL_RESOLVER_KEY, BLOX_LOCALE_STRATEGY_KEY } from './symbols';
-export type { BloxConfig, GlobalBlockResolver } from './symbols';
+export { BLOX_ADMIN_CONFIG_KEY, BLOX_CONFIG_KEY, BLOX_GLOBAL_RESOLVER_KEY, BLOX_LOCALE_STRATEGY_KEY } from './symbols';
+export type { BloxAdminConfig, BloxConfig, GlobalBlockResolver } from './symbols';
 export { GLOBAL_REF_KEY, globalRefOf } from './globalRef';
 export { default as GlobalBlockHost } from './GlobalBlockHost';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,YAAY,EACX,cAAc,EACd,KAAK,EAEL,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,cAAc,EACd,QAAQ,EACR,eAAe,EACf,cAAc,EACd,WAAW,GACX,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACtD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAK1D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,YAAY,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAK7D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAKxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAK1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAK9D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI5E,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAE/F,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAClG,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,YAAY,EACX,cAAc,EACd,KAAK,EAEL,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,cAAc,EACd,QAAQ,EACR,eAAe,EACf,cAAc,EACd,WAAW,GACX,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACtD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAK1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAKjD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,YAAY,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAK7D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAKxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAK1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAK9D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI5E,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAEtH,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAEjF,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { a as BLOX_LOCALE_STRATEGY_KEY, u as useLocale, c as createBlox } from "./core-Cz6zN6jB.js";
-import { b, d, e, _, f, G, P, h, g, l, r } from "./core-Cz6zN6jB.js";
-import { _ as _2, P as P2, s, a } from "./PreviewApp.vue_vue_type_style_index_0_lang-CbtS5GCv.js";
+import { a as BLOX_LOCALE_STRATEGY_KEY, u as useLocale, c as createBlox } from "./core-VQR6lrvO.js";
+import { _, b, d, e, f, h, i, G, P, j, k, l, g, m, r, n } from "./core-VQR6lrvO.js";
+import { _ as _2, P as P2, s, a } from "./PreviewApp.vue_vue_type_style_index_0_lang-C0i8ucHq.js";
 import { ref, onMounted, onUnmounted, inject, computed, createApp, markRaw } from "vue";
 import { useRouter } from "vue-router";
 import { createPinia } from "pinia";
@@ -133,25 +133,30 @@ function defineBlock(meta) {
   return meta;
 }
 export {
-  b as BLOX_CONFIG_KEY,
-  d as BLOX_GLOBAL_RESOLVER_KEY,
+  _ as AdminEditBar,
+  b as BLOX_ADMIN_CONFIG_KEY,
+  d as BLOX_CONFIG_KEY,
+  e as BLOX_GLOBAL_RESOLVER_KEY,
   BLOX_LOCALE_STRATEGY_KEY,
-  e as BloxInstance,
-  _ as CmsPageView,
-  f as GLOBAL_REF_KEY,
+  f as BloxInstance,
+  h as CmsPageView,
+  i as GLOBAL_REF_KEY,
   G as GlobalBlockHost,
   P as PageRenderer,
   _2 as PreviewApp,
   P2 as PreviewRenderer,
-  h as configureApi,
+  j as configureApi,
   createBlox,
   createBloxApp,
   defineBlock,
+  k as getWebsiteId,
+  l as getWebsiteIdSync,
   g as globalRefOf,
-  l as listItems,
+  m as listItems,
   r as resolvePath,
   s as sendToEditor,
   a as sendToPreview,
+  n as useBloxEdit,
   useGlobalBlock,
   useLocale,
   useLocaleNav,

package/dist/ssg/index.cjs

@@ -26,7 +26,7 @@ const prerender = require("../prerender-DH6Arhpk.cjs");
 const ssg_client = require("./client.cjs");
 const pinia = require("pinia");
 const vue = require("vue");
-const core = require("../core-inrQh-VF.cjs");
+const core = require("../core-DmxEiWAR.cjs");
 async function renderBloxSsgPage(options) {
   const {
     url,

package/dist/ssg/index.mjs

@@ -4,7 +4,7 @@ import { BLOX_STATE_WINDOW_KEY, BLOX_COLLECTIONS_WINDOW_KEY, BLOX_WEBSITE_ID_WIN
 import { getCollectionCache, getEmbeddedWebsiteId, installBloxStateCache, installCollectionCache } from "./client.mjs";
 import { createPinia } from "pinia";
 import { createSSRApp, markRaw } from "vue";
-import { c as createBlox } from "../core-Cz6zN6jB.js";
+import { c as createBlox } from "../core-VQR6lrvO.js";
 async function renderBloxSsgPage(options) {
   const {
     url,

package/dist/style.css

@@ -1,4 +1,34 @@
 
+.blox-admin-bar {
+	position: fixed;
+	bottom: 20px;
+	right: 20px;
+	z-index: 2147483000;
+	display: flex;
+	gap: 8px;
+}
+.blox-admin-btn {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 8px;
+	padding: 10px 16px;
+	border: none;
+	border-radius: 999px;
+	background: #111827;
+	color: #fff;
+	font: 500 14px/1 system-ui, sans-serif;
+	cursor: pointer;
+	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
+}
+.blox-admin-btn:hover {
+	background: #1f2937;
+}
+.blox-admin-btn--ghost {
+	background: #374151;
+	padding: 10px 12px;
+}
+
 .blox-nav-progress {
 	position: fixed;
 	top: 0;

package/dist/symbols.d.ts

@@ -19,4 +19,20 @@ export declare const BLOX_LOCALE_STRATEGY_KEY: InjectionKey<LocaleStrategy>;
  */
 export type GlobalBlockResolver = (ref: string) => Promise<Record<string, unknown> | null>;
 export declare const BLOX_GLOBAL_RESOLVER_KEY: InjectionKey<GlobalBlockResolver>;
+/**
+ * Opt-in "edit this page" feature for marketing sites.
+ *
+ * No auth is performed here: when opted in (via the `?edit` trigger) a floating
+ * button deep-links to the studio page designer
+ * (`{studioBaseUrl}/blox/{websiteId}/{pageId}`), which enforces real auth.
+ */
+export interface BloxAdminConfig {
+    /** Project id, e.g. 'hamikra'. Used to build `https://{projectId}.bagelstudio.co`. */
+    projectId: string;
+    /** Override the studio base URL. Defaults to `https://{projectId}.bagelstudio.co`. */
+    studioBaseUrl?: string;
+    /** Query param that reveals the edit button. Defaults to `edit`. */
+    trigger?: string;
+}
+export declare const BLOX_ADMIN_CONFIG_KEY: InjectionKey<BloxAdminConfig>;
 //# sourceMappingURL=symbols.d.ts.map

package/dist/symbols.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../src/symbols.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAClD,CAAA;AAE1B,MAAM,WAAW,UAAU;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAA;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAAyB,CAAA;AAE9E,eAAO,MAAM,wBAAwB,EAAE,YAAY,CAAC,cAAc,CAAkC,CAAA;AAEpG;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,CAAA;AAE1F,eAAO,MAAM,wBAAwB,EAAE,YAAY,CAAC,mBAAmB,CACtC,CAAA"}
+{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../src/symbols.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAClD,CAAA;AAE1B,MAAM,WAAW,UAAU;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAA;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAAyB,CAAA;AAE9E,eAAO,MAAM,wBAAwB,EAAE,YAAY,CAAC,cAAc,CAAkC,CAAA;AAEpG;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,CAAA;AAE1F,eAAO,MAAM,wBAAwB,EAAE,YAAY,CAAC,mBAAmB,CACtC,CAAA;AAEjC;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC/B,sFAAsF;IACtF,SAAS,EAAE,MAAM,CAAA;IACjB,sFAAsF;IACtF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,eAAe,CAClC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/blox",
   "type": "module",
-  "version": "1.15.112",
+  "version": "1.15.114",
   "description": "Blox page builder library for drag-and-drop page building and static data management",
   "author": {
     "name": "Bagel Studio",