@enquio/svelte-popup 1.1.0

package/README.md

@@ -0,0 +1,37 @@
+# @enquio/svelte-popup
+
+One component for Svelte 5.57.1+ (below 6) and SvelteKit. Install this package;
+the shared core loader is included as a dependency.
+
+```sh
+npm install @enquio/svelte-popup
+```
+
+<!-- example:svelte -->
+
+```svelte
+<script>
+  import { EnquioPopup } from '@enquio/svelte-popup';
+</script>
+
+<EnquioPopup projectId="YOUR_PROJECT_ID" />
+```
+
+Place it once alongside existing content in `App.svelte`, or in a persistent
+SvelteKit `+layout.svelte` alongside `{@render children()}`. Keep the component
+outside clipped/transformed containers. No plugin, browser guard or SSR opt-out
+is required. When consent is required, conditionally mount the component after consent.
+
+`projectId` is a required string and can change reactively. The component creates
+its popup only after browser mount and removes it on unmount. The loader shares
+one runtime request; failures use the [core diagnostics](../core/README.md).
+Removing a component does not cancel requests already started. Remounting while
+loading does not start a duplicate load or resurrect the removed owner.
+
+Remove the component/import and uninstall the package to remove the integration.
+Local packed-package tests cover Svelte/Vite and SvelteKit SSR with simulated API
+responses. Hosting and real-project verification remain separate. See the
+[support matrix](../../docs/support-matrix.md) and [examples](../../docs/svelte-astro-examples.md).
+
+The new package is pending its first public release. Source version 1.1.0 is
+not evidence of npm availability; see the [release procedure](../../docs/npm-release.md).

package/dist/EnquioPopup.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { loadEnquioScript } from '@enquio/popup-core';
+
+	let { projectId }: { projectId: string } = $props();
+	let container: HTMLDivElement;
+	let host: HTMLElement | undefined;
+
+	onMount(() => {
+		// Create in the live document: template clones can be inert in WebKit.
+		// Mount also lets the outgoing route release its previous owner first.
+		host = document.createElement('enquio-popup');
+		host.setAttribute('project-id', projectId);
+		container.append(host);
+		void loadEnquioScript().catch(() => {});
+		return () => {
+			host?.remove();
+			host = undefined;
+		};
+	});
+
+	$effect(() => {
+		host?.setAttribute('project-id', projectId);
+	});
+</script>
+
+<div bind:this={container}></div>

package/dist/EnquioPopup.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    projectId: string;
+};
+declare const EnquioPopup: import("svelte").Component<$$ComponentProps, {}, "">;
+type EnquioPopup = ReturnType<typeof EnquioPopup>;
+export default EnquioPopup;

package/dist/index.d.ts

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

package/dist/index.js

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

package/package.json

@@ -0,0 +1,41 @@
+{
+	"name": "@enquio/svelte-popup",
+	"version": "1.1.0",
+	"description": "Svelte 5 and SvelteKit popup component for Enquio",
+	"type": "module",
+	"types": "./dist/index.d.ts",
+	"svelte": "./dist/index.js",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"sideEffects": false,
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/skutam/EnquioWrappers.git",
+		"directory": "packages/svelte"
+	},
+	"peerDependencies": {
+		"svelte": ">=5.57.1 <6"
+	},
+	"dependencies": {
+		"@enquio/popup-core": "1.1.0"
+	},
+	"devDependencies": {
+		"@sveltejs/package": "2.5.8",
+		"svelte": "5.57.1",
+		"svelte-check": "4.7.6",
+		"typescript": "^5.0.0"
+	},
+	"scripts": {
+		"build": "svelte-package -i src",
+		"check": "svelte-check --tsconfig ./tsconfig.json",
+		"prepublishOnly": "npm run check && npm run build"
+	}
+}