diff --git a/index.js b/index.js
index 36c002f..f777c1a 100644
--- a/index.js
+++ b/index.js
@@ -1 +1 @@
-(function () {function z(e,t){var a=(t=t||{}).debug,r=e.width,$=e.height,n=e.getContext("2d"),g=n.getImageData(0,0,r,$),i=n.createImageData(r,$);b([[0,-1,0],[-1,4,-1],[0,-1,0]]).width(r).height($).apply(g,i),a&&(e.width*=2,n.putImageData(i,0,0));var o=A(i.data,r,$);return a&&(q(o,n),n.translate(r,0),n.putImageData(g,r,0),q(o,n)),w(o).midpoint()}function q(e,t){for(var a=0;a<e.length;++a)e[a].draw(t);w(e).drawFocus(t)}function w(e){for(var t,a=e[0],r=1;r<e.length;++r)(t=e[r]).intensity>a.intensity&&(a=t);return a}function A(e,t,a){var r=[],$=t/2,n=a/2;function g(e,t){return e=Math.abs(e-$)/$,t=Math.abs(t-n)/n,1-((e/=2)+(t/=2))}for(var i=0;i<t;++i){for(var o=0;o<a;++o){for(var u=.15*g(i+10,o+10),M=Math.min(t-i,20),m=Math.min(a-o,20),s=0,v=0;v<M;++v)for(var f=0;f<m;++f){var k=4*((o+f)*t+(i+v));s+=(e[k+0]+e[k+1]+e[k+2])/765}u+=s/400*.85,r.push(new j(i,o,M,m,5*u)),o+=20}i+=20}return r}function b(t){if(!(this instanceof b))return new b(t);if(!t)throw new TypeError("convolution matrix required");this.matrix=t,this.factor(1),this.bias(0)}b.prototype.width=function(t){return this.w=t,this},b.prototype.height=function(t){return this.h=t,this},b.prototype.factor=function(t){return this._factor=t,this},b.prototype.bias=function(t){return this._bias=t,this},b.prototype.apply=function(t,r){for(var e=t.data,a=r.data,o=this.w,i=this.h,h=this.matrix,$=h[0].length,f=h.length,p=Math.floor(f/2),n=this._factor,s=this._bias,u=0;u<i-1;u++)for(var d=0;d<o-1;d++){for(var l=4*(u*o+d),x=0,c=0,E=0,J=0;J<$;++J)for(var N=0;N<f;++N){var X=4*((u+(J-p))*o+(d+(N-p)));x+=e[X+0]*h[J][N],c+=e[X+1]*h[J][N],E+=e[X+2]*h[J][N]}a[l+0]=n*x+s,a[l+1]=n*c+s,a[l+2]=n*E+s,a[l+3]=e[l+3]}},b.prototype.canvas=function(t){var r=t.width,e=t.height,a=t.getContext("2d"),o=a.getImageData(0,0,r,e),i=a.createImageData(r,e);this.width(r),this.height(e),this.apply(o,i),a.putImageData(i,0,0)};function j(t,i,e,s,h){this.x=t,this.y=i,this.w=e,this.h=s,this.intensity=h||0}function y(t,$){this.x=t,this.y=$}y.prototype.toString=function(){return"("+this.x+", "+this.y+")"};j.prototype.midpoint=function(){return new y(this.x+this.w/2,this.y+this.h/2)},j.prototype.draw=function(t){var i=255*this.intensity|0,e=this.w/2*this.intensity;t.save(),t.beginPath(),t.fillStyle="rgba("+i+",0,0, .5)",t.arc(this.x+this.w/2,this.y+this.h/2,e,0,2*Math.PI,!1),t.fill(),t.restore()},j.prototype.drawFocus=function(t){var i=255*this.intensity|0,e=this.w/2*this.intensity;t.save(),t.beginPath(),t.fillStyle="rgba(0,0,"+i+", .5)",t.arc(this.x+this.w/2,this.y+this.h/2,e,0,2*Math.PI,!1),t.fill(),t.restore()};var B=function(e){var n=e.options.components["k-files-section"];e.component("k-files-section",{extends:n,data:function(){return{firstLoad:!0}},watch:{data:{immediate:!1,handler:function(e,n){if(this.isLoading)return!1;if(!n.length&&this.firstLoad)return this.firstLoad=!1,!1;var t=e.filter(function(e,t){return!n.filter(function(n,t){return n.filename==e.filename}).length});if(!t.length)return!1;FileReader&&this.findFocus(t)}}},methods:{findFocus:function(e){var n=this;e.forEach(function(e){var t=n,o=new XMLHttpRequest;o.open("get",e.url),o.responseType="blob",o.onload=function(){var n=new FileReader;n.onload=function(){var o=document.createElement("canvas"),i=o.getContext("2d"),a=new Image;a.onload=function(){var n=a.width,r=a.height;o.width=n,o.height=r,i.drawImage(a,0,0);var s=z(o,{debug:!1}),u=s.x/n,c=s.y/r,f="{\"x\":"+(u=(Math.round(100*u)/100).toFixed(2))+",\"y\":"+(c=(Math.round(100*c)/100).toFixed(2))+"}";t.saveFocus(e,f)},a.src=n.result},n.readAsDataURL(o.response)},o.send()})},saveFocus:function(e,n){this.$api.post("autofocus/save-focus",{uri:e.parent,filename:e.filename,coords:n}).then(function(e){}).catch(function(e){console.log(e)})}}})};panel.plugin("sylvainjule/autofocus",{use:[B]});})();
\ No newline at end of file
+(function(){"use strict";function d(t){if(!(this instanceof d))return new d(t);if(!t)throw new TypeError("convolution matrix required");this.matrix=t,this.factor(1),this.bias(0)}d.prototype.width=function(t){return this.w=t,this},d.prototype.height=function(t){return this.h=t,this},d.prototype.factor=function(t){return this._factor=t,this},d.prototype.bias=function(t){return this._bias=t,this},d.prototype.apply=function(t,e){for(var r=t.data,a=e.data,i=this.w,n=this.h,h=this.matrix,f=h[0].length,o=h.length,s=Math.floor(o/2),p=this._factor,g=this._bias,v=0;v<n-1;v++)for(var l=0;l<i-1;l++){for(var u=(v*i+l)*4,c=0,b=0,y=0,m=0;m<f;++m)for(var w=0;w<o;++w){var _=((v+(m-s))*i+(l+(w-s)))*4;c+=r[_+0]*h[m][w],b+=r[_+1]*h[m][w],y+=r[_+2]*h[m][w]}a[u+0]=p*c+g,a[u+1]=p*b+g,a[u+2]=p*y+g,a[u+3]=r[u+3]}},d.prototype.canvas=function(t){var e=t.width,r=t.height,a=t.getContext("2d"),i=a.getImageData(0,0,e,r),n=a.createImageData(e,r);this.width(e),this.height(r),this.apply(i,n),a.putImageData(n,0,0)};function D(t,e){this.x=t,this.y=e}D.prototype.toString=function(){return"("+this.x+", "+this.y+")"};function F(t,e,r,a,i){this.x=t,this.y=e,this.w=r,this.h=a,this.intensity=i||0}F.prototype.midpoint=function(){return new D(this.x+this.w/2,this.y+this.h/2)},F.prototype.draw=function(t){var e=255*this.intensity|0,r=this.w/2*this.intensity;t.save(),t.beginPath(),t.fillStyle="rgba("+e+",0,0, .5)",t.arc(this.x+this.w/2,this.y+this.h/2,r,0,Math.PI*2,!1),t.fill(),t.restore()},F.prototype.drawFocus=function(t){var e=255*this.intensity|0,r=this.w/2*this.intensity;t.save(),t.beginPath(),t.fillStyle="rgba(0,0,"+e+", .5)",t.arc(this.x+this.w/2,this.y+this.h/2,r,0,Math.PI*2,!1),t.fill(),t.restore()};function P(t,e){e=e||{};var r=e.debug,a=t.width,i=t.height,n=t.getContext("2d"),h=n.getImageData(0,0,a,i),f=n.createImageData(a,i);d([[0,-1,0],[-1,4,-1],[0,-1,0]]).width(a).height(i).apply(h,f),r&&(t.width*=2,n.putImageData(f,0,0));var o=R(f.data,a,i);return r&&(L(o,n),n.translate(a,0),n.putImageData(h,a,0),L(o,n)),S(o).midpoint()}function L(t,e){for(var r=0;r<t.length;++r)t[r].draw(e);S(t).drawFocus(e)}function S(t){for(var e,r=t[0],a=1;a<t.length;++a)e=t[a],e.intensity>r.intensity&&(r=e);return r}function R(t,e,r){var a=[],i=20,n=e/2,h=r/2;function f(I,M){return I=Math.abs(I-n)/n,M=Math.abs(M-h)/h,I/=2,M/=2,1-(I+M)}for(var o=0;o<e;++o){for(var s=0;s<r;++s){for(var p=f(o+i/2,s+i/2)*.15,g=Math.min(e-o,i),v=Math.min(r-s,i),l=i*i,u=0,c=0;c<g;++c)for(var b=0;b<v;++b){var y=((s+b)*e+(o+c))*4,m=t[y+0],w=t[y+1],_=t[y+2],E=m+w+_,X=E/765;u+=X}p+=u/l*.85,a.push(new F(o,s,g,v,p*5)),s+=i}o+=i}return a}function C(t){const e=t.options.components["k-files-section"];t.component("k-files-section",{extends:e,data(){return{firstLoad:!0}},watch:{data:{immediate:!1,handler(r,a){if(this.isLoading)return!1;if(!a.length&&this.firstLoad)return this.firstLoad=!1,!1;let i=r.filter((n,h)=>!a.filter((o,s)=>o.filename==n.filename).length);if(!i.length)return!1;FileReader&&this.findFocus(i)}}},methods:{findFocus(r){r.forEach(a=>{let i=this;var n=new XMLHttpRequest;n.open("get",a.url),n.responseType="blob",n.onload=function(){var h=new FileReader;h.onload=function(){var f=document.createElement("canvas"),o=f.getContext("2d"),s=new Image;s.onload=function(){var p=s.width,g=s.height;f.width=p,f.height=g,o.drawImage(s,0,0);var v=P(f,{debug:!1}),l=v.x/p,u=v.y/g,l=(Math.round(l*100)/100).toFixed(2),u=(Math.round(u*100)/100).toFixed(2),c='{"x":'+l+',"y":'+u+"}";i.saveFocus(a,c)},s.src=h.result},h.readAsDataURL(n.response)},n.send()})},saveFocus(r,a){this.$api.post("autofocus/save-focus",{uri:r.parent,filename:r.filename,coords:a}).then(i=>{}).catch(i=>{console.log(i)})}}})}panel.plugin("sylvainjule/autofocus",{use:[C]})})();
diff --git a/package.json b/package.json
index 65cbfdc..1380b76 100644
--- a/package.json
+++ b/package.json
@@ -6,10 +6,17 @@
   "author": "Sylvain Julé",
   "license": "MIT",
   "scripts": {
-    "dev": "parcel watch src/index.js --no-source-maps -d ./",
-    "build": "parcel build src/index.js --no-source-maps --experimental-scope-hoisting -d ./"
+    "dev": "kirbyup src/index.js --watch",
+    "build": "kirbyup src/index.js",
+    "lint": "eslint \"src/**/*.{js,vue}\"",
+    "lint:fix": "npm run lint -- --fix",
+    "format": "prettier --write \"src/**/*.{css,js,vue}\""
   },
-  "posthtml": {
-    "recognizeSelfClosing": true
+  "devDependencies": {
+    "eslint": "^8.2.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "kirbyup": "^0.21.0",
+    "prettier": "^2.4.1"
   }
 }