fakelab 0.0.16 → 0.0.17

package/README.md

@@ -27,7 +27,7 @@ create `fakelab.config.ts` file in the project root. and reference your typescri
 import { defineConfig } from "fakelab";
 
 export default defineConfig({
-  sourcePath: "./types", // can set one/multiple directory(s) or typescript file(s).
+  sourcePath: ["./types", "./fixtures/**/*.ts"], // supports glob pattern
   faker: { locale: "en" }, // optional
   server: { pathPrefix: "api/v1", port: 8080 }, // optional
 });
@@ -85,11 +85,7 @@ export interface User {
 
 ## Fakelab Runtime
 
-`fakelab/runtime` enables a **global Fakelab object** at runtime, allowing your frontend or Node environment to communicate with the running Fakelab mock server.
-
-## Enabling the runtime (important)
-
-To enable the global `fakelab` object, you **must import the runtime once** in your application.
+`fakelab/runtime` enables a **global fakelab object** at runtime, allowing your frontend or Node environment to communicate with the running Fakelab mock server.
 
 ## `fakelab.URL`
 
@@ -107,7 +103,7 @@ Fetch mock data from the Fakelab server by **typescript interface/type name**.
 ### Signature
 
 ```ts
-fakelab.fetch(name: string, count?: number): Promise<T[]>
+fakelab.fetch(name: string, count?: number): Promise<T>
 ```
 
 ### Parameters
@@ -127,6 +123,8 @@ const users = await fakelab.fetch("User", 10);
 console.log(users);
 ```
 
+**NOTE:** Set count to a negative number to get an empty array.
+
 ## Server Command
 
 Run:

package/lib/cli.js

@@ -1,5 +1,7 @@
-import y from'path';import {fileURLToPath}from'url';import E from'fs-extra';import {Command}from'commander';import v from'express';import G from'cors';import z from'express-ejs-layouts';import K from'http';import'ejs';import M from'qs';import {Project}from'ts-morph';import l from'picocolors';import Q from'figlet';import {bundleRequire}from'bundle-require';import Y from'joycon';var p=class r{static prefix(e){let t=new Date().toLocaleTimeString();return {info:l.blue,warn:l.yellow,error:l.red,success:l.green,debug:l.magenta}[e](`[${t}] FAKELAB_${e.toUpperCase()}`)}static log(e,t,...n){let o=l.white,s=r.prefix(e);(e==="error"?console.error:e==="warn"?console.warn:console.log)(s,o(t),...n);}static info(e,...t){this.log("info",e,...t);}static warn(e,...t){this.log("warn",e,...t);}static error(e,...t){this.log("error",e,...t);}static success(e,...t){this.log("success",e,...t);}};var h=class{constructor(e){this.faker=e;}JSDOC_FAKER_FIELD="faker";FAKER_TAG_REGEX=/^([a-zA-Z0-9._]+)(?:\((.*)\))?$/;boolMapping={true:true,false:false};string(e){return this.execute(e,this.faker.word.noun)}int(e){return this.execute(e,this.faker.number.int)}bool(e){return this.execute(e,this.faker.datatype.boolean)}bigInt(e){return this.execute(e,this.faker.number.bigInt)}litbool(e){return this.boolMapping[e]}async object(e,t){let n={};return await Promise.all(e.map(async o=>{let s=o.getTypeAtLocation(o.getValueDeclarationOrThrow());n[o.getName()]=await t(s,this,this.readJSDocTags(o));})),n}async union(e){let t=await Promise.all(e);return t[Math.floor(Math.random()*t.length)]}async intersection(e){let t=await Promise.all(e);return t[Math.floor(Math.random()*t.length)]}evalArgs(e){if(!(!e||!e.trim()))return Function(`"use strict"; return (${e});`)()}readJSDocTags(e){let t=e.getJsDocTags().filter(n=>n.getName()===this.JSDOC_FAKER_FIELD);return t.length===0?[]:t.map(n=>{let[o]=n.getText();if(!o)return;let s=o.text.trim().match(this.FAKER_TAG_REGEX);if(!s)return;let[,i,a]=s,c=this.evalArgs(a);return {path:i,args:c}})}execute(e,t){if(!e)return t();let n=e.path.split("."),o=this.faker;for(let s of n)o=o[s],o||(p.error("Invalid faker module path:",e.path),process.exit(1));typeof o!="function"&&(p.error("Unresolvable faker function.",e.path),process.exit(1));try{return e.args?o(e.args):o()}catch{return p.error("Passed invalid arguments to faker function."),o()}}};var D=fileURLToPath(import.meta.url),O=y.dirname(D),d=class{constructor(e){this.files=e;let n=new Project({tsConfigFilePath:"tsconfig.json"}).addSourceFilesAtPaths(e);this.__targets=n.flatMap(o=>{let s=o.getInterfaces(),i=o.getTypeAliases(),a=o.getExportDeclarations().flatMap(c=>c.getNamedExports().flatMap(f=>f.getLocalTargetDeclarations()));return [...s,...i,...a]}),this.generateInFileEntitiyMap(this.__targets);}__targets;async run(e){return await e()}normalizePath(e){return e.split(y.sep).join(y.posix.sep)}generateInFileEntitiyMap(e){let n=`declare global {
-interface FakeRuntime {${[...new Set(e.map(o=>{let s=o.getName(),i=o.getSourceFile().getFilePath();return `${s}: import("${i}").${s}`}))].join(`
+import h from'path';import O from'fs-extra';import {Command}from'commander';import C from'express';import z from'cors';import K from'express-ejs-layouts';import V from'http';import'ejs';import {Project}from'ts-morph';import m from'winston';import b from'picocolors';import {JSONFilePreset}from'lowdb/node';import {fileURLToPath}from'url';import G from'qs';import W from'figlet';import {bundleRequire}from'bundle-require';import re from'joycon';function S(s){switch(s){case "info":return b.blueBright(s.toUpperCase());case "error":return b.redBright(s.toUpperCase());case "warn":return b.yellowBright(s.toUpperCase());default:return s.toUpperCase()}}var D=m.format.printf(({level:s,message:e,timestamp:t})=>`${b.dim(`[${t}]`)} ${S(s)} ${e}`),d=m.createLogger({format:m.format.combine(m.format.timestamp(),m.format.splat(),D),transports:[new m.transports.Console]}),j=new Intl.ListFormat("en",{style:"long",type:"unit"}),p=class{static info(e,...t){return d.info(e,...t)}static warn(e,...t){return d.warn(e,...t)}static error(e,...t){return d.error(e,...t)}static list(e){return j.format(e)}static close(){d.removeAllListeners(),d.close();}};var w=class{constructor(e){this.faker=e;}JSDOC_FAKER_FIELD="faker";FAKER_TAG_REGEX=/^([a-zA-Z0-9._]+)(?:\((.*)\))?$/;boolMapping={true:true,false:false};string(e){return this.execute(e,this.faker.word.noun)}int(e){return this.execute(e,this.faker.number.int)}bool(e){return this.execute(e,this.faker.datatype.boolean)}bigInt(e){return this.execute(e,this.faker.number.bigInt)}litbool(e){return this.boolMapping[e]}async object(e,t){let r={};return await Promise.all(e.map(async n=>{let o=n.getTypeAtLocation(n.getValueDeclarationOrThrow());r[n.getName()]=await t(o,this,this.readJSDocTags(n));})),r}async union(e){let t=await Promise.all(e);return t[Math.floor(Math.random()*t.length)]}async intersection(e){let t=await Promise.all(e);return t[Math.floor(Math.random()*t.length)]}evalArgs(e){if(!(!e||!e.trim()))return Function(`"use strict"; return (${e});`)()}readJSDocTags(e){let t=e.getJsDocTags().filter(r=>r.getName()===this.JSDOC_FAKER_FIELD);return t.length===0?[]:t.map(r=>{let[n]=r.getText();if(!n)return;let o=n.text.trim().match(this.FAKER_TAG_REGEX);if(!o)return;let[,a,c]=o,i=this.evalArgs(c);return {path:a,args:i}})}execute(e,t){if(!e)return t();let r=e.path.split("."),n=this.faker;for(let o of r)n=n[o],n||(p.error("Invalid faker module path:",e.path),process.exit(1));typeof n!="function"&&(p.error("Unresolvable faker function.",e.path),process.exit(1));try{return e.args?n(e.args):n()}catch{return p.error("Passed invalid arguments to faker function."),n()}}};var u=h.dirname(fileURLToPath(import.meta.url)),F=process.cwd();var x=class{constructor(e,t){this.files=e;this.config=t;let n=new Project({tsConfigFilePath:"tsconfig.json"}).addSourceFilesAtPaths(e);this.__targets=n.flatMap(o=>{let a=o.getInterfaces(),c=o.getTypeAliases(),i=o.getExportDeclarations().flatMap(l=>l.getNamedExports().flatMap(f=>f.getLocalTargetDeclarations()));return [...a,...c,...i]}),this.generateInFileEntitiyMap(this.__targets);}__targets;async run(e){return await e()}normalizePath(e){return e.split(h.sep).join(h.posix.sep)}generateInFileEntitiyMap(e){let t=[...new Set(e.map(o=>{let a=o.getName(),c=o.getSourceFile().getFilePath();return `${a}: import("${c}").${a}`}))],{expose:r}=this.config.browserOpts(),n=`
+interface Runtime$ {
+${t.join(`
 `)}
-}
-}`;E.appendFile(y.resolve(O,"runtime.d.ts"),n);}entities(){let e=this.__targets.map(t=>{let n=t.getName().toLowerCase(),o=t.getType(),s=this.normalizePath(process.cwd()),a=this.normalizePath(t.getSourceFile().getDirectoryPath()).replace(s,""),c=t.getSourceFile().getBaseName(),f=`${a}/${c}`;return [n,{type:o,filepath:f}]});return new Map(e)}async loadFaker(e){let{faker:t}=await import(`@faker-js/faker/locale/${e.locale}`);return t}};async function m(r,e,t=[],n=0){if(r.isString())return e.string(t[n]);if(r.isNumber())return e.int(t[n]);if(r.isBoolean())return e.bool(t[n]);if(r.isBigInt())return e.bigInt(t[n]);if(r.isBooleanLiteral())return e.litbool(r.getText());if(r.isLiteral())return r.getLiteralValue();if(!r.isUndefined()){if(r.isUnion()){let o=r.getUnionTypes();return await e.union(o.map((s,i)=>m(s,e,t,i)))}if(r.isIntersection()){let o=r.getIntersectionTypes();return await e.intersection(o.map((s,i)=>m(s,e,t,i)))}if(r.isArray()){let o=r.getArrayElementTypeOrThrow();return [await m(o,e,t,n)]}if(r.isObject()){let o=r.getProperties();return await e.object(o,(s,i,a)=>m(s,i,a,n))}return null}}function R({each:r}){return {resolve:async t=>await Promise.all(Array.from({length:t},r))}}async function F(r,e){let t=await r.files(e.source),n=new d(t),o=await n.loadFaker(r.fakerOpts(e.locale)),s=new h(o),i=n.entities();async function a(c,f){let u=R({each:()=>m(c,s)}),g=await(f.count?u.resolve(parseInt(f.count)):m(c,s)),k=JSON.stringify(g,null,2);return {data:g,json:k}}return {entities:i,forge:a}}var U=fileURLToPath(import.meta.url),B=y.dirname(U),b=E.readJSONSync(y.join(B,"../package.json")),w=class{constructor(e,t,n){this.router=e;this.config=t;this.opts=n;let{pathPrefix:o}=this.config.serverOpts(this.opts.pathPrefix,this.opts.port);this.prefix=o;}prefix;async handleQueries(e){let t=e.query.count;return t?{count:t.toString()}:{}}async register(){let{entities:e,forge:t}=await F(this.config,this.opts);this.router.get("/",(n,o)=>{let s=n.path;o.render("index",{currentPath:s,entities:e,version:b.version});}),this.router.get("/:name",async(n,o)=>{let s=`${n.protocol}://${n.host}/`,i=n.path,a=n.params.name,c=await this.handleQueries(n),f=M.stringify(c,{addQueryPrefix:true}),u=e.get(a.toLowerCase());if(u){let{json:g}=await t(u.type,c),k=u.filepath;o.render("preview",{name:a,filepath:k,currentPath:i,address:s,search:f,json:g,entities:e,version:b.version,prefix:this.prefix});}else o.redirect("/");}),this.router.get(`/${this.prefix}/:name`,async(n,o)=>{try{let s=n.params.name,i=await this.handleQueries(n),a=e.get(s.toLowerCase());if(a){let{data:c}=await t(a.type,i);o.status(200).json(c);}else o.status(400).json({message:"The requested interface is not found"});}catch(s){o.status(500).send(s);}});}};var q=fileURLToPath(import.meta.url),x=y.dirname(q);function V(r,e,t){let{port:n}=e.serverOpts(t.pathPrefix,t.port);r.listen(n,"localhost",async()=>{p.info(`Server: http://localhost:${n}`),console.log(await Q.text("FAKELAB"));});}function X(r,e,t){e.setHeader("x-powered-by","fakelab"),t();}function H(r){r.disable("x-powered-by"),r.use(v.json()),r.use(G({methods:"GET"})),r.use(v.static(x+"/public")),r.use(X);}function Z(r){r.set("views",y.join(x,"views")),r.set("view engine","ejs"),r.use(z),r.set("layout","layouts/main");}async function _(r,e){let t=v(),n=v.Router(),o=K.createServer(t);H(t),Z(t),await r.generateInFileRuntimeConfig(x,e),await new w(n,r,e).register(),t.use(n),V(o,r,e);}async function C(){try{let e=await new Y().resolve({files:["fakelab.config.ts"]});return e||(p.error("No fakelab config file is detected."),process.exit(1)),(await bundleRequire({filepath:e})).mod.default}catch{p.error("Could not load the config file."),process.exit(1);}}var P=new Command,oe=fileURLToPath(import.meta.url),ne=y.dirname(oe),T=E.readJSONSync(y.join(ne,"../package.json"));P.name(T.name).description(T.description).version(T.version);P.command("serve").description("start server").option("-s, --source <char>","config source path").option("-x, --pathPrefix <char>","server url path prefix").option("-p, --port <number>","server port number",parseInt).option("-l, --locale <char>","faker custom locale").action(async r=>{let e=await C();_(e,r);});P.parse();
+}`;r.mode==="global"&&(n=`
+declare global {${n}
+}`),O.appendFile(h.resolve(u,this.config.RUNTIME_DECL_FILENAME),n);}address(e,t){let r=this.normalizePath(F);return `${e.replace(r,"")}/${t}`}async entities(){let e=await Promise.all(this.__targets.map(async t=>{let r=t.getName().toLowerCase(),n=t.getType(),o=this.normalizePath(t.getSourceFile().getDirectoryPath()),a=t.getSourceFile().getBaseName(),c=this.address(o,a),i=this.config.getDatabaseDirectoryPath(),l=h.resolve(i,`${r}.json`),f=this.address(this.normalizePath(i),h.basename(l)),y=await JSONFilePreset(l,[]);return [r,{type:n,filepath:c,table:y,tablepath:f}]}));return new Map(e)}async initFakerLibrary(e){let{faker:t}=await import(`@faker-js/faker/locale/${e.locale}`);return t}};async function g(s,e,t=[],r=0){if(s.isString())return e.string(t[r]);if(s.isNumber())return e.int(t[r]);if(s.isBoolean())return e.bool(t[r]);if(s.isBigInt())return e.bigInt(t[r]);if(s.isBooleanLiteral())return e.litbool(s.getText());if(s.isLiteral())return s.getLiteralValue();if(!s.isUndefined()){if(s.isUnion()){let n=s.getUnionTypes();return await e.union(n.map((o,a)=>g(o,e,t,a)))}if(s.isIntersection()){let n=s.getIntersectionTypes();return await e.intersection(n.map((o,a)=>g(o,e,t,a)))}if(s.isArray()){let n=s.getArrayElementTypeOrThrow();return [await g(n,e,t,r)]}if(s.isObject()){let n=s.getProperties();return await e.object(n,(o,a,c)=>g(o,a,c,r))}return null}}function J({each:s}){return {resolve:async t=>await Promise.all(Array.from({length:t},s))}}async function R(s,e){let t=await s.files(e.source),r=new x(t,s),n=await r.entities(),o=await r.initFakerLibrary(s.fakerOpts(e.locale)),a=new w(o);async function c(i,l){let f=J({each:()=>g(i,a)}),y=await(l.count?f.resolve(parseInt(l.count)):g(i,a)),I=JSON.stringify(y,null,2);return {data:y,json:I}}return {entities:n,forge:c}}var v=class{constructor(e,t,r){this.builder=e;this.config=t;this.pkg=r;}async handleQueries(e){let t=e.query.count;return t?{count:t.toString()}:{}}index(){return (e,t)=>{t.render("index",{name:null,entities:this.builder.entities,version:this.pkg.version,enabled:this.config.databaseEnabled()});}}preview(e){return async(t,r)=>{let n=`${t.protocol}://${t.host}/`,o=t.params.name,a=await this.handleQueries(t),c=G.stringify(a,{addQueryPrefix:true}),i=this.builder.entities.get(o.toLowerCase());if(i){let{json:l}=await this.builder.forge(i.type,a),f=i.filepath;r.render("preview",{name:o,filepath:f,address:n,search:c,json:l,prefix:e,entities:this.builder.entities,version:this.pkg.version,enabled:this.config.databaseEnabled()});}else r.redirect("/");}}database(){return (e,t)=>{this.config.databaseEnabled()?t.render("database",{name:null,entities:this.builder.entities,version:this.pkg.version}):t.redirect("/");}}table(e){return async(t,r)=>{let n=`${t.protocol}://${t.host}/`,o=t.params.name,a=this.builder.entities.get(o.toLowerCase());if(!this.config.databaseEnabled())r.redirect("/");else if(a){await a.table.read();let i=a.table.data.length>0,l=JSON.stringify(a.table.data,null,2),f=a.filepath;r.render("table",{name:o,filepath:f,address:n,prefix:e,json:l,hasData:i,entities:this.builder.entities,version:this.pkg.version});}else r.redirect("/database");}}};var k=class{constructor(e){this.builder=e;}async handleQueries(e){let t=e.query.count;return t?{count:t.toString()}:{}}entity(){return async(e,t)=>{try{let r=e.params.name,n=await this.handleQueries(e),o=this.builder.entities.get(r.toLowerCase());if(o){let{data:a}=await this.builder.forge(o.type,n);t.status(200).json(a);}else t.status(400).json({message:"The entity is not exists"});}catch(r){t.status(500).send(r);}}}getTable(){return async(e,t)=>{try{let r=e.params.name,n=this.builder.entities.get(r.toLowerCase());n?(await n.table.read(),t.status(200).json(n.table.data)):t.status(400).json({message:"The table is not exists"});}catch(r){t.status(500).send(r);}}}updateTable(e=false){return async(t,r)=>{try{let n=t.params.name,o=await this.handleQueries(t),a=this.builder.entities.get(n.toLowerCase());if(a){let{data:c}=await this.builder.forge(a.type,o);await a.table.update(i=>i.push(c)),e?r.status(301).redirect(`/database/${n.toLowerCase()}`):r.status(200).json({success:!0});}else e?r.status(400).redirect("/database"):r.status(400).json({success:!1,message:"The table is not exists"});}catch(n){e?r.status(500).redirect("/database"):r.status(500).send(n);}}}clearTable(){return async(e,t)=>{try{let r=e.params.name,n=this.builder.entities.get(r.toLowerCase());n?(await n.table.read(),n.table.data.length>0&&await n.table.update(o=>o.length=0),t.status(301).redirect(`/database/${r.toLowerCase()}`)):t.status(400).redirect("/database");}catch{t.status(500).redirect("/database");}}}};var B=O.readJSONSync(h.join(u,"../package.json")),T=class{constructor(e,t,r){this.router=e;this.config=t;this.opts=r;let{pathPrefix:n}=this.config.serverOpts(this.opts.pathPrefix,this.opts.port);this.prefix=n;}prefix;async register(){let e=await R(this.config,this.opts),t=new v(e,this.config,B),r=new k(e);this.router.get("/",t.index()),this.router.get("/entities/:name",t.preview(this.prefix)),this.router.get("/database",t.database()),this.router.get("/database/:name",t.table(this.prefix)),this.router.get(`/${this.prefix}/:name`,r.entity()),this.router.get(`/${this.prefix}/database/:name`,r.getTable()),this.router.post(`/${this.prefix}/database/:name`,r.updateTable()),this.router.post("/__update/:name",r.updateTable(true)),this.router.post("/__delete/:name",r.clearTable());}};function X(s,e){s.databaseEnabled()&&p.info(`database: ${s.getDatabaseDirectoryPath()}`),p.info(`server: http://localhost:${e}`),console.log(W.textSync("FAKELAB"));}function H(s,e,t){let{port:r}=e.serverOpts(t.pathPrefix,t.port);s.listen(r,"localhost",()=>X(e,r)),s.on("close",()=>{p.close();});}function Z(s,e,t){e.setHeader("x-powered-by","fakelab"),t();}function Y(s){s.disable("x-powered-by"),s.use(C.json()),s.use(z({methods:"GET"})),s.use(C.static(u+"/public")),s.use(Z);}function ee(s){s.set("views",h.join(u,"views")),s.set("view engine","ejs"),s.use(K),s.set("layout","layouts/main");}async function A(s,e){let t=C(),r=C.Router(),n=V.createServer(t);Y(t),ee(t),await s.generateInFileRuntimeConfig(u,e),await new T(r,s,e).register(),t.use(r),H(n,s,e);}async function L(){try{let e=await new re().resolve({files:["fakelab.config.ts"]});return e||(p.error("No fakelab config file is detected."),process.exit(1)),(await bundleRequire({filepath:e})).mod.default}catch{p.error("Could not load the config file."),process.exit(1);}}var P=new Command,E=O.readJSONSync(h.join(u,"../package.json"));P.name(E.name).description(E.description).version(E.version);P.command("serve").description("start server").option("-s, --source <char>","config source path").option("-x, --pathPrefix <char>","server url path prefix").option("-p, --port <number>","server port number",parseInt).option("-l, --locale <char>","faker custom locale").action(async s=>{let e=await L();A(e,s);});P.parse();

package/lib/main.d.ts

@@ -14,10 +14,23 @@ type ServerOptions = {
 type FakerEngineOptions = {
     locale?: FakerLocale;
 };
+type DatabaseOptions = {
+    enabled: boolean;
+    dest?: string;
+};
+type BrowserExposeOptions = {
+    name: string;
+    mode: "module" | "global";
+};
+type BrowserOptions = {
+    expose?: Partial<BrowserExposeOptions>;
+};
 type ConfigOptions = {
     sourcePath: string | string[];
     server?: ServerOptions;
     faker?: FakerEngineOptions;
+    database?: DatabaseOptions;
+    browser?: BrowserOptions;
 };
 type ServerCLIOptions = {
     source?: string;
@@ -28,11 +41,18 @@ type ServerCLIOptions = {
 
 declare class Config {
     private readonly opts;
+    readonly RUNTIME_SOURCE_FILENAME = "runtime.js";
+    readonly RUNTIME_DECL_FILENAME = "runtime.d.ts";
     constructor(opts: ConfigOptions);
     files(_sourcePath?: string): Promise<string[]>;
     serverOpts(prefix?: string, port?: number): Required<ServerOptions>;
+    browserOpts(name?: string, mode?: "module" | "global"): Required<BrowserOptions>;
     fakerOpts(locale?: FakerLocale): Required<FakerEngineOptions>;
-    generateInFileRuntimeConfig(dir: string, options: ServerCLIOptions): Promise<void>;
+    generateInFileRuntimeConfig(dirname: string, options: ServerCLIOptions): Promise<void>;
+    getDatabaseDirectoryPath(): string;
+    databaseEnabled(): boolean;
+    private tryPrepareDatabase;
+    private modifyGitignoreFile;
     private tryStat;
     private isReadable;
     private resolveSourcePath;

package/lib/main.js

@@ -1,9 +1,10 @@
-import k from'fast-glob';import l from'path';import m from'fs-extra';import {stat,access,constants}from'fs/promises';import a from'picocolors';var s=class o{static prefix(e){let t=new Date().toLocaleTimeString();return {info:a.blue,warn:a.yellow,error:a.red,success:a.green,debug:a.magenta}[e](`[${t}] FAKELAB_${e.toUpperCase()}`)}static log(e,t,...r){let n=a.white,c=o.prefix(e);(e==="error"?console.error:e==="warn"?console.warn:console.log)(c,n(t),...r);}static info(e,...t){this.log("info",e,...t);}static warn(e,...t){this.log("warn",e,...t);}static error(e,...t){this.log("error",e,...t);}static success(e,...t){this.log("success",e,...t);}};var f=["af","ar","az","bn","cs","cy","da","de","dv","el","en","eo","es","fa","fi","fr","he","hr","hu","hy","id","it","ja","ka","ko","ku","lv","mk","nb","ne","nl","pl","pt","ro"];function h(){let o=Intl.DateTimeFormat().resolvedOptions().locale;if(!o)return "en";let[e]=o.split("-"),t=e.toLowerCase();return f.includes(t)?t:"en"}var i=class{static source(e,t){return `global.fakelab = {};
-global.fakelab.URL = "http://localhost:${e}/${t}/";
-global.fakelab.fetch = async function (name, count) {
+import R from'fast-glob';import i from'path';import p from'fs-extra';import {stat,access,constants}from'fs/promises';import C from'is-glob';import l from'winston';import u from'picocolors';import {transform}from'esbuild';function N(o){switch(o){case "info":return u.blueBright(o.toUpperCase());case "error":return u.redBright(o.toUpperCase());case "warn":return u.yellowBright(o.toUpperCase());default:return o.toUpperCase()}}var k=l.format.printf(({level:o,message:t,timestamp:e})=>`${u.dim(`[${e}]`)} ${N(o)} ${t}`),f=l.createLogger({format:l.format.combine(l.format.timestamp(),l.format.splat(),k),transports:[new l.transports.Console]}),D=new Intl.ListFormat("en",{style:"long",type:"unit"}),s=class{static info(t,...e){return f.info(t,...e)}static warn(t,...e){return f.warn(t,...e)}static error(t,...e){return f.error(t,...e)}static list(t){return D.format(t)}static close(){f.removeAllListeners(),f.close();}};var w="fakelab",y="module",h=["af","ar","az","bn","cs","cy","da","de","dv","el","en","eo","es","fa","fi","fr","he","hr","hu","hy","id","it","ja","ka","ko","ku","lv","mk","nb","ne","nl","pl","pt","ro"];function T(){let o=Intl.DateTimeFormat().resolvedOptions().locale;if(!o)return "en";let[t]=o.split("-"),e=t.toLowerCase();return h.includes(e)?e:"en"}var O=`let fl = {};
+let db = {};
+fl.url = () => "http://localhost:PORT/PREFIX/";
+fl.fetch = async function (name, count) {
   const search = count ? "?count=" + count : "";
 
-  const response = await fetch(global.fakelab.URL + name + search);
+  const response = await fetch(fl.url() + name + search);
 
   if (!response.ok) throw new Error("[fakelab] Failed to retreived mock data.");
 
@@ -11,25 +12,108 @@ global.fakelab.fetch = async function (name, count) {
 
   return result;
 };
-`}static decl(){return `export {};
+
+db.enabled = () => ENABLED_COND;
+db.get = async function (name) {
+  if (!db.enabled()) throw new Error("[fakelab] Database is not enabled.");
+
+  const response = await fetch(NAME.url() + "database/" + name);
+
+  if (!response.ok) throw new Error("[fakelab] Failed to retreived data from database.");
+
+  const result = await response.json();
+
+  return result;
+};
+db.post = async function (name) {
+  if (!db.enabled()) throw new Error("[fakelab] Database is not enabled.");
+
+  const response = await fetch(NAME.url() + "database/" + name, { method: "POST" });
+
+  if (!response.ok) throw new Error("[fakelab] Failed to post data to database.");
+};
+
+const NAME = Object.freeze(fl);
+const database = Object.freeze(db);
+
+export { NAME, database };`,A=`declare function fetch<T extends keyof Runtime$, CT extends number | undefined = undefined>(name: T, count?: CT): Promise<Result$<Runtime$[T], CT>>;
+declare function get<T extends keyof Runtime$>(name: T): Promise<Runtime$[T]>;
+declare function post<T extends keyof Runtime$>(name: T): Promise<void>;
+declare function enabled(): boolean;
+declare function url(): string;
+declare const NAME: {
+  fetch: typeof fetch;
+  url: typeof url;
+};
+declare const database: {
+  get: typeof get;
+  post: typeof post;
+  enabled: typeof enabled;
+};
+type Result$<T, CT> = CT extends number ? (CT extends 0 ? T : T[]) : T;
+interface Runtime$ {}
+
+export { NAME, database };`,L=`global.NAME = {};
+global.NAME.database = {};
+global.NAME.url = () => "http://localhost:PORT/PREFIX/";
+global.NAME.fetch = async function (name, count) {
+  const search = count ? "?count=" + count : "";
+
+  const response = await fetch(global.NAME.url() + name + search);
+
+  if (!response.ok) throw new Error("[fakelab] Failed to retreived mock data.");
+
+  const result = await response.json();
+
+  return result;
+};
+global.NAME.database.enabled = () => ENABLED_COND;
+global.NAME.database.get = async function (name) {
+  if (!global.NAME.database.enabled()) throw new Error("[fakelab] Database is not enabled.");
+
+  const response = await fetch(global.NAME.url() + "database/" + name);
+
+  if (!response.ok) throw new Error("[fakelab] Failed to retreived data from database.");
+
+  const result = await response.json();
+
+  return result;
+};
+global.NAME.database.post = async function (name) {
+  if (!global.NAME.database.enabled()) throw new Error("[fakelab] Database is not enabled.");
+
+  const response = await fetch(global.NAME.url() + "database/" + name, { method: "POST" });
+
+  if (!response.ok) throw new Error("[fakelab] Failed to post data to database.");
+};
+
+const NAME = Object.freeze(fl);
+const database = Object.freeze(db);
+
+export { NAME, database };`,M=`export {};
 
 declare global {
-  const fakelab: {
-    fetch<T extends keyof FakeRuntime, Count extends number | undefined = undefined>(name: T, count?: Count): Promise<FakeResult<FakeRuntime[T], Count>>;
-    readonly URL: string;
+  const database: {
+    enabled(): boolean;
+    get<T extends keyof Runtime$>(name: T): Promise<Runtime$[T]>;
+    post(name: keyof Runtime$): Promise<void>;
+  };
+  const NAME: {
+    fetch<T extends keyof Runtime$, CT extends number | undefined = undefined>(name: T, count?: CT): Promise<Result$<Runtime$[T], CT>>;
+    url(): string;
+    database: typeof database;
   };
-  type FakeResult<T, Count> = Count extends number ? (Count extends 0 ? T : T[]) : T;
-  interface FakeRuntime {}
+  type Result$<T, CT> = CT extends number ? (CT extends 0 ? T : T[]) : T;
+  interface Runtime$ {}
   interface Window {
-    readonly fakelab: typeof fakelab;
+    readonly NAME: typeof NAME;
   }
 
   namespace NodeJS {
     interface Global {
-      fakelab: typeof fakelab;
+      NAME: typeof NAME;
     }
   }
-}
-`}};var p=class{constructor(e){this.opts=e;this.files=this.files.bind(this),this.serverOpts=this.serverOpts.bind(this),this.fakerOpts=this.fakerOpts.bind(this);}async files(e){let t=this.resolveSourcePath(e||this.opts.sourcePath),r=Array.from(new Set((await Promise.all(t.map(n=>this.resolveTSFiles(n)))).flat()));return r.length===0&&(s.error(`No Typescript files found in:
-%s`,t.join(`
-`)),process.exit(1)),r}serverOpts(e,t){return {pathPrefix:e||this.opts.server?.pathPrefix||"api",port:t||this.opts.server?.port||5200}}fakerOpts(e){let t=(e||this.opts.faker?.locale)?.toLowerCase();return t&&f.includes(t)?{locale:t}:{locale:h()}}async generateInFileRuntimeConfig(e,t){let{port:r,pathPrefix:n}=this.serverOpts(t.pathPrefix,t.port),c=l.resolve(e,"runtime.js"),u=l.resolve(e,"runtime.d.ts");await Promise.all([m.writeFile(c,i.source(r,n)),m.writeFile(u,i.decl())]);}async tryStat(e){try{return await stat(e)}catch{return null}}async isReadable(e){try{return await access(e,constants.R_OK),!0}catch{return  false}}resolveSourcePath(e){return (Array.isArray(e)?e:[e]).map(r=>l.resolve(r))}async resolveTSFiles(e){let t=l.resolve(e),r=t.endsWith(".ts")?t:t+".ts";if((await this.tryStat(r))?.isFile()){if(!await this.isReadable(r))throw new Error(`Cannot read file: ${r}`);return s.info("Source:",r),[r]}if((await this.tryStat(t))?.isDirectory())return s.info("Source:",t),k("**/*.ts",{cwd:t,absolute:true,ignore:["**/*.d.ts"]});s.error(`Invalid source path: ${e}`),process.exit(1);}};function b(o){return new p(o)}export{b as defineConfig};
+}`;var g=class{constructor(t,e,r,a){this.port=t;this.prefix=e;this.browserOptions=r;this.dbOptions=a;this.name=this.browserOptions?.expose?.name||"fakelab",this.databaseEnabled=this.dbOptions?.enabled??true?"true":"false";}name;databaseEnabled;transformOptions={minify:true,platform:"browser",target:"es2022"};replacer(t,e){let r=t;for(let a in e)r=r.replace(new RegExp(a,"g"),e[a].toString().trim());return r}async prepareGlobalSource(){let t=this.replacer(L,{NAME:this.name,PORT:this.port,PREFIX:this.prefix,ENABLED_COND:this.databaseEnabled});try{let{code:e}=await transform(t,this.transformOptions);return e}catch(e){return e instanceof Error&&s.warn(e.message),t}}globalDeclaration(){return this.replacer(M,{NAME:this.name})}},b=class o extends g{constructor(e,r,a,c){super(e,r,a,c);this.port=e;this.prefix=r;this.browserOptions=a;this.dbOptions=c;}static init(e,r,a,c){let E=new o(e,r,a,c);return new Proxy(E,{get(n,d){return d==="prepareSource"?a?.expose?.mode==="global"?n.prepareGlobalSource:n.prepareSource:d==="declaration"?a?.expose?.mode==="global"?n.globalDeclaration:n.declaration:n[d]}})}async prepareSource(){let e=this.replacer(O,{NAME:this.name,PORT:this.port,PREFIX:this.prefix,ENABLED_COND:this.databaseEnabled});try{let{code:r}=await transform(e,this.transformOptions);return r}catch(r){return r instanceof Error&&s.warn(r.message),e}}declaration(){return this.replacer(A,{NAME:this.name})}};var m=class{constructor(t){this.opts=t;this.files=this.files.bind(this),this.serverOpts=this.serverOpts.bind(this),this.fakerOpts=this.fakerOpts.bind(this),this.browserOpts=this.browserOpts.bind(this);}RUNTIME_SOURCE_FILENAME="runtime.js";RUNTIME_DECL_FILENAME="runtime.d.ts";async files(t){let e=this.resolveSourcePath(t||this.opts.sourcePath),r=Array.from(new Set((await Promise.all(e.map(a=>this.resolveTSFiles(a)))).flat()));return r.length===0&&(s.error("No Typescript files found in: %s",s.list(e.map(a=>i.basename(a)))),process.exit(1)),r}serverOpts(t,e){return {pathPrefix:t||this.opts.server?.pathPrefix||"api",port:e||this.opts.server?.port||5200}}browserOpts(t,e){return {expose:{mode:e||this.opts.browser?.expose?.mode||y,name:t||this.opts.browser?.expose?.name||w}}}fakerOpts(t){let e=(t||this.opts.faker?.locale)?.toLowerCase();return e&&h.includes(e)?{locale:e}:{locale:T()}}async generateInFileRuntimeConfig(t,e){let{port:r,pathPrefix:a}=this.serverOpts(e.pathPrefix,e.port);await this.tryPrepareDatabase();let c=i.resolve(t,this.RUNTIME_SOURCE_FILENAME),E=i.resolve(t,this.RUNTIME_DECL_FILENAME),n=b.init(r,a,this.opts.browser,this.opts.database),d=await n.prepareSource();await Promise.all([p.writeFile(c,d),p.writeFile(E,n.declaration())]);}getDatabaseDirectoryPath(){let t=this.opts.database?.dest||"db";return i.resolve(process.cwd(),t)}databaseEnabled(){return this.opts.database?.enabled??false}async tryPrepareDatabase(){if(this.databaseEnabled())try{let t=this.opts.database?.dest||"db";await p.ensureDir(this.getDatabaseDirectoryPath()),await this.modifyGitignoreFile(t);}catch{s.error("Could not create database.");}else (!this.opts.database||!this.databaseEnabled())&&await p.rm(this.getDatabaseDirectoryPath(),{force:true,recursive:true});}async modifyGitignoreFile(t){try{let e=i.resolve(process.cwd(),".gitignore");if((await p.readFile(e,{encoding:"utf8"})).split(`
+`).some(a=>a.trim()===t.trim()))return;await p.appendFile(e,`
+${t}`);}catch{s.error("Could not modify .gitignore file.");}}async tryStat(t){try{return await stat(t)}catch{return null}}async isReadable(t){try{return await access(t,constants.R_OK),!0}catch{return  false}}resolveSourcePath(t){return (Array.isArray(t)?t:[t]).map(r=>C(r,{strict:true})?r:i.resolve(r))}async resolveTSFiles(t){if(C(t,{strict:true}))return s.info("source: %s",t),R(t,{absolute:true,ignore:["**/*.d.ts"]});let e=i.resolve(t),r=e.endsWith(".ts")?e:e+".ts";return (await this.tryStat(r))?.isFile()?(await this.isReadable(r)||(s.error("Cannot read file: %s",r),process.exit(1)),s.info("source: %s",r),[r]):(await this.tryStat(e))?.isDirectory()?(s.info("source: %s",e),R("**/*.ts",{cwd:e,absolute:true,ignore:["**/*.d.ts"]})):(s.warn("invalid source: [REDACTED]/%s",i.basename(r)),[])}};function U(o){return new m(o)}export{U as defineConfig};

package/lib/public/css/style.css

@@ -88,6 +88,31 @@ pre {
   padding-block: 16px;
 }
 
+.sidebar_content .database_section {
+  display: flex;
+  flex: 1;
+  max-height: fit-content;
+  padding-inline: 16px;
+  padding-bottom: 16px;
+}
+.database_section .database_btn {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  flex: 1;
+  padding: 12px;
+  background: linear-gradient(to right bottom, oklch(60% 0.118 184.704), oklch(60.9% 0.126 221.723));
+  color: #ffffff;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: inter;
+  border-radius: 999px;
+  &:hover {
+    background: linear-gradient(to right bottom, oklch(70.4% 0.14 182.503), oklch(71.5% 0.143 215.221));
+  }
+}
+
 .sidebar_content .sidebar_content_leading {
   display: flex;
   gap: 8px;
@@ -311,6 +336,60 @@ pre {
   }
 }
 
+.toolbar_setting .toolbar_db_action {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  border: none;
+  gap: 6px;
+  min-width: fit-content;
+  white-space: nowrap;
+  outline: none;
+  background: oklch(27.8% 0.033 256.848);
+  box-shadow: 0px 0px 2px hsl(220, 43%, 10%);
+  height: 32px;
+  padding-inline: 12px;
+  color: #fff;
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 250ms ease-in-out;
+  &:hover {
+    background: hsl(216, 31%, 19%);
+  }
+}
+
+.toolbar_setting .toolbar_clear_action {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  gap: 6px;
+  border: none;
+  min-width: fit-content;
+  white-space: nowrap;
+  outline: none;
+  background: oklch(27.8% 0.033 256.848);
+  box-shadow: 0px 0px 2px hsl(220, 43%, 10%);
+  height: 32px;
+  padding-inline: 12px;
+  color: #fff;
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 250ms ease-in-out;
+  &:hover {
+    background: hsl(216, 31%, 19%);
+  }
+}
+
+.toolbar_clear_action.disabled {
+  cursor: default;
+  opacity: 0.5;
+  &:hover {
+    background: oklch(27.8% 0.033 256.848);
+  }
+}
+
 .toolbar_setting .toolbar_setting_overlay {
   display: none;
   position: absolute;

package/lib/public/icons/arrow-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left-icon lucide-arrow-left"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>

package/lib/public/icons/database.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database-icon lucide-database"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19A9 3 0 0 0 21 19V5"/><path d="M3 12A9 3 0 0 0 21 12"/></svg>

package/lib/public/icons/eraser.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eraser-icon lucide-eraser"><path d="M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"/><path d="m5.082 11.09 8.828 8.828"/></svg>

package/lib/public/icons/insert.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-between-horizontal-start-icon lucide-between-horizontal-start"><rect width="13" height="7" x="8" y="3" rx="1"/><path d="m2 9 3 3-3 3"/><rect width="13" height="7" x="8" y="14" rx="1"/></svg>

package/lib/public/icons/trash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash-icon lucide-trash"><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>

package/lib/public/js/fakelab.min.js

@@ -27,10 +27,11 @@ function downloadJsonCode(e) {
     });
 }
 function openSettings() {
-  document.getElementById("setting_overlay").setAttribute("data-visible", "true");
+  document.getElementById("setting_overlay")?.setAttribute("data-visible", "true");
 }
 function handleCloseSetting(e) {
   var t = document.getElementById("setting_overlay");
+  if (!t) return;
   e.target && !t.contains(e.target) && "overlay_trigger" !== e.target.id && t.setAttribute("data-visible", "false");
 }
 function submitForm(e) {

package/lib/views/components/database/sidebar.ejs

@@ -0,0 +1,30 @@
+<aside class="sidebar">
+  <a class="logo" href="/"><img src="/icons/logo.svg" width="20px" height="20px" /><span>Fakelab</span></a>
+  <div class="sidebar_content">
+    <div class="database_section">
+      <a href="/" class="database_btn">
+        <img src="/icons/arrow-left.svg" width="18px" height="18px" />
+        <span>Dashboard</span>
+      </a>
+    </div>
+    <div class="sidebar_content_leading">
+      <div class="sidebar_content_indicator_icon"></div>
+      <span class="sidebar_content_title">Registered entities</span>
+    </div>
+    <div class="sidebar_content_list">
+      <% entities.forEach((entity,entityName) => { %>
+      <a class="sidebar_content_list_item <%= entityName === name ? 'active' : '' %>" href="/database/<%= entityName %>">
+        <span class="item_name"><%= entityName %></span>
+        <span class="item_filepath"><%= entity.tablepath %></span>
+      </a>
+      <% }) %>
+    </div>
+  </div>
+  <a class="sidebar_docs" href="https://fakerjs.dev/" target="_blank" rel="noopener noreferrer">
+    <span>Fakerjs documents</span>
+    <img class="icon" src="/icons/link.svg" width="18px" height="18px" />
+  </a>
+  <div class="sidebar_footer">
+    <span>app version: <%= version %></span>
+  </div>
+</aside>

package/lib/views/components/database/toolbar.ejs

@@ -0,0 +1,40 @@
+<div class="preview_toolbar loading">
+  <div class="toolbar_setting">
+    <div class="data_fetch_address">
+      <div class="address">
+        <span class="address_method">GET</span>
+        <span id="request_address_url" class="address_url"><%= address %><%= prefix %>/database/<%= name %></span>
+      </div>
+      <img id="copy_btn" onclick="copyAddressUrl()" class="icon pointer_auto" src="/icons/copy.svg" width="16px" height="16px" />
+    </div>
+    <form action="/__update/<%= name %>" method="POST">
+      <button class="toolbar_db_action" type="submit">
+        <img src="/icons/insert.svg" width="16px" height="16px" />
+        Add a record
+      </button>
+    </form>
+    <% if (hasData) { %>
+    <form action="/__delete/<%= name %>" method="POST">
+      <button class="toolbar_clear_action" type="submit">
+        <img src="/icons/eraser.svg" width="16px" height="16px" />
+        Clear
+      </button>
+    </form>
+    <% } else { %>
+    <button class="toolbar_clear_action disabled" type="submit">
+      <img src="/icons/eraser.svg" width="16px" height="16px" />
+      Clear
+    </button>
+    <% } %>
+  </div>
+
+  <div class="toolbar_actions">
+    <div class="toolbar_action_item" onclick="copyJsonCode()">
+      <img class="icon" src="/icons/copy.svg" width="18px" height="18px" />
+    </div>
+    <div class="divider"></div>
+    <a class="toolbar_action_item" data-source-name="<%= name %>" onclick="downloadJsonCode(this)">
+      <img class="icon" src="/icons/download.svg" width="18px" height="18px" />
+    </a>
+  </div>
+</div>

package/lib/views/components/sidebar.ejs

@@ -1,14 +1,22 @@
 <aside class="sidebar">
   <a class="logo" href="/"><img src="/icons/logo.svg" width="20px" height="20px" /><span>Fakelab</span></a>
   <div class="sidebar_content">
+    <% if (enabled) { %>
+    <div class="database_section">
+      <a href="/database" class="database_btn">
+        <img src="/icons/database.svg" width="18px" height="18px" />
+        <span>Database</span>
+      </a>
+    </div>
+    <% } %>
     <div class="sidebar_content_leading">
       <div class="sidebar_content_indicator_icon"></div>
       <span class="sidebar_content_title">Found interfaces</span>
     </div>
     <div class="sidebar_content_list">
-      <% entities.forEach((entity,name) => { %>
-      <a class="sidebar_content_list_item <%= currentPath === `/${name}` ? 'active' : '' %>" href="/<%= name %>">
-        <span class="item_name"><%= name %></span>
+      <% entities.forEach((entity,entityName) => { %>
+      <a class="sidebar_content_list_item <%= entityName === name ? 'active' : '' %>" href="/entities/<%= entityName %>">
+        <span class="item_name"><%= entityName %></span>
         <span class="item_filepath"><%= entity.filepath %></span>
       </a>
       <% }) %>

package/lib/views/database.ejs

@@ -0,0 +1,9 @@
+<%- include("components/database/sidebar", { entities, version, name }) %> <% title = "Fakelab | Database" %>
+<main class="main">
+  <header class="header"></header>
+  <div class="preview">
+    <div class="nodata">
+      <span>Select a entity to load the table.</span>
+    </div>
+  </div>
+</main>

package/lib/views/index.ejs

@@ -1,4 +1,4 @@
-<%- include("components/sidebar", {currentPath, entities, version }) %> <% title = "Fakelab" %>
+<%- include("components/sidebar", { entities, version, enabled, name }) %> <% title = "Fakelab" %>
 <main class="main">
   <header class="header"></header>
   <div class="preview">

package/lib/views/preview.ejs

@@ -1,4 +1,4 @@
-<%- include("components/sidebar", {currentPath, entities, version }) %> <% title = name %>
+<%- include("components/sidebar", {entities, name, version, enabled }) %> <% title = name %>
 <main class="main">
   <header class="header">
     <span class="interface_name"><%= name %></span>

package/lib/views/table.ejs

@@ -0,0 +1,8 @@
+<%- include("components/database/sidebar", { entities, name, version }) %> <% title = name %>
+<main class="main">
+  <header class="header">
+    <span class="interface_name"><%= name %></span>
+  </header>
+  <div class="preview"><%- include("components/database/toolbar", { address, prefix, name, hasData }) %><%- include("components/code", { lang: "json", code: json }) %></div>
+</main>
+<script src="/js/fakelab.min.js"></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fakelab",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "type": "module",
   "license": "MIT",
   "description": "A easy-config mock server for frontend developers.",
@@ -12,7 +12,7 @@
       "types": "./lib/main.d.ts",
       "default": "./lib/main.js"
     },
-    "./runtime": {
+    "./browser": {
       "types": "./lib/runtime.d.ts",
       "node": "./lib/runtime.js",
       "default": "./lib/runtime.js"
@@ -60,6 +60,7 @@
     "@types/express": "^5.0.6",
     "@types/express-ejs-layouts": "^2.5.4",
     "@types/fs-extra": "^11.0.4",
+    "@types/is-glob": "^4.0.4",
     "@types/node": "^24.10.1",
     "release-it": "^19.0.6",
     "tsup": "^8.5.1",
@@ -73,15 +74,19 @@
     "commander": "^14.0.2",
     "cors": "^2.8.5",
     "ejs": "^3.1.10",
+    "esbuild": "^0.27.2",
     "express": "^5.2.1",
     "express-ejs-layouts": "^2.5.1",
     "fast-glob": "^3.3.3",
     "figlet": "^1.9.4",
     "fs-extra": "^11.3.2",
+    "is-glob": "^4.0.3",
     "joycon": "^3.1.1",
+    "lowdb": "^7.0.1",
     "picocolors": "^1.1.1",
     "qs": "^6.14.0",
-    "ts-morph": "^27.0.2"
+    "ts-morph": "^27.0.2",
+    "winston": "^3.19.0"
   },
   "bin": {
     "fakelab": "bin/run.js"