@websline/cms-view-utils 1.0.0-alpha.5 → 1.0.0

package/dist/editScroll.global.js

@@ -1 +1 @@
-(()=>{(function(){var c;if(typeof window>"u")return;let u=150,a=60,t=document.currentScript||[...document.querySelectorAll("script[data-slug]")].pop(),n=(c=t==null?void 0:t.dataset)==null?void 0:c.slug;if(!n){console.warn("[editScroll] Missing data-slug");return}let s=`preview-scroll:${n}`,r=null,l=0,i=()=>{let e=window.scrollY;e!==l&&(l=e,sessionStorage.setItem(s,String(e)))},d=()=>{clearTimeout(r),r=setTimeout(i,u)},w=()=>{let e=sessionStorage.getItem(s);if(!e)return;let o=Number(e);Number.isNaN(o)||requestAnimationFrame(()=>{window.scrollTo(0,o),setTimeout(()=>{window.scrollTo(0,o)},a)})};window.addEventListener("scroll",d,{passive:!0}),window.addEventListener("beforeunload",i),window.addEventListener("load",w)})();})();
+(()=>{(function(){var c;if(typeof window>"u")return;let a=150,d=60,e=document.currentScript||[...document.querySelectorAll("script[data-path]")].pop(),n=(c=e==null?void 0:e.dataset)==null?void 0:c.path;if(!n){console.warn("[editScroll] Missing data-path");return}let r=`preview-scroll:${n}`,s=null,i=0,l=()=>{let t=window.scrollY;t!==i&&(i=t,sessionStorage.setItem(r,String(t)))},u=()=>{clearTimeout(s),s=setTimeout(l,a)},w=()=>{let t=sessionStorage.getItem(r);if(!t)return;let o=Number(t);Number.isNaN(o)||requestAnimationFrame(()=>{window.scrollTo(0,o),setTimeout(()=>{window.scrollTo(0,o)},d)})};window.addEventListener("scroll",u,{passive:!0}),window.addEventListener("beforeunload",l),window.addEventListener("load",w)})();})();

package/dist/previewBridge.global.js

@@ -1 +1 @@
-(()=>{var e={BLOCK_ADD:"BLOCK_ADD",BLOCK_DELETE:"BLOCK_DELETE",BLOCK_EDIT:"BLOCK_EDIT",BLOCK_POSITION:"BLOCK_POSITION",BLOCK_SHOW:"BLOCK_SHOW",BLOCK_HIDE:"BLOCK_HIDE",SLUG_CHANGED:"SLUG_CHANGED",SLUG_ON_LOAD:"SLUG_ON_LOAD",IFRAME_DOM_LOADED:"IFRAME_DOM_LOADED",CURRENT_BLOCK_EDIT:"CURRENT_BLOCK_EDIT",SCROLL_TO_BLOCK:"SCROLL_TO_BLOCK"},_=(r,L={})=>{r&&window.parent!==window&&window.parent.postMessage({type:r,payload:L},"*")};(function(){if(window.parent===window||window.__PREVIEW_BRIDGE_INITIALIZED__)return;window.__PREVIEW_BRIDGE_INITIALIZED__=!0;let r=t=>t.metaKey||t.ctrlKey||t.shiftKey,L=t=>{let n=t.target.closest("a[href]");if(!n||n.target==="_blank"||r(t))return;let o=new URL(n.href,window.location.origin);o.origin===window.location.origin&&(t.preventDefault(),t.stopPropagation(),_(e.SLUG_CHANGED,{slug:o.pathname}))};document.addEventListener("click",L,!0),_(e.SLUG_ON_LOAD,{slug:window.location.pathname}),window.addEventListener("load",()=>{_(e.IFRAME_DOM_LOADED)});let E=t=>{let n=`[data-cms-block-id="${t}"]`,o=0,i=10,O=setInterval(()=>{let a=document.querySelector(n);a&&(a.scrollIntoView({behavior:"smooth",block:"center"}),clearInterval(O)),++o>=i&&clearInterval(O)},100)};window.addEventListener("message",t=>{let{type:n,payload:o}=t.data||{};if(n&&n===e.SCROLL_TO_BLOCK){let{draftBlockUuid:i}=o||{};if(!i)return;E(i)}})})();})();
+(()=>{var e={BLOCK_ADD:"BLOCK_ADD",BLOCK_DELETE:"BLOCK_DELETE",BLOCK_EDIT:"BLOCK_EDIT",BLOCK_POSITION:"BLOCK_POSITION",BLOCK_SHOW:"BLOCK_SHOW",BLOCK_HIDE:"BLOCK_HIDE",PATH_CHANGED:"PATH_CHANGED",PATH_ON_LOAD:"PATH_ON_LOAD",IFRAME_DOM_LOADED:"IFRAME_DOM_LOADED",CURRENT_BLOCK_EDIT:"CURRENT_BLOCK_EDIT",SCROLL_TO_BLOCK:"SCROLL_TO_BLOCK"},_=(r,a={})=>{r&&window.parent!==window&&window.parent.postMessage({type:r,payload:a},"*")};(function(){if(window.parent===window||window.__PREVIEW_BRIDGE_INITIALIZED__)return;window.__PREVIEW_BRIDGE_INITIALIZED__=!0;let r=t=>t.metaKey||t.ctrlKey||t.shiftKey,a=t=>{let n=t.target.closest("a[href]");if(!n||n.target==="_blank"||r(t))return;let o=new URL(n.href,window.location.origin);o.origin===window.location.origin&&(t.preventDefault(),t.stopPropagation(),_(e.PATH_CHANGED,{path:o.pathname}))};document.addEventListener("click",a,!0),_(e.PATH_ON_LOAD,{path:window.location.pathname}),window.addEventListener("load",()=>{_(e.IFRAME_DOM_LOADED)});let L=t=>{let n=`[data-cms-block-id="${t}"]`,o=0,i=10,O=setInterval(()=>{let E=document.querySelector(n);E&&(E.scrollIntoView({behavior:"smooth",block:"center"}),clearInterval(O)),++o>=i&&clearInterval(O)},100)};window.addEventListener("message",t=>{let{type:n,payload:o}=t.data||{};if(n&&n===e.SCROLL_TO_BLOCK){let{draftBlockUuid:i}=o||{};if(!i)return;L(i)}})})();})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/cms-view-utils",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0",
   "type": "module",
   "files": [
     "src",

package/src/utils/editScroll.js

@@ -6,16 +6,16 @@
 
 	const script =
 		document.currentScript ||
-		[...document.querySelectorAll("script[data-slug]")].pop();
+		[...document.querySelectorAll("script[data-path]")].pop();
 
-	const slug = script?.dataset?.slug;
+	const path = script?.dataset?.path;
 
-	if (!slug) {
-		console.warn("[editScroll] Missing data-slug");
+	if (!path) {
+		console.warn("[editScroll] Missing data-path");
 		return;
 	}
 
-	const storageKey = `preview-scroll:${slug}`;
+	const storageKey = `preview-scroll:${path}`;
 
 	let timeout = null;
 	let lastY = 0;

package/src/utils/fetchPage.js

@@ -4,20 +4,21 @@ import { buildCmsHeaders } from "./headers.js";
 import { HttpError } from "./errors.js";
 
 const fetchPage = async (context) => {
-	let { slug = "" } = context.params;
+	let { path = "" } = context.params;
+
 	const request = context.request;
 	const url = new URL(request.url);
 	const isCMSPreviewRoute = url.pathname.startsWith("/preview_");
 
 	if (isCMSPreviewRoute) {
-		slug = slug.replace(/^preview_/, "");
+		path = path.replace(/^preview_/, "");
 	}
 
 	const editorToken = url.searchParams.get("editorToken");
 	const draftUuid = resolveDraftUuidFromToken(editorToken);
 	const isCMSEditRoute = editorToken && draftUuid;
 
-	const cmsUrl = buildCmsPageUrl({ slug, draftUuid });
+	const cmsUrl = buildCmsPageUrl({ draftUuid, path });
 
 	const response = await fetch(cmsUrl, {
 		method: "GET",

package/src/utils/notify.js

@@ -5,8 +5,8 @@ const EVENTS = {
 	BLOCK_POSITION: "BLOCK_POSITION",
 	BLOCK_SHOW: "BLOCK_SHOW",
 	BLOCK_HIDE: "BLOCK_HIDE",
-	SLUG_CHANGED: "SLUG_CHANGED",
-	SLUG_ON_LOAD: "SLUG_ON_LOAD",
+	PATH_CHANGED: "PATH_CHANGED",
+	PATH_ON_LOAD: "PATH_ON_LOAD",
 	IFRAME_DOM_LOADED: "IFRAME_DOM_LOADED",
 	CURRENT_BLOCK_EDIT: "CURRENT_BLOCK_EDIT",
 	SCROLL_TO_BLOCK: "SCROLL_TO_BLOCK",

package/src/utils/previewBridge.js

@@ -21,15 +21,15 @@ import { EVENTS, notifyCMS } from "./notify.js";
 		event.preventDefault();
 		event.stopPropagation();
 
-		notifyCMS(EVENTS.SLUG_CHANGED, {
-			slug: url.pathname,
+		notifyCMS(EVENTS.PATH_CHANGED, {
+			path: url.pathname,
 		});
 	};
 
 	document.addEventListener("click", handleClick, true);
 
-	notifyCMS(EVENTS.SLUG_ON_LOAD, {
-		slug: window.location.pathname,
+	notifyCMS(EVENTS.PATH_ON_LOAD, {
+		path: window.location.pathname,
 	});
 
 	window.addEventListener("load", () => {

package/src/utils/urlResolver.js

@@ -1,13 +1,13 @@
-const buildCmsPageUrl = ({ slug, draftUuid }) => {
+const buildCmsPageUrl = ({ draftUuid, path }) => {
 	const base = import.meta.env.CMS_URL;
 
 	if (draftUuid) {
 		return `${base}/api/public/pages/preview/${draftUuid}`;
 	}
 
-	const normalizedSlug = slug.startsWith("/") ? slug : `/${slug}`;
+	const normalizedPath = path.startsWith("/") ? path : `/${path}`;
 
-	return `${base}/api/public/pages${normalizedSlug}`;
+	return `${base}/api/public/pages${normalizedPath}`;
 };
 
 export { buildCmsPageUrl };