@myrasec/eu-captcha-vue 0.0.1 → 0.0.2

package/README.md

@@ -25,6 +25,20 @@ 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.
 
+You can also set additional properties: theme, width
+
+To switch between light/dark theme:
+
+    ```
+    <EuCaptcha sitekey={captchaSitekey} theme="dark" />
+    ```
+
+To define the width of the widget (default is 330). Please specify a number.
+
+    ```
+    <EuCaptcha sitekey={captchaSitekey} width=280 />
+    ```
+
 ## Querying state
 
 Before submitting a form to a server, please ensure that EuCaptcha is done.

package/dist/eu-captcha-vue.js

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrasec/eu-captcha-vue",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "type": "module",
   "main": "./dist/eu-captcha-vue.umd.cjs",

package/publish.sh

@@ -0,0 +1,5 @@
+#! /bin/sh
+
+npm run build || exit 1
+
+npm publish --public