@paroicms/contact-form-plugin 0.27.0 → 0.28.0

package/backend/dist/plugin.js

@@ -1,7 +1,7 @@
-import { readFileSync } from "node:fs";
-import { dirname, join } from "node:path";
 import { escapeHtml, loadSimpleTranslatorFromDirectory, makeStylesheetLinkAsyncTag, resolveModuleDirectory, } from "@paroicms/public-server-lib";
 import { type } from "arktype";
+import { readFileSync } from "node:fs";
+import { dirname, join } from "node:path";
 import { sendContactFormMail } from "./contact-form-mail.js";
 import { SendMailInputBody } from "./data-format.js";
 const SLUG = "contact-form";
@@ -14,7 +14,6 @@ const plugin = {
     async siteInit(service) {
         const simpleI18n = await loadSimpleTranslatorFromDirectory({
             l10nDir: join(projectDir, "locales"),
-            languages: ["en", "fr"],
             logger: service.logger,
         });
         service.setPublicAssetsDirectory(join(packageDir, "frontend", "dist"));

package/frontend/dist/contact-form-plugin.mjs

@@ -1 +1 @@
-import{template as $,insert as o,setAttribute as f,createComponent as j,effect as P,render as ne}from"https://esm.sh/solid-js@1.9.7/web";import{createMemo as ae,createSignal as d,Show as U,onMount as re,onCleanup as oe}from"https://esm.sh/solid-js@1.9.7";const J=e=>e!=null&&(e=Object.getPrototypeOf(e),e===Array.prototype||e===Object.prototype);function z(e,t,a){for(const[n,c]of Object.entries(t)){const m=`${a}.${n}`;e[m]=c,J(c)&&z(e,c,m)}}function ce(e){const t={...e};for(const[a,n]of Object.entries(e))J(n)&&z(t,n,a);return t}const le=(e,t)=>{if(t)for(const[a,n]of Object.entries(t))e=e.replace(new RegExp(`{{\\s*${a}\\s*}}`,"g"),n);return e},ie=e=>e;function de(e,t=ie){return(a,...n)=>{a[0]==="."&&(a=a.slice(1));const c=e()?.[a];switch(typeof c){case"function":return c(...n);case"string":return t(c,n[0]);default:return c}}}const ue="Name",me="Email",pe="Subject",he="Message",fe="Send",ge="johndoe@gmail.com",be="John Doe",ve="The subject of your message",Pe="Enter your message here…",$e="Unexpected error, the message could not be sent.",ye="Return Home",Ee="Your message has been sent. If there is a response, it will be sent to the address:",we={name:ue,email:me,subject:pe,message:he,send:fe,emailPlaceholder:ge,namePlaceholder:be,subjectPlaceholder:ve,messagePlaceholder:Pe,unexpectedErrorMessage:$e,returnHome:ye,successMessage:Ee},Fe="Nom",Se="Courriel",xe="Sujet",_e="Message",je="Envoyer",Me="johndoe@gmail.com",Ce="John Doe",Re="Le sujet de votre message",Le="Saisissez votre message…",ke="Erreur inattendue, le message n'a pas pu être envoyé.",He="Retourner à l'accueil",Oe="Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse :",Te={name:Fe,email:Se,subject:xe,message:_e,send:je,emailPlaceholder:Me,namePlaceholder:Ce,subjectPlaceholder:Re,messagePlaceholder:Le,unexpectedErrorMessage:ke,returnHome:He,successMessage:Oe},q={en:we,fr:Te};function Ae(e){const t=ae((()=>{const n=e in q?e:"en";return ce(q[n])}));return{t:de(t,le)}}async function De(e,t,a){a(!0);try{const n=await Ie(e);return t.reset(),n}finally{a(!1)}}async function Ie(e){const t=await fetch("/api/plugin/contact-form",{headers:{"Content-Type":"application/json"},body:JSON.stringify(e),method:"POST"});if(t.status!==200){const n=await t.text();throw new Error(`Unexpected error: ${n}`)}return await t.json()}var Ne=$("<div class=PaForm-error>"),Ue=$('<div class=PaForm-ended><div class=PaForm-message><p> <i></i></p></div><div class=PaForm-action><a class="PaForm-button PaButton">'),qe=$('<form class=PaForm><div class=PaForm-fields><label class=PaField><span class=PaField-label></span><input class=PaField-input type=text name=name required></label><label class=PaField><span class=PaField-label></span><input class=PaField-input type=email name=email required></label><label class=PaField><span class=PaField-label></span><textarea class=PaField-input rows=5 name=message required></textarea></label></div><div class=PaForm-action><button class="PaForm-button PaButton"type=submit>'),Be=$("<div class=PaForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");function Je({googleRecaptchaSiteKey:e,language:t,homeUrl:a}){const[n,c]=d(""),[m,G]=d(""),[C,V]=d(""),[Y,Q]=d(),[R,L]=d(!e),[k,y]=d(),[W,H]=d(""),[X,Z]=d(!1),{t:r}=Ae(t),K=async l=>{try{if(l.preventDefault(),!R()||!g)throw new Error("Recaptcha error");const i=await De({language:t,name:n(),message:C(),email:m(),gRecaptchaResponse:Y()},g,Z);i.success?y(!0):(y(!1),H(i.message??r("unexpectedErrorMessage")))}catch{y(!1),H(r("unexpectedErrorMessage"))}},g=(()=>{var l=qe(),i=l.firstChild,O=i.firstChild,T=O.firstChild,E=T.nextSibling,A=O.nextSibling,D=A.firstChild,w=D.nextSibling,se=A.nextSibling,I=se.firstChild,F=I.nextSibling,S=i.nextSibling,x=S.firstChild;return l.addEventListener("submit",K),o(T,(()=>r("name"))),E.addEventListener("change",(s=>c(s.currentTarget.value))),o(D,(()=>r("email"))),w.addEventListener("change",(s=>{G(s.currentTarget.value)})),o(I,(()=>r("message"))),F.addEventListener("change",(s=>V(s.currentTarget.value))),o(l,e&&(()=>{var s=Be(),u=s.firstChild;return f(u,"data-sitekey",e),s})(),S),o(l,j(U,{get when(){return k()===!1},get children(){var s=Ne();return o(s,W),s}}),S),o(x,(()=>r("send"))),o(l,j(U,{get when(){return k()===!0},get children(){var s=Ue(),u=s.firstChild,p=u.firstChild,h=p.firstChild,b=h.nextSibling,v=u.nextSibling,N=v.firstChild;return o(p,(()=>r("successMessage")),h),o(b,m),f(N,"href",a),o(N,(()=>r("returnHome"))),s}}),null),P((s=>{var u=r("namePlaceholder"),p=r("emailPlaceholder"),h=r("messagePlaceholder"),b=!!X(),v=!R();return u!==s.e&&f(E,"placeholder",s.e=u),p!==s.t&&f(w,"placeholder",s.t=p),h!==s.a&&f(F,"placeholder",s.a=h),b!==s.o&&x.classList.toggle("inProgress",s.o=b),v!==s.i&&(x.disabled=s.i=v),s}),{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),P((()=>E.value=n())),P((()=>w.value=m())),P((()=>F.value=C())),l})();return re((()=>{e&&(window.onRecaptchaSubmitted=ee,window.onRecaptchaExpired=te)})),oe((()=>{e&&(window.onRecaptchaSubmitted=void 0,window.onRecaptchaExpired=void 0)})),g;function ee(l){if(!l)return;L(!0);const i=g?.elements.namedItem("g-recaptcha-response");Q(i.value)}function te(){L(!1)}}let M;const[_]=document.getElementsByClassName("js-script-contact-form");_&&_ instanceof HTMLScriptElement&&(M=_.dataset.googleRecaptchaSiteKey);if(!M)throw new Error('Missing "data-google-recaptcha-site-key" or the script element "js-script-contact-form"');function ze(e,{language:t}){if(!t)throw new Error("Missing language");e.dataset.recaptchaKey&&console.warn('Remove "data-recaptcha-key" attribute, it is not needed anymore.');const a=e.dataset.homeUrl;if(!a)throw new Error('Missing "data-home-url"');const n=document.createElement("script");n.setAttribute("src","https://www.google.com/recaptcha/api.js"),document.head.appendChild(n),ne((()=>j(Je,{googleRecaptchaSiteKey:M,language:t,homeUrl:a})),e)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",B):B();function B(){const e=document.documentElement.lang,t=document.querySelector("[data-effect='paContactForm']");t&&ze(t,{language:e})}
+import{template as $,insert as c,setAttribute as h,createComponent as C,effect as P,render as ae}from"https://esm.sh/solid-js@1.9.7/web";import{createMemo as re,createSignal as i,Show as B,onMount as oe,onCleanup as ce}from"https://esm.sh/solid-js@1.9.7";const le={en:{en:"English",fr:"French"},fr:{en:"Anglais",fr:"Français"}},J=Object.keys(le);function ie(e,{pluginLanguages:t,siteLanguages:n=[]}){if(t.includes(e)||J.includes(e)&&t.includes(e))return e;const a=n.find((r=>J.includes(r)&&t.includes(r)));return a||(t.includes("en")?"en":t[0]??"en")}const V=e=>e!=null&&(e=Object.getPrototypeOf(e),e===Array.prototype||e===Object.prototype);function Y(e,t,n){for(const[a,r]of Object.entries(t)){const d=`${n}.${a}`;e[d]=r,V(r)&&Y(e,r,d)}}function de(e){const t={...e};for(const[n,a]of Object.entries(e))V(a)&&Y(t,a,n);return t}const ue=(e,t)=>{if(t)for(const[n,a]of Object.entries(t))e=e.replace(new RegExp(`{{\\s*${n}\\s*}}`,"g"),a);return e},me=e=>e;function pe(e,t=me){return(n,...a)=>{n[0]==="."&&(n=n.slice(1));const r=e()?.[n];switch(typeof r){case"function":return r(...a);case"string":return t(r,a[0]);default:return r}}}const fe="Name",he="Email",ge="Subject",be="Message",ve="Send",Pe="johndoe@gmail.com",$e="John Doe",ye="The subject of your message",Ee="Enter your message here…",we="Unexpected error, the message could not be sent.",Fe="Return Home",Se="Your message has been sent. If there is a response, it will be sent to the address:",xe={name:fe,email:he,subject:ge,message:be,send:ve,emailPlaceholder:Pe,namePlaceholder:$e,subjectPlaceholder:ye,messagePlaceholder:Ee,unexpectedErrorMessage:we,returnHome:Fe,successMessage:Se},je="Nom",_e="Courriel",Ce="Sujet",Me="Message",Re="Envoyer",ke="johndoe@gmail.com",Oe="John Doe",Le="Le sujet de votre message",He="Saisissez votre message…",Te="Erreur inattendue, le message n'a pas pu être envoyé.",Ae="Retourner à l'accueil",De="Votre message a été envoyé. S'il y a une réponse, elle sera envoyée à l'adresse :",Ie={name:je,email:_e,subject:Ce,message:Me,send:Re,emailPlaceholder:ke,namePlaceholder:Oe,subjectPlaceholder:Le,messagePlaceholder:He,unexpectedErrorMessage:Te,returnHome:Ae,successMessage:De},z={en:xe,fr:Ie};function Ne(e,t){const n=re((()=>{const r=Object.keys(z),y=ie(e,{pluginLanguages:r,siteLanguages:t});return de(z[y])}));return{t:pe(n,ue)}}async function Ue(e,t,n){n(!0);try{const a=await Be(e);return t.reset(),a}finally{n(!1)}}async function Be(e){const t=await fetch("/api/plugin/contact-form",{headers:{"Content-Type":"application/json"},body:JSON.stringify(e),method:"POST"});if(t.status!==200){const a=await t.text();throw new Error(`Unexpected error: ${a}`)}return await t.json()}var Je=$("<div class=PaForm-error>"),ze=$('<div class=PaForm-ended><div class=PaForm-message><p> <i></i></p></div><div class=PaForm-action><a class="PaForm-button PaButton">'),Ge=$('<form class=PaForm><div class=PaForm-fields><label class=PaField><span class=PaField-label></span><input class=PaField-input type=text name=name required></label><label class=PaField><span class=PaField-label></span><input class=PaField-input type=email name=email required></label><label class=PaField><span class=PaField-label></span><textarea class=PaField-input rows=5 name=message required></textarea></label></div><div class=PaForm-action><button class="PaForm-button PaButton"type=submit>'),Ve=$("<div class=PaForm-captcha><div class=g-recaptcha data-callback=onRecaptchaSubmitted data-expired-callback=onRecaptchaExpired>");function Ye({googleRecaptchaSiteKey:e,language:t,homeUrl:n}){const[a,r]=i(""),[d,y]=i(""),[R,q]=i(""),[Q,W]=i(),[k,O]=i(!e),[L,E]=i(),[X,H]=i(""),[Z,K]=i(!1),{t:o}=Ne(t),ee=async l=>{try{if(l.preventDefault(),!k()||!g)throw new Error("Recaptcha error");const u=await Ue({language:t,name:a(),message:R(),email:d(),gRecaptchaResponse:Q()},g,K);u.success?E(!0):(E(!1),H(u.message??o("unexpectedErrorMessage")))}catch{E(!1),H(o("unexpectedErrorMessage"))}},g=(()=>{var l=Ge(),u=l.firstChild,T=u.firstChild,A=T.firstChild,w=A.nextSibling,D=T.nextSibling,I=D.firstChild,F=I.nextSibling,ne=D.nextSibling,N=ne.firstChild,S=N.nextSibling,x=u.nextSibling,j=x.firstChild;return l.addEventListener("submit",ee),c(A,(()=>o("name"))),w.addEventListener("change",(s=>r(s.currentTarget.value))),c(I,(()=>o("email"))),F.addEventListener("change",(s=>{y(s.currentTarget.value)})),c(N,(()=>o("message"))),S.addEventListener("change",(s=>q(s.currentTarget.value))),c(l,e&&(()=>{var s=Ve(),m=s.firstChild;return h(m,"data-sitekey",e),s})(),x),c(l,C(B,{get when(){return L()===!1},get children(){var s=Je();return c(s,X),s}}),x),c(j,(()=>o("send"))),c(l,C(B,{get when(){return L()===!0},get children(){var s=ze(),m=s.firstChild,p=m.firstChild,f=p.firstChild,b=f.nextSibling,v=m.nextSibling,U=v.firstChild;return c(p,(()=>o("successMessage")),f),c(b,d),h(U,"href",n),c(U,(()=>o("returnHome"))),s}}),null),P((s=>{var m=o("namePlaceholder"),p=o("emailPlaceholder"),f=o("messagePlaceholder"),b=!!Z(),v=!k();return m!==s.e&&h(w,"placeholder",s.e=m),p!==s.t&&h(F,"placeholder",s.t=p),f!==s.a&&h(S,"placeholder",s.a=f),b!==s.o&&j.classList.toggle("inProgress",s.o=b),v!==s.i&&(j.disabled=s.i=v),s}),{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),P((()=>w.value=a())),P((()=>F.value=d())),P((()=>S.value=R())),l})();return oe((()=>{e&&(window.onRecaptchaSubmitted=te,window.onRecaptchaExpired=se)})),ce((()=>{e&&(window.onRecaptchaSubmitted=void 0,window.onRecaptchaExpired=void 0)})),g;function te(l){if(!l)return;O(!0);const u=g?.elements.namedItem("g-recaptcha-response");W(u.value)}function se(){O(!1)}}let M;const[_]=document.getElementsByClassName("js-script-contact-form");_&&_ instanceof HTMLScriptElement&&(M=_.dataset.googleRecaptchaSiteKey);if(!M)throw new Error('Missing "data-google-recaptcha-site-key" or the script element "js-script-contact-form"');function qe(e,{language:t}){if(!t)throw new Error("Missing language");e.dataset.recaptchaKey&&console.warn('Remove "data-recaptcha-key" attribute, it is not needed anymore.');const n=e.dataset.homeUrl;if(!n)throw new Error('Missing "data-home-url"');const a=document.createElement("script");a.setAttribute("src","https://www.google.com/recaptcha/api.js"),document.head.appendChild(a),ae((()=>C(Ye,{googleRecaptchaSiteKey:M,language:t,homeUrl:n})),e)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",G):G();function G(){const e=document.documentElement.lang,t=document.querySelector("[data-effect='paContactForm']");t&&qe(t,{language:e})}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/contact-form-plugin",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "Contact form plugin for ParoiCMS",
   "keywords": [
     "paroicms",
@@ -34,8 +34,8 @@
     "@paroicms/public-server-lib": "0"
   },
   "devDependencies": {
-    "@paroicms/public-anywhere-lib": "0.25.0",
-    "@paroicms/public-server-lib": "0.37.0",
+    "@paroicms/public-anywhere-lib": "0.27.0",
+    "@paroicms/public-server-lib": "0.38.0",
     "@solid-primitives/i18n": "~2.2.1",
     "@types/node": "~24.0.1",
     "rimraf": "~6.0.1",