@prosopo/svelte-procaptcha-wrapper 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import type { ProcaptchaLanguages, ProcaptchaRenderOptions, ProcaptchaType } from "@prosopo/procaptcha-wrapper";
+import ProcaptchaComponent from "./procaptchaComponent.svelte";
+export { ProcaptchaComponent, type ProcaptchaRenderOptions, type ProcaptchaType, type ProcaptchaLanguages, };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,MAAM,6BAA6B,CAAC;AACrC,OAAO,mBAAmB,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EACN,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACxB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+import ProcaptchaComponent from "./procaptchaComponent.svelte";
+export { ProcaptchaComponent, };

package/dist/procaptchaComponent.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+    import {tick, onMount} from "svelte";
+    import type {HTMLAttributes} from "svelte/elements";
+    import {type ProcaptchaRenderOptions, renderProcaptcha} from "@prosopo/procaptcha-wrapper";
+
+    type ProcaptchaComponentProperties = ProcaptchaRenderOptions & {
+        htmlAttributes?: AllHtmlAttributes,
+    }
+
+    type AllHtmlAttributes = HTMLAttributes<HTMLElement> & {
+        // allow custom data attributes
+        [key: string]: any
+    };
+
+    const properties: ProcaptchaComponentProperties = $props();
+    const htmlWrapperElementAttributes = $derived(properties.htmlAttributes || {});
+    let wrapperElement: HTMLDivElement;
+
+    onMount(() => {
+        tick().then(() => {
+            renderProcaptcha(wrapperElement, properties);
+        });
+    });
+
+</script>
+
+<div bind:this={wrapperElement} {...htmlWrapperElementAttributes}></div>

package/dist/procaptchaComponent.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from "svelte/elements";
+import { type ProcaptchaRenderOptions } from "@prosopo/procaptcha-wrapper";
+type AllHtmlAttributes = HTMLAttributes<HTMLElement> & {
+    [key: string]: any;
+};
+type ProcaptchaComponentProperties = ProcaptchaRenderOptions & {
+    htmlAttributes?: AllHtmlAttributes;
+};
+declare const ProcaptchaComponent: import("svelte").Component<ProcaptchaComponentProperties, {}, "">;
+type ProcaptchaComponent = ReturnType<typeof ProcaptchaComponent>;
+export default ProcaptchaComponent;
+//# sourceMappingURL=procaptchaComponent.svelte.d.ts.map

package/dist/procaptchaComponent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"procaptchaComponent.svelte.d.ts","sourceRoot":"","sources":["../src/procaptchaComponent.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,KAAK,uBAAuB,EAAmB,MAAM,6BAA6B,CAAC;AAGvF,KAAK,iBAAiB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAEnD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACrB,CAAC;AAEF,KAAK,6BAA6B,GAAG,uBAAuB,GAAG;IAC3D,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACtC,CAAC;AAwBN,QAAA,MAAM,mBAAmB,mEAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -0,0 +1,41 @@
+{
+	"name": "@prosopo/svelte-procaptcha-wrapper",
+	"version": "1.0.0",
+	"type": "module",
+	"engines": {
+		"node": "20",
+		"npm": "10.8.2"
+	},
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"scripts": {
+		"test": "echo \"No test specified\"",
+		"clean": "del-cli ./dist && del-cli ./.svelte-kit",
+		"package": "svelte-package -i ./src -o ./dist",
+		"build": "npm run package && del-cli ./.svelte-kit",
+		"dev": "npm run package -- -w"
+	},
+	"dependencies": {
+		"@prosopo/procaptcha-wrapper": ">=2.5.4"
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/package": "2.3.10",
+		"del-cli": "6.0.0"
+	},
+	"author": "PROSOPO LIMITED <info@prosopo.io>",
+	"license": "Apache-2.0",
+	"bugs": {
+		"url": "https://github.com/prosopo/captcha/issues"
+	},
+	"homepage": "https://github.com/prosopo/captcha#readme",
+	"sideEffects": false
+}

package/readme.md

@@ -0,0 +1,7 @@
+# Svelte Procaptcha Wrapper
+
+## 1. About the package
+
+A Svelte component that provides seamless integration of [Procaptcha](https://prosopo.io/) into any Svelte project.
+
+Refer to the [Procaptcha Docs](https://docs.prosopo.io/en/) to see an example of usage.