@enquio/astro-popup 1.1.0

package/README.md

@@ -0,0 +1,45 @@
+# @enquio/astro-popup
+
+For prerendered Astro websites, with ordinary navigation or `ClientRouter`.
+Supports Astro >=7.3.5 <8; the pinned verification version is 7.3.5. SSR adapters
+are outside this release's support scope.
+
+After the coordinated public release:
+
+```sh
+npm install @enquio/astro-popup
+```
+
+Add the import and component to your existing shared layout:
+
+<!-- example:astro -->
+```astro
+---
+import { EnquioPopup } from '@enquio/astro-popup';
+---
+
+<EnquioPopup projectId="YOUR_PROJECT_ID" />
+```
+
+Keep the layout's existing content and router choice. Use one component per page.
+No configuration integration, `client:*` directive or copied helper script is needed.
+An empty project ID renders no popup and makes no runtime request.
+The package handles popup identity for the same project and runtime/style persistence
+with ClientRouter. A different project replaces the popup; leaving a layout without
+the component removes it. Shared resources can remain until the document closes.
+
+Verify direct loads, reload, links, Back/Forward and your form's visibility rules.
+To remove the integration, remove the import and component from your layout.
+
+<details>
+<summary>Diagnostics</summary>
+
+The [core loader](../core/README.md) owns readiness, timeout, retry and console
+diagnostics. Check the browser console and Network panel for popup.js, main.js
+and polyfills.js. A timeout does not cancel a pending load. See
+[troubleshooting](../../docs/troubleshooting.md).
+
+</details>
+
+Local tarball tests do not establish public npm availability or hosted deployment.
+See the [release procedure](../../docs/npm-release.md).

package/dist/EnquioPopup.astro

@@ -0,0 +1,13 @@
+---
+export interface Props {
+  projectId: string;
+}
+const { projectId } = Astro.props;
+const id = projectId.trim();
+---
+{id && <div data-enquio-astro-owner transition:persist={`enquio-project-${encodeURIComponent(id)}`}>
+  <enquio-popup project-id={id}></enquio-popup>
+</div>}
+<script>
+  import './browser.js';
+</script>

package/dist/browser.js

@@ -0,0 +1,48 @@
+import { loadEnquioScript } from '@enquio/popup-core';
+
+// Symbol.for also protects against a second copy of the package in a host bundle.
+const installed = Symbol.for('@enquio/astro-popup');
+if (typeof document !== 'undefined' && !document[installed]) {
+	document[installed] = true;
+	const owners = new WeakSet();
+	const resources = new Map();
+	const scopes = new Set();
+	let resourceNumber = 0;
+	function mount() {
+		const owner = document.querySelector('[data-enquio-astro-owner]');
+		if (!owner || owners.has(owner) || !owner.querySelector('enquio-popup[project-id]')) return;
+		owners.add(owner);
+		void loadEnquioScript().catch(() => {});
+	}
+	function runtimeScript(script) {
+		return script.id === 'enquio-popup-script' || /^https:\/\/public\.newapp\.enquio\.eu\/(main|polyfills)\.js(?:\?enquio-retry=[1-9]\d*)?$/.test(script.src);
+	}
+	document.addEventListener('astro:before-swap', (event) => {
+		const host = document.querySelector('[data-enquio-astro-owner] enquio-popup');
+		// Remember scopes even on pages without a popup, so a later return retains styles.
+		if (host)
+			for (const element of [host, ...host.querySelectorAll('*')]) {
+				for (const name of element.getAttributeNames()) {
+					if (name.startsWith('_ngcontent-') || name.startsWith('_nghost-')) scopes.add(name);
+				}
+			}
+		const nodes = [
+			...Array.from(document.head.querySelectorAll('script[src]')).filter(runtimeScript),
+			...Array.from(document.head.querySelectorAll('style')).filter((style) => [...scopes].some((scope) => style.textContent.includes(`[${scope}]`))),
+		];
+		for (const node of nodes) if (!resources.has(node)) resources.set(node, `enquio-resource-${++resourceNumber}`);
+		for (const [node, id] of resources) {
+			if (!node.isConnected) {
+				resources.delete(node);
+				continue;
+			}
+			node.setAttribute('data-astro-transition-persist', id);
+			if (node instanceof HTMLScriptElement) node.setAttribute('data-astro-exec', '');
+			const placeholder = event.newDocument.createElement('meta');
+			placeholder.setAttribute('data-astro-transition-persist', id);
+			event.newDocument.head.append(placeholder);
+		}
+	});
+	document.addEventListener('astro:page-load', mount);
+	mount();
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as EnquioPopup } from './EnquioPopup.astro';

package/dist/index.js

@@ -0,0 +1 @@
+export { default as EnquioPopup } from './EnquioPopup.astro';

package/package.json

@@ -0,0 +1,37 @@
+{
+	"name": "@enquio/astro-popup",
+	"version": "1.1.0",
+	"description": "Enquio popup component for prerendered Astro websites",
+	"type": "module",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/skutam/EnquioWrappers.git",
+		"directory": "packages/astro"
+	},
+	"files": [
+		"dist"
+	],
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"default": "./dist/index.js"
+		}
+	},
+	"types": "./dist/index.d.ts",
+	"scripts": {
+		"build": "node build.cjs",
+		"prepublishOnly": "npm run build"
+	},
+	"dependencies": {
+		"@enquio/popup-core": "1.1.0"
+	},
+	"peerDependencies": {
+		"astro": ">=7.3.5 <8"
+	},
+	"devDependencies": {
+		"astro": "7.3.5",
+		"@astrojs/check": "0.9.9",
+		"typescript": "5.9.3"
+	}
+}