@pixelmatters/markup 1.6.1 → 1.6.2

package/README.md

@@ -35,9 +35,9 @@ CDN drop-in (no build step) — paste this just before `</body>`:
 ```html
 <script type="module">
   // Pin the exact version — esm.sh resolves it from npm
-  import { init } from 'https://esm.sh/@pixelmatters/markup@1.6.1'
+  import { init } from 'https://esm.sh/@pixelmatters/markup@1.6.2'
   // or
-  // import { init } from 'https://esm.run/@pixelmatters/markup@1.6.1'
+  // import { init } from 'https://esm.run/@pixelmatters/markup@1.6.2'
 
   init({
     apiUrl: 'https://your-deployment.convex.site',
@@ -49,14 +49,14 @@ CDN drop-in (no build step) — paste this just before `</body>`:
 </script>
 ```
 
-> **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm — a future major release will break your page silently. Always pin (`@pixelmatters/markup@1.6.1`).
+> **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm — a future major release will break your page silently. Always pin (`@pixelmatters/markup@1.6.2`).
 
 If your platform doesn't allow inline JS (some CMS / page-builder editors), use the auto-init form instead — point a `<script src=…>` at the bundle and pass config via `data-*` attributes:
 
 ```html
 <script
   type="module"
-  src="https://esm.sh/@pixelmatters/markup@1.6.1"
+  src="https://esm.sh/@pixelmatters/markup@1.6.2"
   data-markup-widget="true"
   data-api-url="https://your-deployment.convex.site"
   data-api-key="markup_..."
@@ -278,7 +278,7 @@ For a `<script>` tag drop-in (no bundler), use the inline ESM form and **pin the
 
 ```html
 <script type="module">
-  import { init } from 'https://esm.sh/@pixelmatters/markup@1.6.1'
+  import { init } from 'https://esm.sh/@pixelmatters/markup@1.6.2'
 
   init({
     apiUrl: '...',
@@ -295,7 +295,7 @@ If inline JS is disallowed (some CMS / page-builder editors), use the auto-init
 ```html
 <script
   type="module"
-  src="https://esm.sh/@pixelmatters/markup@1.6.1"
+  src="https://esm.sh/@pixelmatters/markup@1.6.2"
   data-markup-widget="true"
   data-api-url="..."
   data-api-key="..."

package/dist/widget.js

@@ -5309,20 +5309,28 @@ function po(e, t) {
 }
 //#endregion
 //#region src/widget.ts
-var mo = null, ho = null;
-function go(e) {
+var mo = null, ho = null, go = null;
+function _o(e) {
 	if (!e.apiUrl || !e.apiKey) return console.warn("[markup] init() requires both apiUrl and apiKey — widget not mounted"), () => {};
-	_o();
-	let t = document.createElement("div");
-	return t.id = "markup-widget", document.body.appendChild(t), ho = t, mo = po(t, e), _o;
+	vo();
+	let t = () => {
+		if (go = null, !document.body) return;
+		let t = document.createElement("div");
+		t.id = "markup-widget", document.body.appendChild(t), ho = t, mo = po(t, e);
+	};
+	if (document.readyState === "loading" || !document.body) {
+		let e = () => t();
+		go = () => document.removeEventListener("DOMContentLoaded", e), document.addEventListener("DOMContentLoaded", e, { once: !0 });
+	} else t();
+	return vo;
 }
-function _o() {
-	mo &&= (mo(), null), ho?.parentNode && ho.parentNode.removeChild(ho), ho = null;
+function vo() {
+	go &&= (go(), null), mo &&= (mo(), null), ho?.parentNode && ho.parentNode.removeChild(ho), ho = null;
 }
 if (typeof document < "u") {
 	let e = document.currentScript ?? document.querySelector("script[data-markup-widget=\"true\"]"), t = e?.dataset.apiUrl, n = e?.dataset.apiKey;
 	if (t && n) {
-		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = () => go({
+		let r = e?.dataset.position, i = e?.dataset.theme, a = e?.dataset.fab, o = () => _o({
 			apiUrl: t,
 			apiKey: n,
 			position: r,
@@ -5333,4 +5341,6 @@ if (typeof document < "u") {
 	}
 }
 //#endregion
-export { _o as destroy, go as init };
+export { vo as destroy, _o as init };
+
+//# sourceMappingURL=widget.js.map