@prosopo/client-bundle-example 2.11.0 → 2.11.1

package/.turbo/turbo-build$colon$cjs.log

@@ -1,5 +1,5 @@
 
-> @prosopo/client-bundle-example@2.11.0 build:cjs
+> @prosopo/client-bundle-example@2.11.1 build:cjs
 > NODE_ENV=${NODE_ENV:-development}; vite build --config vite.cjs.config.ts --mode $NODE_ENV
 
 ViteCommonJSConfig: .
@@ -33,4 +33,4 @@ computing gzip size...
 dist/cjs/index.cjs          0.71 kB │ gzip: 0.27 kB
 dist/cjs/plugins/pages.cjs  4.63 kB │ gzip: 1.20 kB
 
-✓ built in 55ms
+✓ built in 66ms

package/.turbo/turbo-build$colon$tsc.log

@@ -1,8 +1,8 @@
 
-> @prosopo/client-bundle-example@2.11.0 build:tsc
+> @prosopo/client-bundle-example@2.11.1 build:tsc
 > tsc --build --verbose
 
-2:42:19 PM - Projects in this build: 
+3:36:52 PM - Projects in this build: 
     * ../../dev/config/tsconfig.json
     * ../../packages/util/tsconfig.json
     * ../../packages/logger/tsconfig.json
@@ -12,21 +12,21 @@
     * ../../packages/types/tsconfig.json
     * tsconfig.json
 
-2:42:19 PM - Project '../../dev/config/tsconfig.json' is up to date because newest input '../../dev/config/src/webpack/webpack.config.ts' is older than output '../../dev/config/tsconfig.tsbuildinfo'
+3:36:52 PM - Project '../../dev/config/tsconfig.json' is up to date because newest input '../../dev/config/src/webpack/webpack.config.ts' is older than output '../../dev/config/tsconfig.tsbuildinfo'
 
-2:42:19 PM - Project '../../packages/util/tsconfig.json' is up to date because newest input '../../packages/util/src/url.ts' is older than output '../../packages/util/tsconfig.tsbuildinfo'
+3:36:52 PM - Project '../../packages/util/tsconfig.json' is up to date because newest input '../../packages/util/src/url.ts' is older than output '../../packages/util/tsconfig.tsbuildinfo'
 
-2:42:19 PM - Project '../../packages/logger/tsconfig.json' is up to date because newest input '../../packages/logger/src/index.ts' is older than output '../../packages/logger/tsconfig.tsbuildinfo'
+3:36:52 PM - Project '../../packages/logger/tsconfig.json' is up to date because newest input '../../packages/logger/src/index.ts' is older than output '../../packages/logger/tsconfig.tsbuildinfo'
 
-2:42:19 PM - Project '../../packages/dotenv/tsconfig.json' is up to date because newest input '../../packages/dotenv/src/tests/env.unit.test.ts' is older than output '../../packages/dotenv/tsconfig.tsbuildinfo'
+3:36:52 PM - Project '../../packages/dotenv/tsconfig.json' is up to date because newest input '../../packages/dotenv/src/index.ts' is older than output '../../packages/dotenv/tsconfig.tsbuildinfo'
 
-2:42:19 PM - Project '../../packages/locale/tsconfig.json' is up to date because newest input '../../packages/locale/src/translationKey.ts' is older than output '../../packages/locale/tsconfig.tsbuildinfo'
+3:36:52 PM - Project '../../packages/locale/tsconfig.json' is up to date because newest input '../../packages/locale/src/translationKey.ts' is older than output '../../packages/locale/tsconfig.tsbuildinfo'
 
-2:42:19 PM - Project '../../packages/util-crypto/tsconfig.json' is up to date because newest input '../../packages/util-crypto/src/types.ts' is older than output '../../packages/util-crypto/tsconfig.tsbuildinfo'
+3:36:52 PM - Project '../../packages/util-crypto/tsconfig.json' is up to date because newest input '../../packages/util-crypto/src/types.ts' is older than output '../../packages/util-crypto/tsconfig.tsbuildinfo'
 
-2:42:19 PM - Project '../../packages/types/tsconfig.json' is up to date because newest input '../../packages/types/src/types.test-d.ts' is older than output '../../packages/types/tsconfig.tsbuildinfo'
+3:36:52 PM - Project '../../packages/types/tsconfig.json' is up to date because newest input '../../packages/types/src/types.test-d.ts' is older than output '../../packages/types/tsconfig.tsbuildinfo'
 
-2:42:19 PM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
+3:36:52 PM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
 
-2:42:19 PM - Building project '/home/runner/work/captcha/captcha/demos/client-bundle-example/tsconfig.json'...
+3:36:52 PM - Building project '/home/runner/work/captcha/captcha/demos/client-bundle-example/tsconfig.json'...
 

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> @prosopo/client-bundle-example@2.11.0 build
+> @prosopo/client-bundle-example@2.11.1 build
 > npm run build:cross-env -- --mode ${NODE_ENV:-development}
 
 
-> @prosopo/client-bundle-example@2.11.0 build:cross-env
+> @prosopo/client-bundle-example@2.11.1 build:cross-env
 > vite build --config vite.esm.config.ts --mode production
 
 ViteEsmConfig: .
@@ -38,4 +38,4 @@ dist/_virtual/_rolldown/runtime.js  0.04 kB │ gzip: 0.06 kB
 dist/index.js                       0.42 kB │ gzip: 0.19 kB
 dist/plugins/pages.js               4.04 kB │ gzip: 1.15 kB
 
-✓ built in 151ms
+✓ built in 67ms

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # @prosopo/client-bundle-example
 
+## 2.11.1
+### Patch Changes
+
+- 495c016: The public demo at demo.prosopo.io now reports page views to Plausible under the `demo.prosopo.io` site, so we can see who uses it. The tracker only loads on that exact host, so local runs, staging and the Cypress suite send nothing.
+
 ## 2.11.0
 ### Minor Changes
 

package/package.json

@@ -25,13 +25,13 @@
 		"start": "NODE_ENV=${NODE_ENV:-development}; vite serve ./src --port 9232 --config vite.config.ts --mode=$NODE_ENV",
 		"test": "NODE_ENV=${NODE_ENV:-test}; npx vitest run --config ./vite.test.config.ts"
 	},
-	"version": "2.11.0",
+	"version": "2.11.1",
 	"devDependencies": {
 		"@emotion/cache": "11.14.0",
-		"@prosopo/config": "3.3.17",
-		"@prosopo/dotenv": "3.0.56",
-		"@prosopo/locale": "3.4.3",
-		"@prosopo/types": "5.9.0",
+		"@prosopo/config": "3.4.1",
+		"@prosopo/dotenv": "3.0.57",
+		"@prosopo/locale": "3.6.0",
+		"@prosopo/types": "5.10.2",
 		"@types/node": "22.5.5",
 		"@vitest/coverage-v8": "4.1.11",
 		"concurrently": "9.0.1",

package/src/plugins/layout-injector.ts

@@ -40,13 +40,31 @@ const DOCS_URL = "https://docs.prosopo.io/";
 const ariaCurrent = (isCurrent: boolean): string =>
 	isCurrent ? ' aria-current="page"' : "";
 
+export const DEMO_HOSTNAME = "demo.prosopo.io";
+const PLAUSIBLE_SCRIPT_URL =
+	"https://prosopo.io/js/script.kairee5buy1chae8eit0so8ahphae9Oo.js";
+
+// Only the public demo reports to Plausible: local runs and the Cypress suite
+// serve these same pages.
+const analyticsTag = `
+    <script>
+      (function () {
+        if (location.hostname !== "${DEMO_HOSTNAME}") return;
+        var tracker = document.createElement("script");
+        tracker.defer = true;
+        tracker.setAttribute("data-domain", "${DEMO_HOSTNAME}");
+        tracker.src = "${PLAUSIBLE_SCRIPT_URL}";
+        document.head.appendChild(tracker);
+      })();
+    </script>`;
+
 const headTags = (prefix: string): string => `
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap">
-    <link rel="stylesheet" href="${prefix}styles/demo.css">`;
+    <link rel="stylesheet" href="${prefix}styles/demo.css">${analyticsTag}`;
 
 const header = `
 <header class="demo-header">

package/src/tests/plugins.unit.test.ts

@@ -24,7 +24,7 @@ import codeSnippetInjector, {
 	snippetFor,
 } from "../plugins/code-snippet-injector.js";
 import formFillerInjector from "../plugins/form-filler-injector.js";
-import layoutInjector from "../plugins/layout-injector.js";
+import layoutInjector, { DEMO_HOSTNAME } from "../plugins/layout-injector.js";
 import {
 	type DemoRendering,
 	demoPages,
@@ -161,6 +161,47 @@ describe("layoutInjector", () => {
 		);
 	});
 
+	it("loads Plausible only when served from the public demo host", () => {
+		const html = handler(page(), ctx(`${cwd}/src/pow-explicit.html`));
+		const inlineScript = html.match(
+			/<script>\s*\(function \(\) \{([\s\S]*?)\}\)\(\);\s*<\/script>/,
+		)?.[1];
+		expect(inlineScript).toBeDefined();
+
+		type FakeElement = Record<string, unknown>;
+		const loadedFrom = (hostname: string): FakeElement[] => {
+			const appended: FakeElement[] = [];
+			const fakeDocument = {
+				createElement: (): FakeElement => {
+					const element: FakeElement = {};
+					element.setAttribute = (name: string, value: string): void => {
+						element[name] = value;
+					};
+					return element;
+				},
+				head: {
+					appendChild: (element: FakeElement): void => {
+						appended.push(element);
+					},
+				},
+			};
+			new Function("location", "document", inlineScript ?? "")(
+				{ hostname },
+				fakeDocument,
+			);
+			return appended;
+		};
+
+		expect(loadedFrom("localhost")).toHaveLength(0);
+		expect(loadedFrom(`staging.${DEMO_HOSTNAME}`)).toHaveLength(0);
+		const [tracker] = loadedFrom(DEMO_HOSTNAME);
+		expect(tracker).toMatchObject({
+			defer: true,
+			"data-domain": DEMO_HOSTNAME,
+			src: "https://prosopo.io/js/script.kairee5buy1chae8eit0so8ahphae9Oo.js",
+		});
+	});
+
 	it("marks the current type, mode and rendering", () => {
 		const html = handler(page(), ctx(`${cwd}/src/pow-explicit.html`));