accurafaceplugin 1.0.28 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/0359bbd130df68b4ddcc.js +2 -0
  2. package/dist/32b79c6e7df61b744333.html +80 -0
  3. package/dist/accuramain.js +1 -1
  4. package/package.json +2 -2
  5. package/dist/5628e904ed5748d50152.html +0 -81
  6. package/dist/be1cfc1dafe9da32ec07.js +0 -2
  7. /package/dist/{be1cfc1dafe9da32ec07.js.LICENSE.txt → 0359bbd130df68b4ddcc.js.LICENSE.txt} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "accurafaceplugin",
3
- "version": "1.0.28",
3
+ "version": "1.0.29",
4
4
  "main": "./dist/accuramain.js",
5
5
  "module": "./dist/accuramain.js",
6
6
  "scripts": {
@@ -20,6 +20,6 @@
20
20
  "webpack-cli": "^5.1.4"
21
21
  },
22
22
  "dependencies": {
23
- "accurafaceplugin": "^1.0.27"
23
+ "accurafaceplugin": "^1.0.28"
24
24
  }
25
25
  }
package/dist/5628e904ed5748d50152.html DELETED
@@ -1,81 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta
6
- name="viewport"
7
- content="width=device-width, initial-scale=1.0"
8
- />
9
-
10
- <title>Accura Face Plugin</title>
11
-
12
- <style>
13
- body {
14
- margin: 0;
15
- padding: 0;
16
- background: #ffffff;
17
- font-family: Arial, sans-serif;
18
- }
19
- </style>
20
- </head>
21
- <body>
22
-
23
- <script type="module">
24
-
25
- import FacePlugin from "../node_modules/accurafaceplugin/dist/accuramain.js";
26
-
27
- const base64Handler = async ({ base64, metadata }) => {
28
-
29
- console.log("Base64:", base64);
30
-
31
- console.log("Metadata:", metadata);
32
-
33
- try {
34
-
35
- const formData = new FormData();
36
-
37
- formData.append("imagebase64", base64);
38
-
39
- const response = await fetch(
40
- "https://your-api.com/upload.php",
41
- {
42
- method: "POST",
43
- body: formData,
44
- }
45
- );
46
-
47
- const data = await response.json();
48
-
49
- console.log("API Response:", data);
50
-
51
- } catch (err) {
52
-
53
- console.error("Upload Error:", err);
54
-
55
- }
56
- };
57
-
58
- new FacePlugin(
59
- null,
60
- base64Handler,
61
- {
62
- threshold: 3,
63
-
64
- xmlPath: "/accura.xml",
65
-
66
- textSize: "",
67
-
68
- textColor: "",
69
-
70
- textWeight: "",
71
-
72
- textBgColor: "",
73
-
74
- BodyBgColor: "",
75
- }
76
- );
77
-
78
- </script>
79
-
80
- </body>
81
- </html>
package/dist/be1cfc1dafe9da32ec07.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see be1cfc1dafe9da32ec07.js.LICENSE.txt */
2
- function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _defineProperty(e,n,t){return(n=_toPropertyKey(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _regenerator(){var e,n,t="function"==typeof Symbol?Symbol:{},i=t.iterator||"@@iterator",r=t.toStringTag||"@@toStringTag";function o(t,i,r,o){var s=i&&i.prototype instanceof c?i:c,d=Object.create(s.prototype);return _regeneratorDefine2(d,"_invoke",function(t,i,r){var o,c,s,d=0,l=r||[],u=!1,f={p:0,n:0,v:e,a:h,f:h.bind(e,4),d:function(n,t){return o=n,c=0,s=e,f.n=t,a}};function h(t,i){for(c=t,s=i,n=0;!u&&d&&!r&&n<l.length;n++){var r,o=l[n],h=f.p,p=o[2];t>3?(r=p===i)&&(s=o[(c=o[4])?5:(c=3,3)],o[4]=o[5]=e):o[0]<=h&&((r=t<2&&h<o[1])?(c=0,f.v=i,f.n=o[1]):h<p&&(r=t<3||o[0]>i||i>p)&&(o[4]=t,o[5]=i,f.n=p,c=0))}if(r||t>1)return a;throw u=!0,i}return function(r,l,p){if(d>1)throw TypeError("Generator is already running");for(u&&1===l&&h(l,p),c=l,s=p;(n=c<2?e:s)||!u;){o||(c?c<3?(c>1&&(f.n=-1),h(c,s)):f.n=s:f.v=s);try{if(d=2,o){if(c||(r="next"),n=o[r]){if(!(n=n.call(o,s)))throw TypeError("iterator result is not an object");if(!n.done)return n;s=n.value,c<2&&(c=0)}else 1===c&&(n=o.return)&&n.call(o),c<2&&(s=TypeError("The iterator does not provide a '"+r+"' method"),c=1);o=e}else if((n=(u=f.n<0)?s:t.call(i,f))!==a)break}catch(n){o=e,c=1,s=n}finally{d=1}}return{value:n,done:u}}}(t,r,o),!0),d}var a={};function c(){}function s(){}function d(){}n=Object.getPrototypeOf;var l=[][i]?n(n([][i]())):(_regeneratorDefine2(n={},i,(function(){return this})),n),u=d.prototype=c.prototype=Object.create(l);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,d):(e.__proto__=d,_regeneratorDefine2(e,r,"GeneratorFunction")),e.prototype=Object.create(u),e}return s.prototype=d,_regeneratorDefine2(u,"constructor",d),_regeneratorDefine2(d,"constructor",s),s.displayName="GeneratorFunction",_regeneratorDefine2(d,r,"GeneratorFunction"),_regeneratorDefine2(u),_regeneratorDefine2(u,r,"Generator"),_regeneratorDefine2(u,i,(function(){return this})),_regeneratorDefine2(u,"toString",(function(){return"[object Generator]"})),(_regenerator=function(){return{w:o,m:f}})()}function _regeneratorDefine2(e,n,t,i){var r=Object.defineProperty;try{r({},"",{})}catch(e){r=0}_regeneratorDefine2=function(e,n,t,i){function o(n,t){_regeneratorDefine2(e,n,(function(e){return this._invoke(n,t,e)}))}n?r?r(e,n,{value:t,enumerable:!i,configurable:!i,writable:!i}):e[n]=t:(o("next",0),o("throw",1),o("return",2))},_regeneratorDefine2(e,n,t,i)}function asyncGeneratorStep(e,n,t,i,r,o,a){try{var c=e[o](a),s=c.value}catch(e){return void t(e)}c.done?n(s):Promise.resolve(s).then(i,r)}function _asyncToGenerator(e){return function(){var n=this,t=arguments;return new Promise((function(i,r){var o=e.apply(n,t);function a(e){asyncGeneratorStep(o,i,r,a,c,"next",e)}function c(e){asyncGeneratorStep(o,i,r,a,c,"throw",e)}a(void 0)}))}}function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,n){for(var t=0;t<n.length;t++){var i=n[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,_toPropertyKey(i.key),i)}}function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){var n=_toPrimitive(e,"string");return"symbol"==_typeof(n)?n:n+""}function _toPrimitive(e,n){if("object"!=_typeof(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var FacePlugin=function(){return _createClass((function e(n,t){var i=this,r=t.threshold,o=t.textSize,a=t.textColor,c=t.textWeight,s=t.textBgColor,d=t.BodyBgColor,l=t.xmlPath;_classCallCheck(this,e),this.faceDetectionCount=0,this.onResultReceived=n,this.FPS=30,this.ZOOM_FACTOR=1.5,this.lastFaceDetectionTime=Date.now(),this.opencvLoaded=!1,this.faceThreshold=r,this.instructSize=o,this.instructColor=a,this.instructWeight=c,this.instructBgColor=s,this.bgcolor=d,this.xmlPath=l,this.createUI(),this.addStyles(),this.video=document.getElementById("videoInput"),this.canvas=document.getElementById("canvasOutput"),this.instructionText=document.getElementById("instructionText"),this.loader=document.getElementById("loader"),this.haarcascadeUrl=l,this.audioUrl=new URL("./ding.mp3",import.meta.url).href,this.audioUnlocked=!1,this.ding=null,_asyncToGenerator(_regenerator().m((function e(){var n;return _regenerator().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,i.loadDependencies();case 1:i.ding=new Audio(i.audioUrl),i.ding.preload="auto",i.ding.muted=!0,i.checkOpenCV(),n=function(){!i.audioUnlocked&&i.ding&&(i.ding.play().then((function(){i.ding.pause(),i.ding.currentTime=0,i.ding.muted=!1,i.audioUnlocked=!0})).catch((function(){})),document.removeEventListener("click",n))},document.addEventListener("click",n,{once:!0});case 2:return e.a(2)}}),e)})))()}),[{key:"createUI",value:function(){var e=document.createElement("div");e.className="accuraContainerBox";var n=document.createElement("div");n.className="camera-input",n.style.position="relative",this.cameraInput=n;var t=document.createElement("video");t.id="videoInput",t.width=640,t.height=480,t.autoplay=!0,t.muted=!0;var i=document.createElement("canvas");i.id="canvasOutput",i.style.display="none";var r=document.createElement("div");r.id="loader",r.className="loader",r.innerHTML='\n <div class="loader-wrapper">\n <div class="spinner"></div>\n <p class="loader-text">Loading...</p>\n </div>\n ';var o=document.createElement("p");o.id="instructionText",n.appendChild(t),n.appendChild(i),n.appendChild(r),e.appendChild(n),e.appendChild(o),document.body.appendChild(e)}},{key:"checkOpenCV",value:function(){var e=this;this.showLoader();var n=function(){var t=window.cv&&"function"==typeof window.cv.Mat,i=window.Utils&&"function"==typeof window.Utils;t&&i?(e.opencvLoaded=!0,e.hideLoader(),e.openCvReady()):setTimeout(n,100)};n()}},{key:"showLoader",value:function(){this.loader&&(this.loader.style.display="flex")}},{key:"hideLoader",value:function(){this.loader&&(this.loader.style.display="none")}},{key:"loadScript",value:(n=_asyncToGenerator(_regenerator().m((function e(n){return _regenerator().w((function(e){for(;;)if(0===e.n)return e.a(2,new Promise((function(e,t){if(document.querySelector('script[src="'.concat(n,'"]')))e();else{var i=document.createElement("script");i.src=n,i.async=!0,i.onload=e,i.onerror=t,document.head.appendChild(i)}})))}),e)}))),function(e){return n.apply(this,arguments)})},{key:"loadDependencies",value:(e=_asyncToGenerator(_regenerator().m((function e(){var n,t,i;return _regenerator().w((function(e){for(;;)switch(e.n){case 0:return window.Module={locateFile:function(e){return e&&""!==e.trim()?new URL("./".concat(e),import.meta.url).href:e}},n=new URL("./accuraface1.js",import.meta.url).href,t=new URL("./accuraface2.js",import.meta.url).href,i=new URL("./piexif.js",import.meta.url).href,e.n=1,this.loadScript(n);case 1:return e.n=2,this.loadScript(t);case 2:return e.n=3,this.loadScript(i);case 3:return e.a(2)}}),e,this)}))),function(){return e.apply(this,arguments)})},{key:"openCvReady",value:function(){var e=this;navigator.mediaDevices.getUserMedia({video:!0,audio:!1}).then((function(n){e.video.srcObject=n,e.video.play(),e.isCanvasVisible=!1,e.video.addEventListener("loadedmetadata",(function(){if(e.video.videoWidth&&e.video.videoHeight){e.video.width=e.video.videoWidth,e.video.height=e.video.videoHeight,e.canvas.width=e.video.videoWidth,e.canvas.height=e.video.videoHeight;var n=new window.cv.Mat(e.video.videoHeight,e.video.videoWidth,window.cv.CV_8UC4),t=new window.cv.Mat(e.video.videoHeight,e.video.videoWidth,window.cv.CV_8UC4),i=new window.cv.VideoCapture(e.video),r=new window.cv.CascadeClassifier,o=new window.Utils("errorMessage"),a=e.haarcascadeUrl;o.createFileFromUrl(a,a,(function(){r.load(a),e.facepluginopencv(i,n,t,r)}))}}))})).catch((function(e){console.error("An error occurred while accessing media devices: ",e)}))}},{key:"isFaceInsideOval",value:function(e,n){var t=n.width/2,i=n.height/2,r=n.width/2,o=n.height/2,a=e.x+e.width/2,c=e.y+e.height/2;return Math.pow(a-t,2)/Math.pow(r,2)+Math.pow(c-i,2)/Math.pow(o,2)<=1}},{key:"facepluginopencv",value:function(e,n,t,i){var r=this,o=Date.now();e.read(n);var a=new window.cv.Rect(n.cols/2-n.cols/(2*this.ZOOM_FACTOR),n.rows/2-n.rows/(2*this.ZOOM_FACTOR),n.cols/this.ZOOM_FACTOR,n.rows/this.ZOOM_FACTOR),c=n.roi(a);window.cv.resize(c,t,new window.cv.Size(n.cols,n.rows),0,0,window.cv.INTER_LINEAR),this.instructionText.textContent="Keep Your Face In The Frame";var s=new window.cv.RectVector;try{if(i.detectMultiScale(n,s,1.5,3,0),1===s.size()){var d=s.get(0),l=(new window.cv.Rect(d.x,d.y,d.width,d.height),.14),u=Math.max(0,d.x-d.width*l),f=Math.max(0,d.y-d.height*l),h=Math.min(n.cols-u,1.28*d.width),p=Math.min(n.rows-f,1.28*d.height),v=new window.cv.Rect(u,f,h,p);window.cv.rectangle(n,new window.cv.Point(v.x,v.y),new window.cv.Point(v.x+v.width,v.y+v.height),[5,255,0,255],2);var m=d.width*d.height/(Math.PI*(this.canvas.width/2)*(this.canvas.height/2))*100;if(this.isFaceInsideOval(d,this.canvas)){if(m<30)this.instructionText.textContent="Stay closer to the window";else if(m>=30&&m<=100&&(this.instructionText.textContent="Processing....",this.faceDetectionCount++,this.faceDetectionCount===this.faceThreshold)){var w=document.createElement("div");return w.id="faceScanSuccess",w.innerHTML='\n <div class="scan-success-wrapper">\n \x3c!-- Viewfinder frame (your provided paths, scaled up a bit for better visibility) --\x3e\n <svg class="face-viewfinder" width="120" height="120" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M8 18V8h10" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n <path d="M46 8h10v10" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n <path d="M56 46v10H46" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n <path d="M18 56H8V46" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n \x3c!-- Face representation (small circle + smile) --\x3e\n <circle cx="32" cy="26" r="9" stroke="#ffffff" stroke-width="4" fill="none"/>\n <path d="M22 42c4-8 16-8 20 0" stroke="#ffffff" stroke-width="4" stroke-linecap="round" fill="none"/>\n </svg>\n\n \x3c!-- Black checkmark overlay (appears on success) --\x3e\n <svg class="success-tick" viewBox="0 0 52 52" width="80" height="80">\n <path \n d="M14.1 27.2 L21.2 34.4 L37.9 17.6" \n stroke="green" \n stroke-width="6" \n stroke-linecap="round" \n stroke-linejoin="round" \n fill="none"\n />\n </svg>\n </div>\n',Object.assign(w.style,{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:"200",pointerEvents:"none",textAlign:"center"}),this.cameraInput.appendChild(w),setTimeout((function(){return w.remove()}),1500),this.audioUnlocked&&(this.ding.currentTime=0,this.ding.play().catch((function(){}))),void setTimeout((function(){r.convertToBase64WithMetadata(v);var e=r.video.srcObject;e&&e.getTracks().forEach((function(e){return e.stop()}))}),1500)}}else this.instructionText.textContent="Move inside the oval window";this.lastFaceDetectionTime=Date.now()}}catch(e){console.error("Error processing video:",e)}finally{s.delete()}this.isCanvasVisible&&(window.cv.flip(n,n,1),window.cv.imshow(this.canvas.id,n));var g=1e3/this.FPS-(Date.now()-o);setTimeout((function(){return r.facepluginopencv(e,n,t,i)}),g)}},{key:"convertToBase64WithMetadata",value:function(e){var n=document.createElement("canvas");n.width=this.video.videoWidth,n.height=this.video.videoHeight;var t=n.getContext("2d");t.drawImage(this.video,0,0,n.width,n.height);var i=document.createElement("canvas");i.width=e.width,i.height=e.height;var r=i.getContext("2d"),o=t.getImageData(e.x,e.y,e.width,e.height);r.putImageData(o,0,0);var a={"0th":_defineProperty(_defineProperty({},piexif.ImageIFD.Make,"AccuraFace"),piexif.ImageIFD.Model,"FaceDetectionCamera")},c=piexif.dump(a),s=piexif.insert(c,i.toDataURL("image/jpeg",.92));this.onResultReceived&&(document.querySelector(".accuraContainerBox").style.display="none",this.onResultReceived({base64:s,metadata:a}))}},{key:"addStyles",value:function(){var e="\n body {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: ".concat(this.bgcolor||"rgb(255, 255, 255)",";\n font-family: Arial, sans-serif;\n flex-direction: column;\n }\n \n .accuraContainerBox {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n background-color: transparent;\n border-radius: 10px;\n }\n \n #instructionText {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px;\n background-color: ").concat(this.instructBgColor||"#fff",";\n color: ").concat(this.instructColor||"rgb(10, 18, 131)",";\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n border-radius: 5px;\n margin-bottom: 20px;\n font-size: ").concat(this.instructSize||"30px",";\n font-weight: ").concat(this.instructWeight||"bold",";\n }\n \n .camera-input {\n width: 250px;\n height: 370px;\n position: relative;\n overflow: hidden;\n border-radius: 50%;\n transform: scale(1.0); \n }\n \n #videoInput {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease-in-out;\n transform: scaleX(-1) scale(1.5); \n }\n \n #canvasOutput {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n transform: scale(1.5);\n }\n \n #response-text {\n font-size: 18px;\n color: #333;\n margin-top: 10px;\n }\n\n/* Desktop (default) */\n\n /* Laptop */\n @media (max-width: 1200px) {\n #instructionText {\n font-size: ").concat(this.instructSize||"28px",";\n }\n }\n\n /* iPad / Tablet */\n @media (max-width: 992px) {\n #instructionText {\n font-size: ").concat(this.instructSize||"28px",";\n }\n }\n\n /* Mobile */\n @media (max-width: 768px) {\n #instructionText {\n font-size: 25px;\n }\n }\n\n /* Small Mobile (Extra Small Devices) */\n @media (max-width: 480px) {\n #instructionText {\n font-size: ").concat(this.instructSize||"18px",";\n }\n }\n\n .scan-success-wrapper {\n position: relative;\n width: 140px;\n height: 140px;\n margin: 0 auto;\n}\n\n.face-viewfinder {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0.9;\n animation: pulseFrame 2s ease-in-out forwards;\n}\n\n.success-tick {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0.6);\n opacity: 0;\n z-index: 2;\n animation: tickReveal 1.1s ease-out 0.4s forwards;\n}\n\n/* Animations */\n@keyframes pulseFrame {\n 0% { opacity: 0.6; transform: translate(-50%, -50%) scale(0.92); }\n 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }\n 100% { opacity: 0.85; transform: translate(-50%, -50%) scale(1); }\n}\n\n@keyframes tickReveal {\n 0% { \n transform: translate(-50%, -50%) scale(0.4); \n opacity: 0; \n stroke-dashoffset: 60; \n }\n 40% { \n transform: translate(-50%, -50%) scale(1.15); \n opacity: 1; \n }\n 70% { transform: translate(-50%, -50%) scale(0.95); }\n 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 1; \n stroke-dashoffset: 0; \n }\n}\n\n/* Add stroke-dasharray to the tick path via JS or CSS for draw effect */\n.success-tick path {\n stroke-dasharray: 60;\n stroke-dashoffset: 60;\n animation: drawTick 0.8s ease-out 0.5s forwards;\n}\n\n@keyframes drawTick {\n to { stroke-dashoffset: 0; }\n}\n\n/* Fullscreen White Loader */\n#loader {\n position: fixed;\n inset: 0;\n width: 100%;\n height: 100%;\n background: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 999999;\n}\n\n.loader-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 18px;\n}\n\n.spinner {\n width: 68px;\n height: 68px;\n border: 6px solid rgba(0, 0, 0, 0.12);\n border-top: 6px solid #111111;\n border-radius: 50%;\n animation: spin 0.9s linear infinite;\n}\n\n.loader-text {\n color: #111111;\n font-size: 20px;\n font-weight: 600;\n text-align: center;\n margin: 0;\n font-family: Arial, sans-serif;\n}\n\n/* Tablet */\n@media (max-width: 768px) {\n .spinner {\n width: 56px;\n height: 56px;\n }\n\n .loader-text {\n font-size: 17px;\n }\n}\n\n/* Mobile */\n@media (max-width: 480px) {\n .spinner {\n width: 48px;\n height: 48px;\n border-width: 5px;\n }\n\n .loader-text {\n font-size: 15px;\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n "),n=document.createElement("style");n.type="text/css",n.innerText=e,document.head.appendChild(n)}}]);var e,n}();export{FacePlugin as default};