@prosopo/client-bundle-example 2.11.2 → 2.11.3

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

@@ -1,5 +1,5 @@
 
-> @prosopo/client-bundle-example@2.11.2 build:cjs
+> @prosopo/client-bundle-example@2.11.3 build:cjs
 > NODE_ENV=${NODE_ENV:-development}; vite build --config vite.cjs.config.ts --mode $NODE_ENV
 
 ViteCommonJSConfig: .
@@ -16,7 +16,6 @@ ViteCommonJSConfig: .
 {
   externals: [
     '@prosopo/dotenv',
-The plugin "vite-tsconfig-paths" is detected. Vite now supports tsconfig paths resolution natively via the resolve.tsconfigPaths option. You can remove the plugin and set resolve.tsconfigPaths: true in your Vite config instead.
     '@prosopo/logger',
     '@prosopo/util',
     '@prosopo/locale',
@@ -24,6 +23,7 @@ ViteCommonJSConfig: .
     '@prosopo/util-crypto'
   ]
 }
+The plugin "vite-tsconfig-paths" is detected. Vite now supports tsconfig paths resolution natively via the resolve.tsconfigPaths option. You can remove the plugin and set resolve.tsconfigPaths: true in your Vite config instead.
 vite v8.1.5 building ssr environment for production...
 Bundle build started
 
@@ -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 60ms
+✓ built in 52ms

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

@@ -1,8 +1,8 @@
 
-> @prosopo/client-bundle-example@2.11.2 build:tsc
+> @prosopo/client-bundle-example@2.11.3 build:tsc
 > tsc --build --verbose
 
-9:56:19 AM - Projects in this build: 
+12:38:23 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
 
-9:56:19 AM - Project '../../dev/config/tsconfig.json' is up to date because newest input '../../dev/config/src/vite/vite.frontend.config.ts' is older than output '../../dev/config/tsconfig.tsbuildinfo'
+12:38:23 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'
 
-9:56:19 AM - Project '../../packages/util/tsconfig.json' is up to date because newest input '../../packages/util/src/verifyRecency.ts' is older than output '../../packages/util/tsconfig.tsbuildinfo'
+12:38:23 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'
 
-9:56:19 AM - Project '../../packages/logger/tsconfig.json' is up to date because newest input '../../packages/logger/src/tests/loggerBrowser.unit.test.ts' is older than output '../../packages/logger/tsconfig.tsbuildinfo'
+12:38:23 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'
 
-9:56:19 AM - 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'
+12:38:23 PM - Project '../../packages/dotenv/tsconfig.json' is up to date because newest input '../../packages/dotenv/src/env.ts' is older than output '../../packages/dotenv/tsconfig.tsbuildinfo'
 
-9:56:19 AM - Project '../../packages/locale/tsconfig.json' is up to date because newest input '../../packages/locale/src/util.ts' is older than output '../../packages/locale/tsconfig.tsbuildinfo'
+12:38:23 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'
 
-9:56:19 AM - 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'
+12:38:23 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'
 
-9:56:20 AM - 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'
+12:38:23 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'
 
-9:56:20 AM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
+12:38:23 PM - Project 'tsconfig.json' is out of date because output file 'tsconfig.tsbuildinfo' does not exist
 
-9:56:20 AM - Building project '/home/runner/work/captcha/captcha/demos/client-bundle-example/tsconfig.json'...
+12:38:23 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.2 build
+> @prosopo/client-bundle-example@2.11.3 build
 > npm run build:cross-env -- --mode ${NODE_ENV:-development}
 
 
-> @prosopo/client-bundle-example@2.11.2 build:cross-env
+> @prosopo/client-bundle-example@2.11.3 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 59ms
+✓ built in 124ms

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # @prosopo/client-bundle-example
 
+## 2.11.3
+### Patch Changes
+
+- 8178ab2: The explicit-render demo pages now wait for `render()` before logging, so they show the real widget id instead of `widget ID: [object Promise]`. The two frictionless explicit pages log the id as well. A test checks that every demo page waits for `render()`.
+
 ## 2.11.2
 ### Patch 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.2",
+	"version": "2.11.3",
 	"devDependencies": {
 		"@emotion/cache": "11.14.0",
 		"@prosopo/config": "3.4.2",
-		"@prosopo/dotenv": "3.0.58",
-		"@prosopo/locale": "3.6.1",
-		"@prosopo/types": "5.11.0",
+		"@prosopo/dotenv": "3.0.59",
+		"@prosopo/locale": "3.6.2",
+		"@prosopo/types": "5.12.0",
 		"@types/node": "22.5.5",
 		"@vitest/coverage-v8": "4.1.11",
 		"concurrently": "9.0.1",

package/src/frictionless-explicit-web3.html

@@ -219,7 +219,7 @@
             const captchaContainer = document.getElementById('procaptcha-container');
 
             // Render the CAPTCHA
-            const widgetId = render(captchaContainer, {
+            const widgetId = await render(captchaContainer, {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_FRICTIONLESS,
                 callback: onCaptchaVerified,
                 "failed-callback": function () {
@@ -229,6 +229,7 @@
                 web3: true,
                 userAccountAddress: account
             });
+            window.updateCaptchaStatus('CAPTCHA render function called with widget ID: ' + widgetId, 'info');
         })
 
 </script>

package/src/frictionless-explicit.html

@@ -189,7 +189,7 @@
     window.updateCaptchaStatus('Challenge placement: ' + placement, 'info');
 
     // Render the CAPTCHA
-    const widgetId = render(captchaContainer, {
+    const widgetId = await render(captchaContainer, {
         siteKey: import.meta.env.PROSOPO_SITE_KEY_FRICTIONLESS,
         placement,
         callback: onCaptchaVerified,
@@ -198,6 +198,7 @@
             window.updateCaptchaStatus('Challenge failed - CAPTCHA verification could not be completed', 'error');
         }
     });
+    window.updateCaptchaStatus('CAPTCHA render function called with widget ID: ' + widgetId, 'info');
 
 </script>
 </body>

package/src/image-explicit-web3.html

@@ -157,7 +157,7 @@
 
             // Render the CAPTCHA
 
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_IMAGE,
                 callback: handleCaptchaResponse,
                 "failed-callback": handleCaptchaFailed,

package/src/image-explicit.html

@@ -116,7 +116,7 @@
         }
 
         // Wait for DOM content to be loaded
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             window.updateCaptchaStatus('Initializing CAPTCHA with explicit render call', 'info');
 
             // Render the CAPTCHA
@@ -127,7 +127,7 @@
                     : "popup";
             window.updateCaptchaStatus('Challenge placement: ' + placement, 'info');
 
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_IMAGE,
                 placement,
                 callback: handleCaptchaResponse,

package/src/invisible-frictionless-explicit.html

@@ -93,11 +93,11 @@
         }
 
         // Wait for DOM content to be loaded
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             window.updateCaptchaStatus('Initializing CAPTCHA with explicit render call', 'info');
 
             // Render the CAPTCHA
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_FRICTIONLESS,
                 callback: handleCaptchaResponse,
                 "failed-callback": handleCaptchaFailed,

package/src/invisible-image-explicit.html

@@ -117,11 +117,11 @@
         }
 
         // Wait for DOM content to be loaded
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             window.updateCaptchaStatus('Initializing CAPTCHA with explicit render call', 'info');
 
             // Render the CAPTCHA
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_IMAGE,
                 callback: handleCaptchaResponse,
                 "failed-callback": handleCaptchaFailed,

package/src/invisible-pow-explicit.html

@@ -117,11 +117,11 @@
         }
 
         // Wait for DOM content to be loaded
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             window.updateCaptchaStatus('Initializing CAPTCHA with explicit render call', 'info');
 
             // Render the CAPTCHA
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_POW,
                 callback: handleCaptchaResponse,
                 "failed-callback": handleCaptchaFailed,

package/src/invisible-puzzle-explicit.html

@@ -116,11 +116,11 @@
         }
 
         // Wait for DOM content to be loaded
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             window.updateCaptchaStatus('Initializing CAPTCHA with explicit render call', 'info');
 
             // Render the CAPTCHA
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_PUZZLE,
                 callback: handleCaptchaResponse,
                 "failed-callback": handleCaptchaFailed,

package/src/pow-explicit-web3.html

@@ -154,7 +154,7 @@
             // Render the CAPTCHA
             const account = document.getElementById('account-select') ? document.getElementById('account-select').value : null;
             window.updateCaptchaStatus(`Rendering the CAPTCHA for account ${account}`, 'info');
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_POW,
                 callback: handleCaptchaResponse,
                 "failed-callback": handleCaptchaFailed,

package/src/pow-explicit.html

@@ -116,11 +116,11 @@
         }
 
         // Wait for DOM content to be loaded
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             window.updateCaptchaStatus('Initializing CAPTCHA with explicit render call', 'info');
 
             // Render the CAPTCHA
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_POW,
                 callback: handleCaptchaResponse,
                 "failed-callback": handleCaptchaFailed

package/src/puzzle-explicit.html

@@ -116,7 +116,7 @@
         }
 
         // Wait for DOM content to be loaded
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             window.updateCaptchaStatus('Initializing CAPTCHA with explicit render call', 'info');
 
             // Render the CAPTCHA
@@ -127,7 +127,7 @@
                     : "popup";
             window.updateCaptchaStatus('Challenge placement: ' + placement, 'info');
 
-            const widgetId = render(document.getElementById('procaptcha-container'), {
+            const widgetId = await render(document.getElementById('procaptcha-container'), {
                 siteKey: import.meta.env.PROSOPO_SITE_KEY_PUZZLE,
                 placement,
                 callback: handleCaptchaResponse,

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

@@ -0,0 +1,49 @@
+// Copyright 2021-2026 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+// `render()` resolves to the widget id; a demo that uses its return value
+// without awaiting it prints "[object Promise]" instead of the id.
+const srcDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+
+const pagesCallingRender: string[] = fs
+	.readdirSync(srcDir)
+	.filter((file: string) => file.endsWith(".html"))
+	.filter((file: string) =>
+		/\brender\(/.test(fs.readFileSync(path.join(srcDir, file), "utf8")),
+	);
+
+describe("explicit-render demo pages", () => {
+	it("finds pages to check", () => {
+		expect(pagesCallingRender.length).toBeGreaterThan(0);
+	});
+
+	it.each(pagesCallingRender)("%s awaits render()", (file: string) => {
+		const html = fs.readFileSync(path.join(srcDir, file), "utf8");
+		const unawaited: string[] = html
+			.split("\n")
+			.filter(
+				(line: string) =>
+					/(?<![.\w])render\(/.test(line) &&
+					!/await\s+render\(/.test(line) &&
+					!/function\s+render\(/.test(line),
+			)
+			.map((line: string) => line.trim());
+		expect(unawaited).toEqual([]);
+	});
+});