@myrasec/eu-captcha-vue 0.0.1

package/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

package/.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig"
+  }
+}

package/LICENSE

@@ -0,0 +1,9 @@
+Copyright (c) 2026 Myra Security GmbH
+
+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,60 @@
+This package provides an easy integration of Myra Security's EU Captcha for vuejs 3.
+
+Get your sitekey on [EU-Captcha.eu](https://www.eu-captcha.eu/).
+
+## Installation
+
+(0) npm i @myrasec/eu-captcha-vue
+
+(1) In your code add:
+
+```
+import { EuCaptcha, isEuCaptchaDone } from "@myrasec/eu-captcha-vue";
+
+// use the public sitekey you find in the customer's backend here.
+const captchaSitekey = "YOUR-SITEKEY-HERE";
+```
+
+(2) And then render the widget using the following syntax:
+
+```
+<EuCaptcha sitekey={captchaSitekey} />
+```
+
+You can test the integration using any fake sitekey.  If a sitekey
+does not exist, then the captcha runs with default parameters which
+allow traffic to pass.
+
+## Querying state
+
+Before submitting a form to a server, please ensure that EuCaptcha is done.
+
+```
+import { isEuCaptchaDone } from "@myrasec/eu-captcha-vue";
+
+function onSubmit(e) {
+    e.preventDefault();
+
+    if (!isEuCaptchaDone()) {
+        // computation has not been completed
+
+        return;
+    }
+}
+```
+
+## Listening to state change
+
+Additionally, a message will be posted to the main window with msg.data.type
+set to 'euCaptchaDone', in case you want to be informed actively to change
+e.g. the state of a button.
+
+```
+function listenForCaptchaDone(msg: MessageEvent) {
+    if (msg.data.type === 'euCaptchaDone') {
+        // change the state of the form, etc.
+    }
+}
+
+window.addEventListener("message", listenForCaptchaDone, false);
+```

package/dist/eu-captcha-vue.js

@@ -0,0 +1,70 @@
+import { ref as d, createElementBlock as f, openBlock as m } from "vue";
+let o = {
+  sitekey: "-",
+  locale: "",
+  theme: "light"
+}, l = {
+  done: !1,
+  registered: !1
+}, i = null;
+function h(e) {
+  return typeof window > "u" ? Promise.reject("Cannot load script on server") : i || (i = new Promise((t, r) => {
+    if (document.querySelector(`script[src="${e}"]`)) {
+      t();
+      return;
+    }
+    const n = document.createElement("script");
+    n.src = e, n.async = !0, n.onload = () => t(), n.onerror = () => r(new Error(`Failed to load ${e}`)), document.head.appendChild(n);
+  }), i);
+}
+function p(e) {
+  e.data.type === "euCaptchaCompleted" && (l.done = !0);
+}
+function $() {
+  return l.done;
+}
+function y(e, t) {
+  e = e || {}, typeof e.sitekey == "string" && (o.sitekey = e.sitekey), typeof e.locale == "string" && (o.locale = e.locale), typeof e.theme == "string" && (o.theme = e.theme), h("https://cdn.eu-captcha.eu/verify.js").then(() => {
+    l.registered || (l.registered = !0, window.addEventListener("message", p, !1)), t && t();
+  }).catch((r) => {
+    console.error("error during load of eu captcha library: " + r);
+  });
+}
+let c = null, s = null;
+const u = d("");
+function g() {
+  u.value = window.getEuCaptchaElement(
+    c ?? o.sitekey,
+    s ?? o.theme
+  );
+}
+const k = {
+  props: ["sitekey", "theme"],
+  setup(e) {
+    e.sitekey && (c = e.sitekey), e.theme && (s = e.theme);
+  },
+  data() {
+    return y(null, g), {
+      htmlContent: u
+    };
+  }
+}, _ = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, a] of t)
+    r[n] = a;
+  return r;
+}, C = ["innerHTML"];
+function E(e, t, r, n, a, v) {
+  return m(), f("div", { innerHTML: a.htmlContent }, null, 8, C);
+}
+const w = /* @__PURE__ */ _(k, [["render", E]]), x = {
+  install: (e) => {
+    e.component("b-upload-files-modal", w);
+  }
+};
+export {
+  w as EuCaptcha,
+  x as default,
+  $ as isEuCaptchaDone,
+  y as loadEuCaptcha
+};

package/dist/eu-captcha-vue.umd.cjs

@@ -0,0 +1 @@
+(function(t,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(t=typeof globalThis<"u"?globalThis:t||self,o(t["@myra/eu-captcha-vue"]={},t.Vue))})(this,(function(t,o){"use strict";let a={sitekey:"-",locale:"",theme:"light"},c={done:!1,registered:!1},l=null;function p(e){return typeof window>"u"?Promise.reject("Cannot load script on server"):l||(l=new Promise((n,r)=>{if(document.querySelector(`script[src="${e}"]`)){n();return}const i=document.createElement("script");i.src=e,i.async=!0,i.onload=()=>n(),i.onerror=()=>r(new Error(`Failed to load ${e}`)),document.head.appendChild(i)}),l)}function y(e){e.data.type==="euCaptchaCompleted"&&(c.done=!0)}function g(){return c.done}function s(e,n){e=e||{},typeof e.sitekey=="string"&&(a.sitekey=e.sitekey),typeof e.locale=="string"&&(a.locale=e.locale),typeof e.theme=="string"&&(a.theme=e.theme),p("https://cdn.eu-captcha.eu/verify.js").then(()=>{c.registered||(c.registered=!0,window.addEventListener("message",y,!1)),n&&n()}).catch(r=>{console.error("error during load of eu captcha library: "+r)})}let d=null,f=null;const h=o.ref("");function _(){h.value=window.getEuCaptchaElement(d??a.sitekey,f??a.theme)}const C={props:["sitekey","theme"],setup(e){e.sitekey&&(d=e.sitekey),e.theme&&(f=e.theme)},data(){return s(null,_),{htmlContent:h}}},E=(e,n)=>{const r=e.__vccOpts||e;for(const[i,u]of n)r[i]=u;return r},k=["innerHTML"];function v(e,n,r,i,u,b){return o.openBlock(),o.createElementBlock("div",{innerHTML:u.htmlContent},null,8,k)}const m=E(C,[["render",v]]),w={install:e=>{e.component("b-upload-files-modal",m)}};t.EuCaptcha=m,t.default=w,t.isEuCaptchaDone=g,t.loadEuCaptcha=s,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@myrasec/eu-captcha-vue",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "main": "./dist/eu-captcha-vue.umd.cjs",
+  "module": "./dist/eu-captcha-vue.js",
+  "exports": {                                                                                                                                                                                                     
+	  ".": {                                                                                                                                                                                                       
+		  "import": "./dist/eu-captcha-vue.js",
+		  "require": "./dist/eu-captcha-vue.umd.cjs"
+	  }                                                                                                                                                                                                            
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build"
+  },
+  "dependencies": {
+    "vue": ">3.0.0"
+  },
+  "devDependencies": {
+    "@tsconfig/node24": "^24.0.3",
+    "@types/node": "^24.10.4",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/tsconfig": "^0.8.1",
+    "npm-run-all2": "^8.0.4",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.0",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vue-tsc": "^3.2.2"
+  }
+}