firstly 0.0.3 → 0.0.5

package/esm/auth/static/assets/{Page-BMOLAIFx.d.ts → Page-Do7F0Mzd.d.ts}

@@ -2,4 +2,4 @@ export { p as default };
 declare class p extends o {
     constructor(t: any);
 }
-import { S as o } from "./index-CKmKKRRL.js";
+import { S as o } from "./index-czJ1PA1n.js";

package/esm/auth/static/assets/{Page-BMOLAIFx.js → Page-Do7F0Mzd.js}

@@ -1 +1 @@
-import{S as o,b as r,a as l,H as i,d as c,n as a,k as f}from"./index-CKmKKRRL.js";function u(s){let t;return{c(){t=i("Hello from files")},m(e,n){c(e,t,n)},p:a,i:a,o:a,d(e){e&&f(t)}}}class p extends o{constructor(t){super(),r(this,t,null,u,l,{})}}export{p as default};
+import{S as o,b as r,a as l,H as i,d as c,n as a,k as f}from"./index-czJ1PA1n.js";function u(s){let t;return{c(){t=i("Hello from files")},m(e,n){c(e,t,n)},p:a,i:a,o:a,d(e){e&&f(t)}}}class p extends o{constructor(t){super(),r(this,t,null,u,l,{})}}export{p as default};

package/esm/auth/static/assets/index-czJ1PA1n.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/Page-ByIhtXVt.js","assets/Page-gV58jf2r.css"])))=>i.map(i=>d[i]);
+var nt=Object.defineProperty;var rt=(t,e,n)=>e in t?nt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var L=(t,e,n)=>rt(t,typeof e!="symbol"?e+"":e,n);(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))r(s);new MutationObserver(s=>{for(const o of s)if(o.type==="childList")for(const c of o.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&r(c)}).observe(document,{childList:!0,subtree:!0});function n(s){const o={};return s.integrity&&(o.integrity=s.integrity),s.referrerPolicy&&(o.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?o.credentials="include":s.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(s){if(s.ep)return;s.ep=!0;const o=n(s);fetch(s.href,o)}})();const ot="modulepreload",st=function(t){return"/api/static/"+t},q={},P=function(e,n,r){let s=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const o=document.querySelector("meta[property=csp-nonce]"),c=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));s=Promise.all(n.map(i=>{if(i=st(i),i in q)return;q[i]=!0;const u=i.endsWith(".css"),l=u?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${i}"]${l}`))return;const f=document.createElement("link");if(f.rel=u?"stylesheet":ot,u||(f.as="script",f.crossOrigin=""),f.href=i,c&&f.setAttribute("nonce",c),document.head.appendChild(f),u)return new Promise((a,_)=>{f.addEventListener("load",a),f.addEventListener("error",()=>_(new Error(`Unable to preload CSS for ${i}`)))})}))}return s.then(()=>e()).catch(o=>{const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=o,window.dispatchEvent(c),!c.defaultPrevented)throw o})};function d(){}function ct(t,e){for(const n in e)t[n]=e[n];return t}function ut(t){return!!t&&(typeof t=="object"||typeof t=="function")&&typeof t.then=="function"}function J(t){return t()}function B(){return Object.create(null)}function x(t){t.forEach(J)}function N(t){return typeof t=="function"}function lt(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}function Nt(t,e){return t!=t?e==e:t!==e}function it(t){return Object.keys(t).length===0}function Q(t,...e){if(t==null){for(const r of e)r(void 0);return d}const n=t.subscribe(...e);return n.unsubscribe?()=>n.unsubscribe():n}function It(t){let e;return Q(t,n=>e=n)(),e}function Rt(t,e,n){t.$$.on_destroy.push(Q(e,n))}function Tt(t,e,n,r){if(t){const s=W(t,e,n,r);return t[0](s)}}function W(t,e,n,r){return t[1]&&r?ct(n.ctx.slice(),t[1](r(e))):n.ctx}function zt(t,e,n,r){if(t[2]&&r){const s=t[2](r(n));if(e.dirty===void 0)return s;if(typeof s=="object"){const o=[],c=Math.max(e.dirty.length,s.length);for(let i=0;i<c;i+=1)o[i]=e.dirty[i]|s[i];return o}return e.dirty|s}return e.dirty}function qt(t,e,n,r,s,o){if(s){const c=W(e,n,r,o);t.p(c,s)}}function Bt(t){if(t.ctx.length>32){const e=[],n=t.ctx.length/32;for(let r=0;r<n;r++)e[r]=-1;return e}return-1}function Ut(t){const e={};for(const n in t)n[0]!=="$"&&(e[n]=t[n]);return e}function Vt(t,e){const n={};e=new Set(e);for(const r in t)!e.has(r)&&r[0]!=="$"&&(n[r]=t[r]);return n}function Mt(t,e,n){return t.set(n),e}function Ft(t){return t&&N(t.destroy)?t.destroy:d}function Kt(t,e){t.appendChild(e)}function k(t,e,n){t.insertBefore(e,n||null)}function y(t){t.parentNode&&t.parentNode.removeChild(t)}function ft(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}function C(t){return document.createElement(t)}function X(t){return document.createTextNode(t)}function at(){return X(" ")}function dt(){return X("")}function ht(t,e,n,r){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n,r)}function Gt(t){return function(e){return e.preventDefault(),t.call(this,e)}}function I(t,e,n){n==null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}const _t=["width","height"];function Ht(t,e){const n=Object.getOwnPropertyDescriptors(t.__proto__);for(const r in e)e[r]==null?t.removeAttribute(r):r==="style"?t.style.cssText=e[r]:r==="__value"?t.value=t[r]=e[r]:n[r]&&n[r].set&&_t.indexOf(r)===-1?t[r]=e[r]:I(t,r,e[r])}function pt(t){return Array.from(t.childNodes)}function Jt(t,e){e=""+e,t.data!==e&&(t.data=e)}function Qt(t,e){t.value=e??""}function Wt(t,e,n){t.classList.toggle(e,!!n)}let w;function h(t){w=t}function v(){if(!w)throw new Error("Function called outside component initialization");return w}function mt(t){v().$$.on_mount.push(t)}function Xt(t){v().$$.on_destroy.push(t)}function Yt(t,e){return v().$$.context.set(t,e),e}function Zt(t){return v().$$.context.get(t)}function te(t){return v().$$.context.has(t)}function ee(t,e){const n=t.$$.callbacks[e.type];n&&n.slice().forEach(r=>r.call(this,e))}const b=[],U=[];let $=[];const D=[],gt=Promise.resolve();let S=!1;function bt(){S||(S=!0,gt.then(R))}function j(t){$.push(t)}function ne(t){D.push(t)}const A=new Set;let g=0;function R(){if(g!==0)return;const t=w;do{try{for(;g<b.length;){const e=b[g];g++,h(e),yt(e.$$)}}catch(e){throw b.length=0,g=0,e}for(h(null),b.length=0,g=0;U.length;)U.pop()();for(let e=0;e<$.length;e+=1){const n=$[e];A.has(n)||(A.add(n),n())}$.length=0}while(b.length);for(;D.length;)D.pop()();S=!1,A.clear(),h(t)}function yt(t){if(t.fragment!==null){t.update(),x(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(j)}}function $t(t){const e=[],n=[];$.forEach(r=>t.indexOf(r)===-1?e.push(r):n.push(r)),n.forEach(r=>r()),$=e}const O=new Set;let p;function Y(){p={r:0,c:[],p}}function Z(){p.r||x(p.c),p=p.p}function m(t,e){t&&t.i&&(O.delete(t),t.i(e))}function E(t,e,n,r){if(t&&t.o){if(O.has(t))return;O.add(t),p.c.push(()=>{O.delete(t),r&&(n&&t.d(1),r())}),t.o(e)}else r&&r()}function V(t,e){const n=e.token={};function r(s,o,c,i){if(e.token!==n)return;e.resolved=i;let u=e.ctx;c!==void 0&&(u=u.slice(),u[c]=i);const l=s&&(e.current=s)(u);let f=!1;e.block&&(e.blocks?e.blocks.forEach((a,_)=>{_!==o&&a&&(Y(),E(a,1,1,()=>{e.blocks[_]===a&&(e.blocks[_]=null)}),Z())}):e.block.d(1),l.c(),m(l,1),l.m(e.mount(),e.anchor),f=!0),e.block=l,e.blocks&&(e.blocks[o]=l),f&&R()}if(ut(t)){const s=v();if(t.then(o=>{h(s),r(e.then,1,e.value,o),h(null)},o=>{if(h(s),r(e.catch,2,e.error,o),h(null),!e.hasCatch)throw o}),e.current!==e.pending)return r(e.pending,0),!0}else{if(e.current!==e.then)return r(e.then,1,e.value,t),!0;e.resolved=t}}function vt(t,e,n){const r=e.slice(),{resolved:s}=t;t.current===t.then&&(r[t.value]=s),t.current===t.catch&&(r[t.error]=s),t.block.p(r,n)}function M(t){return(t==null?void 0:t.length)!==void 0?t:Array.from(t)}function re(t,e,n){const r=t.$$.props[e];r!==void 0&&(t.$$.bound[r]=n,n(t.$$.ctx[r]))}function kt(t){t&&t.c()}function tt(t,e,n){const{fragment:r,after_update:s}=t.$$;r&&r.m(e,n),j(()=>{const o=t.$$.on_mount.map(J).filter(N);t.$$.on_destroy?t.$$.on_destroy.push(...o):x(o),t.$$.on_mount=[]}),s.forEach(j)}function et(t,e){const n=t.$$;n.fragment!==null&&($t(n.after_update),x(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function wt(t,e){t.$$.dirty[0]===-1&&(b.push(t),bt(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function Et(t,e,n,r,s,o,c=null,i=[-1]){const u=w;h(t);const l=t.$$={fragment:null,ctx:[],props:o,update:d,not_equal:s,bound:B(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(u?u.$$.context:[])),callbacks:B(),dirty:i,skip_bound:!1,root:e.target||u.$$.root};c&&c(l.root);let f=!1;if(l.ctx=n?n(t,e.props||{},(a,_,...T)=>{const z=T.length?T[0]:_;return l.ctx&&s(l.ctx[a],l.ctx[a]=z)&&(!l.skip_bound&&l.bound[a]&&l.bound[a](z),f&&wt(t,a)),_}):[],l.update(),f=!0,x(l.before_update),l.fragment=r?r(l.ctx):!1,e.target){if(e.hydrate){const a=pt(e.target);l.fragment&&l.fragment.l(a),a.forEach(y)}else l.fragment&&l.fragment.c();e.intro&&m(t.$$.fragment),tt(t,e.target,e.anchor),R()}h(u)}class xt{constructor(){L(this,"$$");L(this,"$$set")}$destroy(){et(this,1),this.$destroy=d}$on(e,n){if(!N(n))return d;const r=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return r.push(n),()=>{const s=r.indexOf(n);s!==-1&&r.splice(s,1)}}$set(e){this.$$set&&!it(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const Ot="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Ot);function F(t,e,n){const r=t.slice();return r[6]=e[n],r}function K(t){t[9]=t[10].default}function G(t){let e,n,r,s={ctx:t,current:null,token:null,hasCatch:!1,pending:At,then:Pt,catch:Lt,value:10,blocks:[,,,]};return V(n=t[1],s),{c(){e=dt(),s.block.c()},m(o,c){k(o,e,c),s.block.m(o,s.anchor=c),s.mount=()=>e.parentNode,s.anchor=e,r=!0},p(o,c){t=o,s.ctx=t,c&2&&n!==(n=t[1])&&V(n,s)||vt(s,t,c)},i(o){r||(m(s.block),r=!0)},o(o){for(let c=0;c<3;c+=1){const i=s.blocks[c];E(i)}r=!1},d(o){o&&y(e),s.block.d(o),s.token=null,s=null}}}function Lt(t){return{c:d,m:d,p:d,i:d,o:d,d}}function Pt(t){K(t);let e,n;return e=new t[9]({props:{firstlyData:t[0]}}),{c(){kt(e.$$.fragment)},m(r,s){tt(e,r,s),n=!0},p(r,s){K(r);const o={};s&1&&(o.firstlyData=r[0]),e.$set(o)},i(r){n||(m(e.$$.fragment,r),n=!0)},o(r){E(e.$$.fragment,r),n=!1},d(r){et(e,r)}}}function At(t){return{c:d,m:d,p:d,i:d,o:d,d}}function H(t){let e,n,r;function s(){return t[4](t[6])}return{c(){e=C("button"),e.textContent=`Load ${t[6]}`,I(e,"class","svelte-4ze7zl")},m(o,c){k(o,e,c),n||(r=ht(e,"click",s),n=!0)},p(o,c){t=o},d(o){o&&y(e),n=!1,r()}}}function Ct(t){let e,n,r,s,o=t[1]&&G(t),c=M(t[3]()),i=[];for(let u=0;u<c.length;u+=1)i[u]=H(F(t,c,u));return{c(){e=C("main"),o&&o.c(),n=at(),r=C("div");for(let u=0;u<i.length;u+=1)i[u].c();I(r,"class","debug svelte-4ze7zl")},m(u,l){k(u,e,l),o&&o.m(e,null),k(u,n,l),k(u,r,l);for(let f=0;f<i.length;f+=1)i[f]&&i[f].m(r,null);s=!0},p(u,[l]){if(u[1]?o?(o.p(u,l),l&2&&m(o,1)):(o=G(u),o.c(),m(o,1),o.m(e,null)):o&&(Y(),E(o,1,1,()=>{o=null}),Z()),l&12){c=M(u[3]());let f;for(f=0;f<c.length;f+=1){const a=F(u,c,f);i[f]?i[f].p(a,l):(i[f]=H(a),i[f].c(),i[f].m(r,null))}for(;f<i.length;f+=1)i[f].d(1);i.length=c.length}},i(u){s||(m(o),s=!0)},o(u){E(o),s=!1},d(u){u&&(y(e),y(n),y(r)),o&&o.d(),ft(i,u)}}}function Dt(t,e,n){let{firstlyData:r}=e;const s={auth:P(()=>import("./Page-ByIhtXVt.js"),__vite__mapDeps([0,1])),admin:P(()=>import("./Page-BYzkK4q3.js"),[]),storage:P(()=>import("./Page-Do7F0Mzd.js"),[])};let o;function c(l){n(1,o=s[l])}const i=()=>Object.keys(s);mt(()=>{c(r.module)});const u=l=>c(l);return t.$$set=l=>{"firstlyData"in l&&n(0,r=l.firstlyData)},[r,o,c,i,u]}class St extends xt{constructor(e){super(),Et(this,e,Dt,Ct,lt,{firstlyData:0})}}new St({target:document.getElementById("app"),props:{firstlyData}});export{C as A,Ht as B,Ft as C,ht as D,Vt as E,Ut as F,ee as G,X as H,at as I,I as J,Wt as K,Kt as L,Qt as M,Gt as N,Jt as O,kt as P,tt as Q,et as R,xt as S,U as T,re as U,ne as V,lt as a,Et as b,Nt as c,k as d,dt as e,Y as f,It as g,E as h,N as i,Z as j,y as k,Rt as l,te as m,d as n,Zt as o,Xt as p,Yt as q,x as r,Q as s,m as t,Mt as u,Tt as v,qt as w,Bt as x,zt as y,ct as z};

package/esm/auth/static/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/api/static/favicon.svg" />
     <title>firstly</title>
-    <script type="module" crossorigin src="/api/static/assets/index-CKmKKRRL.js"></script>
+    <script type="module" crossorigin src="/api/static/assets/index-czJ1PA1n.js"></script>
     <link rel="stylesheet" crossorigin href="/api/static/assets/index-R27C_TlP.css">
   </head>
   <body>

package/esm/bin/cmd.js

@@ -18,7 +18,7 @@ const options = [
     },
     {
         value: 'module-demo',
-        label: 'module tasks',
+        label: 'module task',
         hint: 'A default module with a task entity and a controller (you can rename the folder and make it yours)',
     },
     {
@@ -32,10 +32,11 @@ const res = (await p.multiselect({
     options,
 }));
 const devDependenciesPrepare = {
-    '@kitql/eslint-config': '0.3.2',
+    '@kitql/eslint-config': '0.3.6',
     '@kitql/helpers': '0.8.9',
+    pg: '8.12.0',
+    oslo: '^1.2.0',
     remult: versionFirstly,
-    pg: '8.11.3',
     ...pkg.devDependencies,
 };
 // sort by name
@@ -58,11 +59,11 @@ if (res.includes('all') || res.includes('dependencies')) {
 const obj = {
     './.eslintrc.cjs': [
         `module.exports = {
-    extends: ['@kitql'],
-    rules: {
-      // Your overrides here
-    }
+  extends: ['@kitql'],
+  rules: {
+    // Your overrides here
   }
+}
   `,
     ],
     './.prettierignore': [
@@ -89,59 +90,74 @@ src/lib/ROUTES.ts
     ],
     './.prettierrc.cjs': [
         `const {
-    //plugins,
-    ...prettierConfig
-  } = require('@kitql/eslint-config/.prettierrc.cjs')
-  
-  module.exports = {
-    ...prettierConfig,
-    // Your overrides here
-  }`,
+  //plugins,
+  ...prettierConfig
+} = require('@kitql/eslint-config/.prettierrc.cjs')
+
+module.exports = {
+  ...prettierConfig,
+  // Your overrides here
+}`,
     ],
     '.env.example': [
         `# Enable some roles
-# KIT_ADMIN = 'JYC'
-# KIT_AUTH_ADMIN = ''
+# FF_ADMIN = 'JYC'
+# FF_AUTH_ADMIN = ''
 
 # Enable GitHub login
-GITHUB_CLIENT_ID = ''
-GITHUB_CLIENT_SECRET = ''
+# GITHUB_CLIENT_ID = ''
+# GITHUB_CLIENT_SECRET = ''
 `,
     ],
     './src/lib/firstly/index.ts': [
-        `import { firstly } from 'firstly/api'
+        `import { FF_Role } from 'firstly'
+import { firstly } from 'firstly/api'
 import { auth } from 'firstly/auth'
-// import { github } from 'firstly/auth/providers'
-// import { GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET } from '$env/static/private'
 import { Log } from '@kitql/helpers'
 
-import { tasks } from './modules/tasks'
+import { task } from './modules/task'
 
-// When you will want to use postgres, create a .env file with DATABASE_URL
+//----------------------------------------
+// To switch to postgres (1/2)
+//----------------------------------------
 // import { createPostgresConnection } from 'remult/postgres'
 // import { DATABASE_URL } from '$env/static/private'
 
-/** Define your roles here and use them in your app */
+//----------------------------------------
+// To enable OAuth via Github (1/2)
+//----------------------------------------
+// import { github } from 'firstly/auth/providers'
+
+/**
+ * Your roles, use them in your app !
+ */
 export const Role = {
-  ADMIN: 'admin',
-  SUPER_ADMIN: 'super_admin',
+  Boss: 'Boss',
 }
 
-/** Define your log instance and user it accross your all app */
+/**
+ * Your logs with a nice prefix, use \`log.info("Hello")\` / \`log.success("Yeah")\` / \`log.error("Ho nooo!")\` and see !
+ */
 export const log = new Log('${pkg.name}')
 
 export const api = firstly({
+  //----------------------------------------
+  // To switch to postgres (2/2)
+  //----------------------------------------
   // dataProvider: await createPostgresConnection({
   //  connectionString: DATABASE_URL,
   // }),
+
   modules: [
-    // core module: auth
+    //----------------------------------------
+    // Core Module: auth
+    //----------------------------------------
     auth({
       providers: {
         demo: [
           { name: 'Ermin' },
-          { name: 'JYC', roles: [Role.ADMIN] },
-          { name: 'Noam', roles: [Role.SUPER_ADMIN] },
+          { name: 'JYC', roles: [FF_Role.Admin] },
+          { name: 'Noam', roles: [FF_Role.Admin, Role.Boss] },
         ],
 
         // password: {},
@@ -149,22 +165,23 @@ export const api = firstly({
         // otp: {},
 
         oAuths: [
-          // To enable GitHub auth,
-          // 1/ Add your GitHub credentials to .env file (example in .env.example)
-          // 2/ uncomment imports & github() call below
-          // 3/ under a button click call something like this:
-          //      async function oauth() {
-          //        window.location.href = await AuthController.signInOAuthGetUrl({ provider: 'github', redirect: window.location.pathname })
-          //      }
-          // github( { GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET } )
+          //----------------------------------------
+          // To enable OAuth via Github (2/2)
+          // Instructions by hovering the method \`github\`
+          //----------------------------------------
+          // github(),
         ],
       },
     }),
 
+    //----------------------------------------
     // example of a userland module
-    tasks({ specialInfo: 'hello from userland' }),
+    //----------------------------------------
+    task({ specialInfo: 'hello from userland' }),
 
+    //----------------------------------------
     // example of a userland inline module
+    //----------------------------------------
     {
       name: 'app',
       entities: [],
@@ -210,37 +227,13 @@ export const load = (async () => {
     './src/routes/+layout.svelte': [
         `<script lang="ts">
   import { remult } from 'remult'
-  import { isError } from 'firstly'
-  import { AuthController } from 'firstly/auth'
-
-  import { invalidateAll } from '$app/navigation'
 
   import { route } from '${libAlias}/ROUTES'
+  import SignIn from '${libAlias}/ui/SignIn.svelte'
+  import SignOut from '${libAlias}/ui/SignOut.svelte'
 
   import type { LayoutData } from './$types'
 
-  const login = async (identif: string) => {
-    try {
-      await AuthController.signInDemo(identif)
-      invalidateAll()
-    } catch (error) {
-      if (isError(error)) {
-        alert(error.message)
-      }
-    }
-  }
-
-  const logout = async () => {
-    try {
-      await AuthController.signOut()
-      invalidateAll()
-    } catch (error) {
-      if (isError(error)) {
-        alert(error.message)
-      }
-    }
-  }
-
   export let data: LayoutData
   $: remult.user = data.user
 </script>
@@ -257,12 +250,17 @@ export const load = (async () => {
 <h1>${pkg.name}</h1>
 
 {#if remult.authenticated()}
-  <button style="float:right;" on:click={logout}>Logout</button>
+  <div style="float:right;">
+    <SignOut></SignOut>
+  </div>
   <span>{remult.user?.name} ({remult.user?.roles})<br /><br /></span>
 {:else}
-  <button on:click={() => login('Ermin')}>Login as Ermin</button>
-  <button on:click={() => login('JYC')}>Login as JYC</button>
-  <button on:click={() => login('Noam')}>Login as Noam</button>
+  <SignIn demo="Ermin"></SignIn>
+  <SignIn demo="JYC"></SignIn>
+  <SignIn demo="Noam"></SignIn>
+  <br />
+  <SignIn ffLink></SignIn>
+  <SignIn oauth="github"></SignIn>
 {/if}
 
 <hr />
@@ -271,11 +269,87 @@ export const load = (async () => {
 
 <hr />
 
-<a href={route('github', { owner: 'jycouet', repo: 'firstly' })} target="_blank">
-  ⭐️ firstly
-</a>
+<div style="float: right; text-align: right;">
+  <a href={route('remult_admin')} target="_blank">🚀 admin</a>
+  <p style="font-size: small;">
+    <i>Login as <b>JYC</b> to get admin rights ☝️</i>
+  </p>
+</div>
+<a href={route('github', { owner: 'jycouet', repo: 'firstly' })} target="_blank"> ⭐️ firstly </a>
 |
 <a href={route('github', { owner: 'remult', repo: 'remult' })} target="_blank">⭐️ remult</a>
+`,
+    ],
+    './src/lib/ui/SignIn.svelte': [
+        `<script lang="ts">
+  import { isError } from 'firstly'
+  import { Auth } from 'firstly/auth/client'
+
+  import { goto, invalidateAll } from '$app/navigation'
+
+  import { route } from '../ROUTES'
+
+  // Examples of signin modes
+  export let demo = ''
+  export let ffLink = false
+  export let oauth: 'github' | undefined = undefined
+
+  const signinDemo = async (identif: string) => {
+    try {
+      await Auth.signInDemo(identif)
+      invalidateAll()
+    } catch (error) {
+      if (isError(error)) {
+        // TODO: You will probably not leave this alert in production
+        alert(error.message)
+      }
+    }
+  }
+
+  async function signinOAuth(provider: 'github') {
+    try {
+      window.location.href = await Auth.signInOAuthGetUrl({
+        provider,
+        redirect: window.location.pathname,
+      })
+    } catch (error) {
+      if (isError(error)) {
+        // TODO: You will probably not leave this alert in production
+        alert(error.message)
+      }
+    }
+  }
+</script>
+
+{#if demo}
+  <button on:click={() => signinDemo(demo)}>Login as {demo}</button>
+{:else if ffLink}
+  <button on:click={() => goto(route('firstly_sign_in'))}>Login with Firstly</button>
+{:else if oauth}
+  <button on:click={() => signinOAuth(oauth)}>Login With {oauth}</button>
+{/if}
+`,
+    ],
+    './src/lib/ui/SignOut.svelte': [
+        `<script lang="ts">
+  import { isError } from 'firstly'
+  import { Auth } from 'firstly/auth/client'
+
+  import { invalidateAll } from '$app/navigation'
+
+  const logout = async () => {
+    try {
+      await Auth.signOut()
+      invalidateAll()
+    } catch (error) {
+      if (isError(error)) {
+        alert(error.message)
+      }
+    }
+  }
+</script>
+
+<button on:click={logout}>Logout</button>
 `,
     ],
     './tsconfig.json': [
@@ -312,7 +386,11 @@ export default defineConfig({
   plugins: [
     firstly<KIT_ROUTES>({
       kitRoutes: {
-        LINKS: { github: 'https://github.com/[owner]/[repo]' },
+        LINKS: { 
+          firstly_sign_in: 'ff/auth/sign-in',
+          github: 'https://github.com/[owner]/[repo]',
+          remult_admin: 'api/admin',
+        },
       }
     }),
     sveltekit(),
@@ -320,7 +398,28 @@ export default defineConfig({
 })
 `,
     ],
-    './src/lib/firstly/modules/tasks/index.ts': [
+    './.gitignore': [
+        `node_modules
+
+# Output
+/.svelte-kit
+/build
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+# Firstly / Remult
+/db
+`,
+    ],
+    './src/lib/firstly/modules/task/index.ts': [
         `import type { Module } from 'firstly/api'
 
 import { log } from '${libAlias}/firstly'
@@ -328,7 +427,7 @@ import { log } from '${libAlias}/firstly'
 import { Task } from './Task'
 import { TaskController } from './TaskController'
 
-export const tasks: (o: { specialInfo: string }) => Module = ({ specialInfo }) => {
+export const task: (o: { specialInfo: string }) => Module = ({ specialInfo }) => {
   return {
     name: 'task',
     entities: [Task],
@@ -339,11 +438,11 @@ export const tasks: (o: { specialInfo: string }) => Module = ({ specialInfo }) =
   }
 }`,
     ],
-    './src/lib/firstly/modules/tasks/Task.ts': [
+    './src/lib/firstly/modules/task/Task.ts': [
         `import { Entity, Field, Fields, ValueListFieldType } from 'remult'
-import { KitBaseEnum, LibIcon_Add, LibIcon_Delete, type KitBaseEnumOptions } from 'firstly'
+import { BaseEnum, LibIcon_Add, LibIcon_Delete, type BaseEnumOptions } from 'firstly'
 
-@Entity('tasks', {
+@Entity('task', {
   allowApiCrud: true,
 })
 export class Task {
@@ -368,7 +467,7 @@ export class Task {
 }
 
 @ValueListFieldType()
-export class TypeOfTaskEnum extends KitBaseEnum {
+export class TypeOfTaskEnum extends BaseEnum {
   static EASY = new TypeOfTaskEnum('EASY', {
     caption: 'Easy',
     icon: { data: LibIcon_Add },
@@ -377,13 +476,13 @@ export class TypeOfTaskEnum extends KitBaseEnum {
     caption: 'Hard',
     icon: { data: LibIcon_Delete },
   })
-  constructor(id: string, o?: KitBaseEnumOptions<TypeOfTaskEnum>) {
+  constructor(id: string, o?: BaseEnumOptions<TypeOfTaskEnum>) {
     super(id, o)
   }
 }    
 `,
     ],
-    './src/lib/firstly/modules/tasks/TaskController.ts': [
+    './src/lib/firstly/modules/task/TaskController.ts': [
         `import { BackendMethod } from 'remult'
 
 import { log } from '${libAlias}/firstly'
@@ -406,7 +505,7 @@ for (const [path, content] of Object.entries(obj)) {
     }
     else {
         if (res.includes('module-demo')) {
-            if (path.startsWith('./src/lib/firstly/modules/tasks')) {
+            if (path.startsWith('./src/lib/firstly/modules/task')) {
                 write(path, content);
             }
         }

package/esm/cellsBuildor.d.ts

@@ -0,0 +1,45 @@
+import type { SvelteComponent } from 'svelte';
+import { type EntityFilter, type FieldMetadata, type Repository } from 'remult';
+import type { UnArray } from './utils/types.js';
+export type VisibilityMode = 'view' | 'edit' | 'hide';
+type CellInternal<Entity> = {
+    col?: keyof Entity;
+    kind?: 'field' | 'field_link' | 'entity_link' | 'slot' | 'header' | 'component';
+    class?: string;
+    header?: string;
+    headerSlot?: boolean;
+    modeEdit?: VisibilityMode;
+    modeView?: VisibilityMode;
+    clipboardable?: boolean;
+    clearable?: boolean;
+    component?: new (...args: any[]) => SvelteComponent;
+    props?: any;
+    rowToProps?: (row: any) => any;
+};
+export type Cell<Entity> = CellInternal<Entity> & {
+    field?: FieldMetadata<any, Entity>;
+};
+export type CellsInput<Entity> = (keyof Entity | CellInternal<Entity>)[];
+/**
+ * cellsBuildor is a function to build cells for a <Grid /> or <FieldGroup /> component.
+ *
+ * ```html
+ * <script lang="ts">
+ *   import { repo } from 'remult'
+ *
+ *   const cells = cellsBuildor(repo(Site), ['name', 'description'])
+ *   const store = storeList( repo(Site) )
+ *   $: store.fetch()
+ * </script>
+ *
+ * <Grid {cells} {store} />
+ * ```
+ *
+ */
+export declare function cellsBuildor<Entity>(repo: Repository<Entity>, inputBuildor: CellsInput<Entity>): Cell<Entity>[];
+export declare function cellBuildor<Entity>(repo: Repository<Entity>, inputBuildor: UnArray<CellsInput<Entity>>): Cell<Entity>;
+export declare const fieldsOf: <Entity>(b: Cell<Entity>[]) => FieldMetadata<any, Entity>[];
+export declare const getPlaceholder: <Entity>(fields: FieldMetadata<any, Entity>[]) => string;
+export declare const buildSearchWhere: <Entity>(entity: Entity | undefined, fields: FieldMetadata<any, Entity>[], search?: string | null) => EntityFilter<Entity>[];
+export declare const buildWhere: <Entity>(entity: Entity | undefined, defaultWhere: EntityFilter<Entity> | undefined, fields_filter: FieldMetadata<any, Entity>[], fields_search: FieldMetadata<any, Entity>[], obj: Record<string, string>) => EntityFilter<Entity>;
+export {};

package/esm/{kitCellsBuildor.js → cellsBuildor.js}

@@ -1,15 +1,15 @@
 import {} from 'remult';
 import { getRelationFieldInfo } from 'remult/internals';
-import { getEnum, KitBaseEnum } from './KitBaseEnum.js';
+import {} from './BaseEnum.js';
 /**
- * kitCellsBuildor is a function to build cells for a <Grid /> or <FieldGroup /> component.
+ * cellsBuildor is a function to build cells for a <Grid /> or <FieldGroup /> component.
  *
  * ```html
  * <script lang="ts">
  *   import { repo } from 'remult'
  *
- *   const cells = kitCellsBuildor(repo(Site), ['name', 'description'])
- *   const store = kitStoreList( repo(Site) )
+ *   const cells = cellsBuildor(repo(Site), ['name', 'description'])
+ *   const store = storeList( repo(Site) )
  *   $: store.fetch()
  * </script>
  *
@@ -17,7 +17,7 @@ import { getEnum, KitBaseEnum } from './KitBaseEnum.js';
  * ```
  *
  */
-export function kitCellsBuildor(repo, inputBuildor) {
+export function cellsBuildor(repo, inputBuildor) {
     const buildor = [];
     for (let i = 0; i < inputBuildor.length; i++) {
         const item = inputBuildor[i];
@@ -38,8 +38,8 @@ export function kitCellsBuildor(repo, inputBuildor) {
     }
     return buildor;
 }
-export function kitCellBuildor(repo, inputBuildor) {
-    return kitCellsBuildor(repo, [inputBuildor])[0];
+export function cellBuildor(repo, inputBuildor) {
+    return cellsBuildor(repo, [inputBuildor])[0];
 }
 export const fieldsOf = (b) => {
     return b.filter((c) => c.field).map((c) => c.field) ?? [];
@@ -47,13 +47,23 @@ export const fieldsOf = (b) => {
 export const getPlaceholder = (fields) => {
     return fields.map((c) => c.caption).join(', ');
 };
-export const buildSearchWhere = (fields, search) => {
+export const buildSearchWhere = (entity, fields, search) => {
     if (!search) {
         return [];
     }
     const f = [
         {
             $or: fields.map((f) => {
+                if (f.isServerExpression) {
+                    // check if this field has a specific filter function
+                    const fnName = f.key + 'Filter';
+                    // @ts-ignore
+                    if (entity && entity[fnName]) {
+                        // @ts-ignore
+                        return entity[fnName](search);
+                    }
+                    return {};
+                }
                 if (f.inputType === 'number') {
                     return { [f.key]: search };
                 }
@@ -66,18 +76,18 @@ export const buildSearchWhere = (fields, search) => {
     ];
     return f;
 };
-export const buildWhere = (defaultWhere, fields_filter, fields_search, obj) => {
+export const buildWhere = (entity, defaultWhere, fields_filter, fields_search, obj) => {
     const and = [];
     if (defaultWhere) {
         and.push(defaultWhere);
     }
     if (obj.search) {
-        and.push(...buildSearchWhere(fields_search, obj.search));
+        and.push(...buildSearchWhere(entity, fields_search, obj.search));
     }
     for (const field of fields_filter) {
-        const rfi = getRelationFieldInfo(field);
         // if there is a value
         if (obj[field.key]) {
+            const rfi = getRelationFieldInfo(field);
             if (field.inputType === 'checkbox') {
                 // @ts-ignore
                 and.push({ [field.key]: obj[field.key] });
@@ -87,12 +97,12 @@ export const buildWhere = (defaultWhere, fields_filter, fields_search, obj) => {
                 const theEnum = getEnum(field, obj[field.key]);
                 // Take the where of the enum if it exists, or it's using this selection as a filter
                 // @ts-ignore
-                const wheretoUse = theEnum?.where ?? new KitBaseEnum(obj[field.key]);
+                const wheretoUse = theEnum?.where ?? new BaseEnum(obj[field.key]);
                 // @ts-ignore
                 and.push({ [field.key]: wheretoUse });
             }
-            else if (rfi.type === 'toOne') {
-                // @ts-ignore (stting the id of the relation)
+            else if (rfi?.type === 'toOne') {
+                // @ts-ignore (setting the id of the relation)
                 and.push({ [field.key]: obj[field.key] });
             }
             else {

package/esm/feedback/ui/DialogIssue.svelte

@@ -2,7 +2,7 @@
 import { repo } from "remult";
 import { page } from "$app/stores";
 import { FeedbackController } from "..";
-import { Button, Field, FilterEntity, kitCellBuildor, Loading } from "../..";
+import { Button, cellBuildor, Field, FilterEntity, Loading } from "../..";
 import Textarea from "../../ui/internals/Textarea.svelte";
 export let dialogId;
 const rmvWarning = dialogId;
@@ -84,7 +84,7 @@ const reOpen = async () => {
       </div>
     {:else}
       {#if issueNumber === null}
-        <Field cell={kitCellBuildor(repo(FilterEntity), 'title')} bind:value={title} />
+        <Field cell={cellBuildor(repo(FilterEntity), 'title')} bind:value={title} />
       {/if}
       <Textarea bind:value={content}></Textarea>
       <div class="flex justify-between">

package/esm/formats/dates.js

@@ -1,4 +1,4 @@
-import { logFirstly } from '../';
+import { ff_Log } from '../';
 export const dateISOToPlainDate = (iso) => {
     try {
         // const ti = Temporal.Instant.from(iso)
@@ -9,7 +9,7 @@ export const dateISOToPlainDate = (iso) => {
     }
     catch (error) { }
     const msg = `fn dateISOToPlainDate -> "${iso}" is not valid iso`;
-    logFirstly.error(msg);
+    ff_Log.error(msg);
     throw new Error(msg);
 };
 export const offsetedToPlainDate = (dt) => {

package/esm/formats/strings.js

@@ -16,17 +16,6 @@ const formatPhone = (phone) => {
         return '';
     }
     return phone;
-    // TODO: Let's be smart one day... and add a ton of tests!
-    // const replaced = phone.replaceAll(' ', '').replaceAll('.', '')
-    // let formatted: string = replaced
-    // if (replaced.charAt(0) === '+') {
-    // 	return formatted
-    // } else if (replaced.slice(0, 2) === '00') {
-    // 	return `+${formatted.slice(2)}`
-    // } else if (replaced.length > 10) {
-    // 	formatted = replaced.slice(0, 10)
-    // }
-    // return `+33${formatted.slice(1)}`
 };
 export const arrToStr = (arr) => {
     if (!arr)