npm - miqro - Versions diffs - 7.0.1 → 7.0.3 - Mend

miqro 7.0.1 → 7.0.3

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 (148) hide show

package/build/esm/editor/auth.d.ts +6 -0
package/build/esm/editor/auth.js +41 -0
package/build/esm/editor/common/admin-interface.d.ts +36 -0
package/build/esm/editor/common/admin-interface.js +44 -0
package/build/esm/editor/common/constants.d.ts +4 -0
package/build/esm/editor/common/constants.js +20 -0
package/build/esm/editor/common/constants.server.d.ts +2 -0
package/build/esm/editor/common/constants.server.js +4 -0
package/build/esm/editor/common/editor-index.d.ts +2 -0
package/build/esm/editor/common/editor-index.js +14 -0
package/build/esm/editor/common/html-encode.d.ts +1 -0
package/build/esm/editor/common/html-encode.js +14 -0
package/build/esm/editor/common/log-socket.d.ts +15 -0
package/build/esm/editor/common/log-socket.js +71 -0
package/build/esm/editor/common/templates.d.ts +11 -0
package/build/esm/editor/common/templates.js +477 -0
package/build/esm/editor/components/api-preview.d.ts +11 -0
package/build/esm/editor/components/api-preview.js +92 -0
package/build/esm/editor/components/editor.d.ts +16 -0
package/build/esm/editor/components/editor.js +367 -0
package/build/esm/editor/components/file-browser.d.ts +37 -0
package/build/esm/editor/components/file-browser.js +127 -0
package/build/esm/editor/components/file-editor-toolbar.d.ts +22 -0
package/build/esm/editor/components/file-editor-toolbar.js +95 -0
package/build/esm/editor/components/file-editor.d.ts +32 -0
package/build/esm/editor/components/file-editor.js +61 -0
package/build/esm/editor/components/filter-query.d.ts +1 -0
package/build/esm/editor/components/filter-query.js +23 -0
package/build/esm/editor/components/highlight-text-area.d.ts +11 -0
package/build/esm/editor/components/highlight-text-area.js +127 -0
package/build/esm/editor/components/log-viewer.d.ts +6 -0
package/build/esm/editor/components/log-viewer.js +71 -0
package/build/esm/editor/components/new-file.d.ts +10 -0
package/build/esm/editor/components/new-file.js +119 -0
package/build/esm/editor/components/scroll-query.d.ts +7 -0
package/build/esm/editor/components/scroll-query.js +22 -0
package/build/esm/editor/components/start-page.d.ts +13 -0
package/build/esm/editor/components/start-page.js +32 -0
package/build/esm/editor/http/admin/editor/api/fs/delete.api.d.ts +3 -0
package/build/esm/editor/http/admin/editor/api/fs/delete.api.js +30 -0
package/build/esm/editor/http/admin/editor/api/fs/read.api.d.ts +5 -0
package/build/esm/editor/http/admin/editor/api/fs/read.api.js +50 -0
package/build/esm/editor/http/admin/editor/api/fs/rename.api.d.ts +4 -0
package/build/esm/editor/http/admin/editor/api/fs/rename.api.js +40 -0
package/build/esm/editor/http/admin/editor/api/fs/scan.api.d.ts +26 -0
package/build/esm/editor/http/admin/editor/api/fs/scan.api.js +150 -0
package/build/esm/editor/http/admin/editor/api/fs/write.api.d.ts +3 -0
package/build/esm/editor/http/admin/editor/api/fs/write.api.js +39 -0
package/build/esm/editor/http/admin/editor/api/server/reload.api.d.ts +10 -0
package/build/esm/editor/http/admin/editor/api/server/reload.api.js +46 -0
package/build/esm/editor/http/admin/editor/api/server/restart.api.d.ts +10 -0
package/build/esm/editor/http/admin/editor/api/server/restart.api.js +46 -0
package/build/esm/editor/http/admin/editor/editor.d.ts +1 -0
package/build/esm/editor/http/admin/editor/editor.js +8 -0
package/build/esm/editor/http/admin/editor/index.api.d.ts +3 -0
package/build/esm/editor/http/admin/editor/index.api.js +22 -0
package/build/esm/editor/server.d.ts +3 -0
package/build/esm/editor/server.js +49 -0
package/build/esm/editor/ws.d.ts +3 -0
package/build/esm/editor/ws.js +11 -0
package/build/esm/src/inflate/inflate-sea.js +8 -1
package/build/esm/src/services/app.js +7 -2
package/build/lib.cjs +14 -3
package/editor/auth.ts +51 -0
package/editor/common/admin-interface.ts +84 -0
package/editor/common/constants.server.ts +5 -0
package/editor/common/constants.ts +21 -0
package/editor/common/editor-index.tsx +17 -0
package/editor/common/html-encode.ts +14 -0
package/editor/common/log-socket.tsx +87 -0
package/editor/common/templates.ts +481 -0
package/editor/components/api-preview.tsx +118 -0
package/editor/components/editor.tsx +496 -0
package/editor/components/file-browser.tsx +311 -0
package/editor/components/file-editor-toolbar.tsx +194 -0
package/editor/components/file-editor.tsx +125 -0
package/editor/components/filter-query.tsx +26 -0
package/editor/components/highlight-text-area.tsx +148 -0
package/editor/components/log-viewer.tsx +113 -0
package/editor/components/new-file.tsx +172 -0
package/editor/components/scroll-query.tsx +25 -0
package/editor/components/start-page.tsx +52 -0
package/editor/http/admin/editor/api/fs/delete.api.tsx +32 -0
package/editor/http/admin/editor/api/fs/read.api.tsx +55 -0
package/editor/http/admin/editor/api/fs/rename.api.tsx +41 -0
package/editor/http/admin/editor/api/fs/scan.api.tsx +181 -0
package/editor/http/admin/editor/api/fs/write.api.tsx +41 -0
package/editor/http/admin/editor/api/server/reload.api.ts +53 -0
package/editor/http/admin/editor/api/server/restart.api.tsx +52 -0
package/editor/http/admin/editor/editor.tsx +10 -0
package/editor/http/admin/editor/index.api.tsx +42 -0
package/editor/server.ts +57 -0
package/editor/ws.ts +15 -0
package/package.json +2 -2
package/src/bin/compile.ts +35 -0
package/src/bin/doc-md.ts +210 -0
package/src/bin/generate-doc.ts +64 -0
package/src/bin/test.ts +92 -0
package/src/bin/types.ts +34 -0
package/src/cluster.ts +27 -0
package/src/common/arguments.ts +762 -0
package/src/common/assets.ts +148 -0
package/src/common/checksum.ts +58 -0
package/src/common/constants.ts +18 -0
package/src/common/content-type.ts +84 -0
package/src/common/esbuild.ts +102 -0
package/src/common/exit.ts +91 -0
package/src/common/fs.ts +82 -0
package/src/common/help.ts +60 -0
package/src/common/jsx.ts +562 -0
package/src/common/jwt.ts +85 -0
package/src/common/paths.ts +107 -0
package/src/common/watch.ts +88 -0
package/src/inflate/inflate-sea.ts +244 -0
package/src/inflate/inflate.ts +101 -0
package/src/inflate/md.ts +25 -0
package/src/inflate/setup-auth.ts +41 -0
package/src/inflate/setup-cors.ts +41 -0
package/src/inflate/setup-db.ts +117 -0
package/src/inflate/setup-error.ts +44 -0
package/src/inflate/setup-http.ts +704 -0
package/src/inflate/setup-log.ts +45 -0
package/src/inflate/setup-middleware.ts +47 -0
package/src/inflate/setup-server-config.ts +48 -0
package/src/inflate/setup-test.ts +23 -0
package/src/inflate/setup-ws.ts +50 -0
package/src/inflate/setup.doc.ts +92 -0
package/src/inflate/utils/sea-utils.ts +14 -0
package/src/lib.ts +34 -0
package/src/main.ts +101 -0
package/src/services/app.ts +703 -0
package/src/services/editor.tsx +101 -0
package/src/services/globals.ts.ignore +186 -0
package/src/services/hot-reload.ts +51 -0
package/src/services/migrations.ts +68 -0
package/src/services/utils/admin-interface.ts +37 -0
package/src/services/utils/cache.ts +88 -0
package/src/services/utils/cluster-cache.ts +230 -0
package/src/services/utils/cluster-ws.ts +202 -0
package/src/services/utils/db-manager.ts +92 -0
package/src/services/utils/get-route.ts +70 -0
package/src/services/utils/jwt.ts +25 -0
package/src/services/utils/log-transport.ts +81 -0
package/src/services/utils/log.ts +92 -0
package/src/services/utils/middleware.ts +10 -0
package/src/services/utils/server-interface.ts +122 -0
package/src/services/utils/websocketmanager.ts +157 -0
package/src/types.ts +307 -0

package/editor/common/admin-interface.ts ADDED Viewed

@@ -0,0 +1,84 @@
+import { RouterHandlerOptions } from "@miqro/core";
+import { CacheInterface, ServerRequest } from "../../src/types.js";
+import { MigrationModule } from "../../src/inflate/setup-db.js";
+export interface EditorAdminInterface {
+  getCache: () => CacheInterface;
+  //inflateJSX: (path: string, minify?: boolean) => Promise<string>;
+  getMigrations(): MigrationModule[];
+  stop: () => Promise<void>;
+  reload: () => Promise<null | {
+    filePath: string;
+    error: Error;
+  }[]>;
+  restart: () => Promise<null | {
+    filePath: string;
+    error: Error;
+  }[]>;
+  getHotReloadHTML(): string;
+  getInflateErrors(): null | {
+    filePath: string;
+    error: Error;
+  }[];
+  getServices(): string[];
+  getRouteFileMap(): {
+    [filePath: string]: {
+      routes: {
+        path?: string;
+        method?: string | null;
+        options?: RouterHandlerOptions;
+        inflatePath?: string;
+      }[];
+      previewMethod: "api" | "html" | null;
+    }
+  };
+}
+export interface AdminRequest extends ServerRequest {
+  editor?: EditorAdminInterface;
+}
+/*let currentAdminInterface: EditorAdminInterface | null = null;
+function createFakeAdminInterface(server: any): EditorAdminInterface {
+  return {
+    getCache: () => {
+      return server.cache;
+    },
+    stop: async () => {
+    },
+    restart: async () => {
+      return null;
+    },
+    reload: async () => {
+      return null;
+    },
+    getHotReloadHTML: () => {
+      return "";
+    },
+    getMigrations: () => {
+      return [];
+    },
+    getServices: () => {
+      return ["."];
+    },
+    getRouteFileMap: () => {
+      return {};
+    },
+    getInflateErrors: () => {
+      return [];
+    },
+    inflateJSX: async function inflateJSX(path, minify: boolean = true) {
+      return "";
+    }
+  }
+}
+export function getEditorAdmin(server): EditorAdminInterface {
+  return currentAdminInterface ? currentAdminInterface : createFakeAdminInterface(server);
+}
+export function setEditorAdmin(admin: EditorAdminInterface): void {
+  currentAdminInterface = admin;
+}*/

package/editor/common/constants.server.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { resolve } from "node:path";
+import { cwd } from "node:process";
+export const PORT = process.env["PORT"] ? process.env["PORT"] : "8080";
+export const BASE_PATH = resolve(cwd());

package/editor/common/constants.ts ADDED Viewed

@@ -0,0 +1,21 @@
+export const BASEEDITOR_PATH = "/admin/editor";
+export const LOG_SOCKET_PATH = "/admin/socket";
+export const LOG_WRITE_EVENT = "LogWrite";
+export const SUPPORTED_LANGUAGES = [
+  "text",
+  "json",
+  "javascript",
+  "typescript",
+  "dockerfile",
+  "yaml",
+  "xml",
+  "html",
+  "css",
+  "scss",
+  "markdown",
+  "c",
+  "cpp",
+  "bash",
+  "python"
+];

package/editor/common/editor-index.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import { scanDir } from "../http/admin/editor/api/fs/scan.api.js";
+import { parseInflateErrors } from "../http/admin/editor/api/server/restart.api.js";
+import { AdminRequest } from "./admin-interface.js";
+import { HTMLEncode } from "./html-encode.js";
+export function EditorIndex(editorCSS: string, editorJS: string, enableHotReload: boolean) {
+  return async function editorIndex(req: AdminRequest, res) {
+    const admin = req.editor;
+    const errors = parseInflateErrors(admin ? admin.getInflateErrors() : []);
+    const files = scanDir(req);
+    const migrations = admin ? admin.getMigrations().map(m => m.name) : [];
+    const services = admin ? admin.getServices() : ["."];
+    const hotReload = enableHotReload ? (admin ? admin.getHotReloadHTML() : "") : "";
+    res.html(`<!DOCTYPE html><html><body><style>${editorCSS}</style><script type="module">${editorJS}</script><editor-component class="main-container" reloadstring="${req.uuid}" migrations="${HTMLEncode(JSON.stringify(migrations))}" services="${HTMLEncode(JSON.stringify(services))}" errors="${HTMLEncode(JSON.stringify(errors))}" files="${HTMLEncode(JSON.stringify(files))}"><noscript>Enable JavaScript</noscript></editor-component>${hotReload}</body></html>`)
+  }
+}

package/editor/common/html-encode.ts ADDED Viewed

@@ -0,0 +1,14 @@
+export function HTMLEncode(str: string): string {
+  let i = str.length;
+  const aRet: string[] = [];
+  while (i--) {
+    const iC = str[i].charCodeAt(0);
+    if (iC < 65 || iC > 127 || (iC > 90 && iC < 97)) {
+      aRet[i] = '&#' + iC + ';';
+    } else {
+      aRet[i] = str[i];
+    }
+  }
+  return aRet.join('');
+}

package/editor/common/log-socket.tsx ADDED Viewed

@@ -0,0 +1,87 @@
+import * as jsx from "@miqro/jsx";
+interface LogLine { out: string; identifier: string; level: "error" | "warn" | "debug" | "trace" | "info" }
+export interface LogSocket {
+  lines: LogLine[];
+  clearLog: () => void;
+  getMaxlogsize: () => number | "unlimited";
+  setMaxLogSize: (val: number | "unlimited") => void;
+}
+export function useLogSocket(options: { disableLog?: boolean; }): LogSocket {
+  const [_, setmaxLogSize, getMaxlogsize] = jsx.useState<number | "unlimited">(1000000);
+  const [__, setlines, getLines] = jsx.useState<LogLine[]>([]);
+  const refresh = jsx.useRefresh();
+  jsx.useEffect(() => {
+    let timeout;
+    function setupSocket() {
+      try {
+        if (options.disableLog) {
+          return;
+        }
+        console.log("setting up log socket");
+        const socket = new WebSocket("/admin/socket");
+        socket.addEventListener("error", (err) => {
+          console.error(err);
+          clearTimeout(timeout);
+          timeout = setTimeout(() => {
+            setupSocket();
+          }, 1000);
+        });
+        socket.addEventListener("open", () => {
+          console.log("log socket open");
+          clearTimeout(timeout);
+          socket.addEventListener("message", (msg) => {
+            const lines = getLines();
+            const data = JSON.parse(msg.data);
+            //console.log(data.out);
+            const maxLogSize = getMaxlogsize();
+            if (maxLogSize !== "unlimited" && lines.length >= maxLogSize) {
+              lines.splice(0, (lines.length - maxLogSize) + 1);
+            }
+            lines.push(data);
+            setlines(lines);
+            refresh();
+          });
+        });
+        socket.addEventListener("close", () => {
+          console.log("log socket close");
+          clearTimeout(timeout);
+          timeout = setTimeout(() => {
+            setupSocket();
+          }, 1000);
+        });
+      } catch (e) {
+        console.error(e);
+        clearTimeout(timeout);
+        timeout = setTimeout(() => {
+          setupSocket();
+        }, 1000);
+      }
+    }
+    setupSocket();
+  }, []);
+  return {
+    lines: getLines(),
+    clearLog: () => {
+      setlines([]);
+    },
+    getMaxlogsize,
+    setMaxLogSize: (newValue: number | "unlimited") => {
+      if (newValue === "unlimited") {
+        setmaxLogSize(newValue);
+      } else {
+        setmaxLogSize(newValue);
+      }
+    }
+  }
+}

package/editor/common/templates.ts ADDED Viewed

@@ -0,0 +1,481 @@
+export const TEMPLATES: {
+  [name: string]: {
+    displayName: string;
+    template?: ((filename: string, httpPath: string) => string);
+    httpSufix?: string;
+    sufix?: string;
+    prefix?: string;
+    language: string;
+    filename?: string;
+  }
+} = {
+  EMPTY: {
+    displayName: "empty file",
+    //template: () => "",
+    sufix: "",
+    language: "text",
+    prefix: ""
+  },
+  JSON: {
+    displayName: "a .json.ts file",
+    template: () => `import { ServerRequest, ServerResponse } from "miqro";
+export default async (req: ServerRequest | null, res: ServerResponse | null) => {
+  return {
+    count: 1
+  }
+}`,
+    sufix: ".json.ts",
+    language: "typescript",
+    prefix: ""
+  },
+  API: {
+    prefix: "http",
+    sufix: ".api.ts",
+    displayName: ".api.ts file",
+    language: "typescript",
+    template: () => `import { ServerRequest, ServerResponse, APIRoute } from "miqro";
+export default {
+  path: "/health",
+  description: "checks the health of the service",
+  method: "GET",
+  //middleware: [server.middleware.json()],
+  request: {
+    /*body: {
+      someAttr: "string",
+      optionalArray: "number[]?"
+    }*/
+  },
+  response: {
+    status: [200, 400],
+    body: {
+      status: {
+        type: "enum",
+        enumValues: ["OK", "NOK"]
+      },
+      message: "string?"
+    }
+  },
+  handler: async (req: ServerRequest, res: ServerResponse) => {
+    try {
+      const [{ c }] = await req?.server?.db?.get("MyDB")?.query("SELECT 1+1 as c") as [{ c: number }];
+      const statusText = String(c) === "2" ? "OK" : "NOK";
+      return {
+        status: statusText === "OK" ? 200 : 400,
+        body: {
+          status: statusText
+        }
+      }
+    } catch (e) {
+      req.logger.error(e);
+      return {
+        status: 400,
+        body: {
+          status: "NOK",
+          message: e.message
+        }
+      };
+    }
+  }
+} as APIRoute`
+  },
+  MIGRATION: {
+    prefix: "migration",
+    sufix: ".ts",
+    displayName: "migration file",
+    language: "typescript",
+    template: () => `import { Migration } from "miqro";
+export default {
+    up: async (db, logger) => {
+        await db.createTable("mytable", {
+            id: {
+                type: "bigint",
+                autoIncrement: true,
+                primaryKey: true
+            },
+            name: {
+                type: "string"
+            }
+        }).yield(logger);
+    },
+    down: async (db, logger) => {
+        await db.dropTable("mytable").yield(logger);
+    }
+} as Migration;`
+  },
+  TEST: {
+    prefix: "test",
+    sufix: ".test.tsx",
+    displayName: "a test file",
+    language: "typescript",
+    template: () => `import JSX from "@miqro/jsx";
+import { strictEqual } from "node:assert";
+describe("test group", () => {
+  it("sample test1", async () => {
+    const response = await test.request({
+      url: "/index.html"
+    });
+    strictEqual(response.status, 200);
+  });
+  it("sample test2", async () => {
+    await test.jsx.test(async (container, root, runtime) => {
+      function SomeComponent() {
+        return <p id="test-id">HelloWorld</p>
+      }
+      container.render(<SomeComponent />);
+      strictEqual(runtime.getElementById("test-id")?.textContent, "HelloWorld");
+    });
+  });
+});
+`
+  },
+  HTMLTSX: {
+    prefix: "http",
+    sufix: ".html.tsx",
+    displayName: ".html.tsx file",
+    language: "typescript",
+    template: () => `import JSX from "@miqro/jsx";
+import { ServerRequest, ServerResponse, APIOptions } from "miqro";
+/*export const apiOptions: APIOptions = {
+  path: ["/", "/index.html"],
+  method: ["GET"]
+};*/
+export default async (req: ServerRequest | null, res: ServerResponse | null) => {
+  return <html>
+    <head></head>
+    <body>
+      <h1>hello world!</h1>
+    </body>
+  </html>;
+}`
+  },
+  AUTHCONFIG: {
+    prefix: "",
+    sufix: ".ts",
+    filename: "auth",
+    displayName: "auth.ts file",
+    language: "typescript",
+    template: () => `import { AuthConfig } from "miqro";
+export default {
+  //path: ["/api/"], //optionaly specify a custom path list
+  /*options: {
+    tokenLocation: "free",// "query"//"cookie" //"header"
+    tokenLocationName: "x-auth"
+  },*/
+  authService: {
+    verify: async ({ token, req, res }) => {
+      // TODO Implement logic
+      return null;
+      /*return {
+        username: "username",
+        groups: ["someapi"],
+        account: "account",
+        token: ""
+      };*/
+    }
+  }
+} as AuthConfig;
+`
+  },
+  DOCCONFIG: {
+    prefix: "",
+    sufix: ".ts",
+    filename: "doc",
+    displayName: "doc.ts file",
+    language: "typescript",
+    template: () => `import { DocConfig } from "miqro";
+export default {
+  // auto publish API documentation
+  publish: {
+    "/api/doc.html": {
+      type: "HTML", // can be "MD" | "JSON" | "HTML"
+      //all: true, // enable to show .html and other static resources
+    }
+  }
+} as DocConfig;`
+  },
+  WSCONFIG: {
+    prefix: "",
+    sufix: ".ts",
+    filename: "ws",
+    displayName: "ws.ts file",
+    language: "typescript",
+    template: () => `import { WSConfig } from "miqro";
+export default {
+  path: "/socket",
+  //disabled: true,
+  //maxConnections: 100,
+  /*onConnection(req) {
+  },*/
+  /*onDisconnect: (req) => {
+  },*/
+  /*onError: (req, error) => {
+  },*/
+  /*onMessage: (req, data) => {
+  },*/
+  validate(req) {
+    // TODO implement logic
+    return false;
+  },
+} as WSConfig;
+`
+  },
+  SERVERCONFIG: {
+    prefix: "",
+    sufix: ".ts",
+    filename: "server",
+    displayName: "server.ts file",
+    language: "typescript",
+    template: () => `import { ServerConfig } from "miqro";
+export default {
+  preload: async (server) => {
+    server.logger.info("server preload");
+    /* uncomment code below to migrate-up the database "MyDB" before loading */
+    /*if (server?.isPrimaryWorker()) {
+      await server.db.migrate({ direction: "up", dbName: "MyDB" });
+    }*/
+  },
+  load: async (server) => {
+    server.logger.info("server loaded");
+  },
+  start: async (server) => {
+    server.logger.info("server started");
+    if (server.isPrimaryWorker()) {
+      try {
+        server.openBrowser("/index.html");
+      } catch (e) {
+        server.logger.error(e.message);
+      }
+    }
+  },
+  unload: (server) => {
+    server.logger.info("server unload");
+  },
+  stop: (server) => {
+    server.logger.info("server stop");
+  }
+} as ServerConfig;
+`},
+  TSCONFIGJSON: {
+    prefix: "",
+    sufix: ".json",
+    filename: "tsconfig",
+    displayName: "tsconfig.json file",
+    language: "json",
+    template: () => `{
+  "compilerOptions": {
+    "target": "es2022",
+    "noEmit": true,
+    "module": "NodeNext",
+    "moduleResolution": "nodenext",
+    "lib": ["es2021", "dom"],
+    "jsx": "react",
+    "jsxFactory": "JSX.createElement",
+    "jsxFragmentFactory": "JSX.Fragment"
+  }
+}
+`},
+  MIQROJSON: {
+    prefix: "",
+    sufix: ".json",
+    filename: "miqro",
+    displayName: "miqro.json file",
+    language: "json",
+    template: () => `{
+  "services": ["src/"],
+  "inflateDir": "build/",
+  "name": "server",
+  "browser": true,
+  "logFile": false,
+  "port": "3000"
+}
+`},
+  MINIFIEDJSX: {
+    prefix: "http",
+    sufix: ".min.tsx",
+    displayName: "min.tsx file",
+    language: "typescript",
+    template: () => `import JSX from "@miqro/jsx";
+import { define } from "@miqro/jsx-dom";
+export function MyComponent() {
+  return <p>HelloWorld</p>
+}
+window.addEventListener("load", (event) => {
+  define("my-tag", MyComponent, {
+    shadowInit: false,
+    observedAttributes: []
+  });
+});
+`},
+  JSX: {
+    prefix: "http",
+    sufix: ".tsx",
+    displayName: ".tsx file",
+    language: "typescript",
+    template: () => `import JSX from "@miqro/jsx";
+import { define } from "@miqro/jsx-dom";
+export function MyComponent() {
+  return <p>HelloWorld</p>
+}
+window.addEventListener("load", (event) => {
+  define("my-tag", MyComponent, {
+    shadowInit: false,
+    observedAttributes: []
+  });
+});
+`},
+  /*SSRTSX: {
+    prefix: "http",
+    sufix: ".tsx",
+    displayName: "an ssr component example using webcomponents",
+    language: "typescript",
+    httpSufix: ".js",
+    template: (_filename: string, httpPath: string) => `import { } from "miqro";
+// TODO change this accordingly
+const TAG = "my-tag";
+function MyComponent(props, children) {
+  const [count, setcount] = jsx.useState(0);
+  jsx.useEffect(()=>{
+    const timeout = setTimeout(()=>{
+      setcount(count+1);
+    }, 1000);
+    return ()=>{
+      clearTimeout(timeout);
+    }
+  });
+  return <p>Count: {count}</p>
+}
+window.addEventListener("load", (event) => {
+  jsx.define(TAG, MyComponent, {
+    shadowInit: false,
+    observedAttributes: []
+  });
+});
+export function SSRComponent(props, children) {
+  return JSX.createElement(
+    JSX.Fragment, null,
+      JSX.createElement(TAG, props,
+        JSX.createElement(MyComponent, props, ...children)
+      ),
+      JSX.createElement("script", { type: "module", src: "/${httpPath}" })
+    );
+}
+`
+  },
+  SSRMINTSX: {
+    prefix: "http",
+    sufix: ".min.tsx",
+    displayName: "a minified ssr component example using webcomponents",
+    language: "typescript",
+    httpSufix: ".min.js",
+    template: (filename: string, httpPath: string) => `import { } from "miqro";
+// TODO change this accordingly
+const TAG = "my-tag";
+function MyComponent(props, children) {
+  const [count, setcount] = jsx.useState(0);
+  jsx.useEffect(()=>{
+    const timeout = setTimeout(()=>{
+      setcount(count+1);
+    }, 1000);
+    return ()=>{
+      clearTimeout(timeout);
+    }
+  });
+  return <p>Count: {count}</p>
+}
+window.addEventListener("load", (event) => {
+  jsx.define(TAG, MyComponent, {
+    shadowInit: false,
+    observedAttributes: []
+  });
+});
+export function SSRComponent(props, children) {
+  return JSX.createElement(
+    JSX.Fragment, null,
+      JSX.createElement(TAG, props,
+        JSX.createElement(MyComponent, props, ...children)
+      ),
+      JSX.createElement("script", { type: "module", src: "/${httpPath}" })
+    );
+}
+`
+  },*/
+  JS: {
+    prefix: "http",
+    sufix: ".js",
+    displayName: ".js file",
+    language: "typescript",
+    template: () => `window.addEventListener("load", (event) => {
+});
+`},
+  CSS: {
+    prefix: "http",
+    sufix: ".css",
+    displayName: ".css file",
+    language: "css",
+    template: () => `* {
+  font-family: "Menlo" !important;
+  font-size: 11px;
+}
+`
+  },
+  DBCONFIG: {
+    prefix: "",
+    filename: "db",
+    sufix: ".ts",
+    displayName: "db.ts file",
+    language: "typescript",
+    template: () => `import { DBConfig } from "miqro";
+export default {
+  //dialect: "node:sqlite"
+  //storage: "./db.sqlite3"
+  //url: "..."
+  //disabled: false,
+  name: "MyDB"
+} as DBConfig`
+  },
+  CORS: {
+    prefix: "",
+    filename: "cors",
+    sufix: ".ts",
+    displayName: "cors.ts file",
+    language: "typescript",
+    template: () => `import { CORSConfig } from "miqro";
+export default {
+  origins: "*",
+  /*validate: (origin: string, origins: string | string[]) => {
+    return false
+  },
+  methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
+  preflightContinue: false*/
+} as CORSConfig;
+`
+  }
+}