using import scopes for main project and deps.ts for internal

Author: nikeokoronkwo

deno.json

@@ -9,7 +9,10 @@
     "build": "deno run -A internal/commands/build.js",
     "prod": "deno task build && deno run -A ./out/server.js",
     "test": "deno test --allow-read --allow-sys",
-    "format": "deno fmt ."
+    "format": "deno fmt .",
+    "esm:add": "deno run -A https://esm.sh/v135 add",
+    "esm:update": "deno run -A https://esm.sh/v135 update",
+    "esm:remove": "deno run -A https://esm.sh/v135 remove"
   },
   "compilerOptions": {
     "lib": [
@@ -34,11 +37,21 @@
     ]
   },
   "imports": {
-    "nano_jsx/jsx-runtime": "https://deno.land/x/nano_jsx@v0.1.0/jsx-runtime/index.ts",
     "#client": "./internal/exports/client.ts",
+    "#components": "./components/index.tsx",
     "#lib": "./lib/index.ts",
     "#module": "./internal/exports/module.ts",
-    "#components": "./components/index.tsx",
+    "@std/fs": "jsr:@std/fs@^0.229.3",
+    "@std/path": "jsr:@std/path@^1.0.1",
+    "nano_jsx/jsx-runtime": "https://deno.land/x/nano_jsx@v0.1.0/jsx-runtime/index.ts",
+    "to-vfile": "https://esm.sh/v135/*to-vfile@8.0.0",
+    "vfile-matter": "https://esm.sh/v135/*vfile-matter@5.0.0",
     "~/": "./"
+  },
+  "scopes": {
+    "https://esm.sh/v135/": {
+      "vfile": "https://esm.sh/v135/vfile@6.0.2",
+      "yaml": "https://esm.sh/v135/yaml@2.4.5"
+    }
   }
-}
+}

internal/commands/build.js

@@ -2,36 +2,38 @@
 // 1. Bundle as single file
 // 2. Perform dynamic import for page files (code splitting)
 
-import { join } from "jsr:@std/path/join";
+import {
+  basename,
+  bold,
+  commonjsPlugin,
+  delay,
+  denoPlugins,
+  dim,
+  esbuild,
+  exists,
+  extname,
+  join,
+  loadConfig,
+  parseArgs,
+  relative,
+  walk,
+} from "../deps.ts";
 import { Logger } from "../lib/logger.ts";
 import { Runner } from "../lib/runner.ts";
-import { bold, dim } from "jsr:@std/fmt/colors";
-import { relative } from "jsr:@std/path/relative";
-import { exists } from "jsr:@std/fs/exists";
-import { walk } from "jsr:@std/fs/walk";
-import { basename, extname } from "jsr:@std/path";
-import { loadConfig } from "npm:c12";
 import { defaultConfig } from "../lib/config.ts";
 import renderEjs from "../scripts/render_ejs.js";
 import { buildRouter } from "../lib/router.ts";
 import deno from "../../deno.json" with { type: "json" };
-import { delay } from "jsr:@std/async/delay";
-
-// @deno-types="https://deno.land/x/esbuild/mod.d.ts"
-import * as esbuild from "https://deno.land/x/esbuild/mod.js";
-import { denoPlugins } from "jsr:@luca/esbuild-deno-loader@^0.10.3";
-import commonjsPlugin from "npm:@chialab/esbuild-plugin-commonjs";
 
 import "../lib/meta/prod.js";
-import { parseArgs } from "jsr:@std/cli@^0.224.7/parse-args";
 
 const logger = new Logger();
 const runner = new Runner(logger);
 console.log(bold("Building the Production Server"));
 const args = parseArgs(Deno.args, {
   boolean: ["single"],
-  default: { single: true }
-})
+  default: { single: true },
+});
 
 // set constants
 logger.info("Setting up");
@@ -107,8 +109,6 @@ if (
   }
 }
 
-
-
 // await runner.run(Deno.execPath(), ["run", "-A", "./internal/scripts/render_ejs.js"]);
 const ejsMap = await renderEjs(false);
 logger.fine("EJS Rendered!");
@@ -174,7 +174,7 @@ await Deno.mkdir(outClientDir, { recursive: true });
 
 if (args.single) {
   // skip
-  logger.info("Single Build -- Pages Not Rendered Separately ")
+  logger.info("Single Build -- Pages Not Rendered Separately ");
 } else {
   await esbuild.build({
     entryPoints: Array.from(routerMap.entries()).map((e) => e[1].fullPath),
@@ -183,9 +183,12 @@ if (args.single) {
     format: "esm",
     jsx: "automatic",
     jsxImportSource: deno.compilerOptions.jsxImportSource,
-    plugins: [...denoPlugins({
-      configPath: join(cwd, "deno.json"),
-    }), commonjsPlugin()],
+    plugins: [
+      ...denoPlugins({
+        configPath: join(cwd, "deno.json"),
+      }),
+      commonjsPlugin(),
+    ],
   });
 
   for (const [k, v] of Array.from(routerMap.entries())) {
@@ -200,7 +203,10 @@ if (args.single) {
     join(outDir, "client/blog/[name]/index.server.js"),
     Deno.readTextFileSync(
       join(outDir, "client/blog/[name]/index.server.js"),
-    ).replaceAll('from "url"', 'from "node:url"').replaceAll('from "fs"', 'from "node:fs"').replaceAll('from "path"', 'from "node:path"')
+    ).replaceAll('from "url"', 'from "node:url"').replaceAll(
+      'from "fs"',
+      'from "node:fs"',
+    ).replaceAll('from "path"', 'from "node:path"'),
   );
 
   logger.fine("Bundled Pages!");
@@ -276,8 +282,16 @@ for await (
 }
 
 // bundling svgs
-logger.info("Using SVGO to optimize SVGs")
-await runner.run(Deno.execPath(), ["run", "-A", "npm:svgo", "-f", join(cwd, "assets", "svg") , "-o", join(outDir, "assets", "svg")])
+logger.info("Using SVGO to optimize SVGs");
+await runner.run(Deno.execPath(), [
+  "run",
+  "-A",
+  "npm:svgo",
+  "-f",
+  join(cwd, "assets", "svg"),
+  "-o",
+  join(outDir, "assets", "svg"),
+]);
 
 // bundling content
 logger.info("Bundling Content");
@@ -332,14 +346,14 @@ Deno.writeTextFileSync(
   ).replaceAll('from "url"', 'from "node:url"'),
 );
 
-logger.info("Minifying Server")
+logger.info("Minifying Server");
 await esbuild.build({
   entryPoints: [join(outDir, "server.js")],
   outfile: join(outDir, "server.min.js"),
   minify: true,
   plugins: [...denoPlugins({
     configPath: join(cwd, "deno.json"),
-  })]
+  })],
 });
 
 logger.fine(`Server built at ${join(outDir, "server.js")}`);

internal/commands/dev.js

@@ -1,9 +1,8 @@
-import { watchConfig } from "npm:c12";
+import { delay, watchConfig } from "../deps.ts";
 import { defaultConfig } from "../lib/config.ts";
 import { mergeConfig } from "../lib/config.ts";
 import serve from "../lib/server/devServer.ts";
 import { buildRouter } from "../lib/router.ts";
-import { delay } from "jsr:@std/async/delay";
 import { Runner } from "../lib/runner.ts";
 import { Logger } from "../lib/logger.ts";
 

internal/deps.ts

@@ -0,0 +1,39 @@
+export { join } from "jsr:@std/path/join";
+export { walk, walkSync } from "jsr:@std/fs/walk";
+export { relative } from "jsr:@std/path/relative";
+export { normalize } from "jsr:@std/path/normalize";
+export { SEPARATOR } from "jsr:@std/path/constants";
+export { extname } from "jsr:@std/path/extname";
+export { basename } from "jsr:@std/path/basename";
+export { exists, existsSync } from "jsr:@std/fs/exists";
+export { globToRegExp } from "jsr:@std/path/glob-to-regexp";
+export { isAbsolute } from "jsr:@std/path/is-absolute";
+export { toFileUrl } from "jsr:@std/path/to-file-url";
+export { delay } from "jsr:@std/async/delay";
+export { parseArgs } from "jsr:@std/cli/parse-args";
+export { serveDir, serveFile } from "jsr:@std/http/file-server";
+export {
+  blue,
+  bold,
+  dim,
+  gray,
+  green,
+  italic,
+  magenta,
+  red,
+  yellow,
+} from "jsr:@std/fmt/colors";
+export { denoPlugins } from "jsr:@luca/esbuild-deno-loader";
+
+export { renderSSR } from "https://deno.land/x/nano_jsx@v0.1.0/ssr.ts";
+export { withStyles } from "https://deno.land/x/nano_jsx@v0.1.0/withStyles.ts";
+// @deno-types="https://deno.land/x/esbuild/mod.d.ts"
+export * as esbuild from "https://deno.land/x/esbuild/mod.js";
+
+export { format } from "npm:prettier";
+// @deno-types="npm:@types/ejs"
+export { render as ejsRender } from "npm:ejs";
+// @deno-types="npm:@types/mime-types"
+export { lookup } from "npm:mime-types";
+export { loadConfig, watchConfig } from "npm:c12";
+export { default as commonjsPlugin } from "npm:@chialab/esbuild-plugin-commonjs";

internal/lib/logger.ts

@@ -1,12 +1,4 @@
-import {
-  blue,
-  bold,
-  gray,
-  green,
-  magenta,
-  red,
-  yellow,
-} from "jsr:@std/fmt/colors";
+import { blue, bold, gray, green, magenta, red, yellow } from "../deps.ts";
 
 type LogMode = "info" | "warn" | "error" | "fine" | "cmd";
 

internal/lib/router.ts

@@ -1,10 +1,12 @@
-import { join } from "jsr:@std/path/join";
-import { walkSync } from "jsr:@std/fs/walk";
-import { globToRegExp } from "jsr:@std/path/glob-to-regexp";
-import { extname } from "jsr:@std/path/extname";
-import { relative } from "jsr:@std/path/relative";
-import { SEPARATOR } from "jsr:@std/path/constants";
-import { basename } from "jsr:@std/path/basename";
+import {
+  basename,
+  extname,
+  globToRegExp,
+  join,
+  relative,
+  SEPARATOR,
+  walkSync,
+} from "../deps.ts";
 
 export interface RouteInfo {
   /** The name of the file/path route */

internal/lib/runner.ts

@@ -1,4 +1,4 @@
-import { italic } from "jsr:@std/fmt/colors";
+import { italic } from "../deps.ts";
 import { Logger, VerboseLogger } from "./logger.ts";
 
 export class Runner {

internal/lib/server/devServer.ts

@@ -1,8 +1,5 @@
-import { existsSync } from "jsr:@std/fs/exists";
+import { existsSync, join, serveDir, serveFile } from "../../deps.ts";
 import { createError } from "../errors.ts";
-import { join } from "jsr:@std/path";
-import { serveDir } from "jsr:@std/http";
-
 import { getRouterParams } from "../router.ts";
 import { NikeConfig } from "../config.ts";
 import { RouterMap } from "../RouterMap.ts";
@@ -12,7 +9,6 @@ import {
   renderClientPage,
   renderServerPage,
 } from "./utils.tsx";
-import { serveFile } from "jsr:@std/http/file-server";
 import { ClientRequest } from "../../lib/client.ts";
 import { APIRequest } from "../../lib/api.ts";
 

internal/lib/server/prodServer.ts

@@ -1,24 +1,22 @@
-import { join } from "jsr:@std/path";
-import { NikeConfig } from "../config.ts";
-import { ServerProdOptions } from "./options.ts";
-import { getRouterParams } from "../router.ts";
-import { RouterMap } from "../RouterMap.ts";
-import { existsSync } from "jsr:@std/fs/exists";
+import { existsSync, join, lookup } from "../../deps.ts";
+
 import {
   convertSearchParams,
   errorHandler,
   renderClientPage,
   renderServerPage,
 } from "./utils.tsx";
 import { createError } from "../errors.ts";
-// @deno-types="npm:@types/mime-types"
-import { lookup } from 'npm:mime-types'
+import { NikeConfig } from "../config.ts";
+import { ServerProdOptions } from "./options.ts";
+import { getRouterParams } from "../router.ts";
+import { RouterMap } from "../RouterMap.ts";
 
 export default function serve(
   options: ServerProdOptions,
   config: NikeConfig,
   routerMap: RouterMap,
-  components: Record<string, any>
+  components: Record<string, any>,
 ) {
   return Deno.serve({
     hostname: config.server?.host ?? "localhost",
@@ -55,7 +53,7 @@ export default function serve(
               routeInfo,
               options,
               reqObj: serverReqObj,
-              component
+              component,
             });
             return v;
           } catch (e) {
@@ -69,7 +67,13 @@ export default function serve(
           }
         } else {
           try {
-            return await renderClientPage({ routeInfo, options, reqObj, config, component });
+            return await renderClientPage({
+              routeInfo,
+              options,
+              reqObj,
+              config,
+              component,
+            });
           } catch (e) {
             const err = e as Error;
             console.error(err);
@@ -80,7 +84,6 @@ export default function serve(
             });
           }
           // serve client route with nanojsx
-          
         }
       }
 
@@ -99,14 +102,16 @@ export default function serve(
       ) {
         const publicFilePath = join(
           publicDir,
-          pathname.startsWith("/") ? pathname.replace("/", "") : pathname
+          pathname.startsWith("/") ? pathname.replace("/", "") : pathname,
         );
 
         return new Response(Deno.readTextFileSync(publicFilePath), {
           headers: {
-            "content-type": (lookup(publicFilePath) === false ? "text/plain" : lookup(publicFilePath)).toString(),
-          }
-        })
+            "content-type": (lookup(publicFilePath) === false
+              ? "text/plain"
+              : lookup(publicFilePath)).toString(),
+          },
+        });
       }
 
       if (
@@ -124,9 +129,10 @@ export default function serve(
 
         return new Response(Deno.readTextFileSync(path), {
           headers: {
-            "content-type": (lookup(path) === false ? "text/plain" : lookup(path)).toString(),
-          }
-        })
+            "content-type":
+              (lookup(path) === false ? "text/plain" : lookup(path)).toString(),
+          },
+        });
       }
 
       throw createError({