From 22ca93fc9a102695ba5c630e98026c513da17533 Mon Sep 17 00:00:00 2001
From: Seth Trowbridge <seth111@gmail.com>
Date: Fri, 28 Feb 2025 17:09:55 -0500
Subject: [PATCH] shuffle things around

---
 README.md                              |  51 +++-------
 {clean => browser_example}/bundle.js   |   0
 {clean => browser_example}/index.html  |   2 +-
 clean/mod.js => mod.js                 |   0
 jsapi.test.tsx => mod.test.tsx         |  17 ++--
 mod.ts                                 | 133 -------------------------
 introspect.ts => server/introspect.ts  |   0
 serve.tsx => server/serve.tsx          |   2 +-
 {test => test_project}/app-dynamic.tsx |   0
 {test => test_project}/app.tsx         |   0
 {test => test_project}/deep/deep.tsx   |   0
 {test => test_project}/deno.json       |   0
 {test => test_project}/index.html      |   0
 {test => test_project}/leaf.ts         |   0
 {test => test_project}/other.tsx       |   0
 what/entry.ts                          |  10 --
 what/include_a.ts                      |   6 --
 what/include_b.ts                      |   1 -
 what/index.ts                          |  20 ----
 19 files changed, 24 insertions(+), 218 deletions(-)
 rename {clean => browser_example}/bundle.js (100%)
 rename {clean => browser_example}/index.html (93%)
 rename clean/mod.js => mod.js (100%)
 rename jsapi.test.tsx => mod.test.tsx (56%)
 delete mode 100644 mod.ts
 rename introspect.ts => server/introspect.ts (100%)
 rename serve.tsx => server/serve.tsx (98%)
 rename {test => test_project}/app-dynamic.tsx (100%)
 rename {test => test_project}/app.tsx (100%)
 rename {test => test_project}/deep/deep.tsx (100%)
 rename {test => test_project}/deno.json (100%)
 rename {test => test_project}/index.html (100%)
 rename {test => test_project}/leaf.ts (100%)
 rename {test => test_project}/other.tsx (100%)
 delete mode 100644 what/entry.ts
 delete mode 100644 what/include_a.ts
 delete mode 100644 what/include_b.ts
 delete mode 100644 what/index.ts

diff --git a/README.md b/README.md
index 3dabe8d..95c9946 100644
--- a/README.md
+++ b/README.md
@@ -1,48 +1,27 @@
 # ESBuild Typescript Bunder
 
-## Supports import maps and runs on Deno Deploy
+## Supports import maps and runs on Deno Deploy and the browser
 Uses the WASM version of ESBuild for use on Deno Deploy and adds some plugins to allow for import maps. ***Unfortunately, `npm:*` and `jsr:*` specifiers are not supported currently***.
 
 ### Manual Bundle API
-```typescript
-import Bundle from "./mod.ts";
-Bundle(
-    // directory to work from
-    "./some_folder",
+```javascript
+import Bundle from "./mod.js";
 
-    // ESBuild configuration (entry points are relative to "directory"):
-    {entry:["./app.tsx"]},
-
-    // import map (if omitted, will scan for a deno configuration within "directory" and use that)
-    {"imports": {
+const {outputFiles} = await Bundle({
+    fileSystem:import.meta.resolve('./test_project/'),
+    esBuild:{entryPoints:["entry"]},
+    importMap:{"imports": {
+        "entry": "./app.tsx",
         "react": "https://esm.sh/preact@10.22.0/compat",
         "react/": "https://esm.sh/preact@10.22.0/compat/"
     }}
-);
-if(outputFiles){
-    for(const item of outputFiles){
-        // do something with the output...
-        console.log(item.text);
-    }
+});
+
+
+for(const item of outputFiles){
+    // do something with the output...
+    console.log(item.text.substring(0, 200));
 }
 ```
 
-### Static bundle server
-
-#### API
-```typescript
-import Serve from "./serve.tsx";
-Serve({path:"./some_folder", html:"index.html", port:8080});
-```
-
-#### CLI
-```
-deno run -A <hosted-location>/serve.tsx --path=./some_folder --html=index.html --port=8080
-```
-
-Accepts three optional settings:
-- `path` A directory to serve content from. Defaults to the current working directory.
-- `html` A path to an html file or actual html string to *always use* when the server would serve up a non-file route. If `html` is a path, it is assumed to be relative to `path`. If not specified, routes that don't match files will 404.
-- `port` Port number (default is 8000).
-
-When requests to typescript files are made to the server, it will treat that file as an entrypoint and return the corresponding plain javascript bundle.
+(dev server is being reworked)
\ No newline at end of file
diff --git a/clean/bundle.js b/browser_example/bundle.js
similarity index 100%
rename from clean/bundle.js
rename to browser_example/bundle.js
diff --git a/clean/index.html b/browser_example/index.html
similarity index 93%
rename from clean/index.html
rename to browser_example/index.html
index ff8a38f..8c2ab52 100644
--- a/clean/index.html
+++ b/browser_example/index.html
@@ -14,7 +14,7 @@
 
     <!-- -->
     <script type="module">
-import Bundle, {ESBuild} from "./mod.js";
+import Bundle, {ESBuild} from "../mod.js";
 
 const {outputFiles} = await Bundle({
     esBuild:{
diff --git a/clean/mod.js b/mod.js
similarity index 100%
rename from clean/mod.js
rename to mod.js
diff --git a/jsapi.test.tsx b/mod.test.tsx
similarity index 56%
rename from jsapi.test.tsx
rename to mod.test.tsx
index a035af7..1b390aa 100644
--- a/jsapi.test.tsx
+++ b/mod.test.tsx
@@ -1,20 +1,17 @@
 import * as Test from "https://deno.land/std@0.224.0/assert/mod.ts";
 
-import Bundle from "./mod.ts";
-const {outputFiles} = await Bundle(
-    // directory to work from
-    import.meta.resolve('./test/'),
+import Bundle from "./mod.js";
 
-    // ESBuild configuration (entry points are relative to "directory"):
-    {entryPoints:["entry"]},
-
-    // import map (if omitted, will scan for a deno configuration within "directory" and use that)
-    {"imports": {
+const {outputFiles} = await Bundle({
+    fileSystem:import.meta.resolve('./test_project/'),
+    esBuild:{entryPoints:["entry"]},
+    importMap:{"imports": {
         "entry": "./app.tsx",
         "react": "https://esm.sh/preact@10.22.0/compat",
         "react/": "https://esm.sh/preact@10.22.0/compat/"
     }}
-);
+});
+
 
 for(const item of outputFiles){
     // do something with the output...
diff --git a/mod.ts b/mod.ts
deleted file mode 100644
index 855ebdf..0000000
--- a/mod.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import * as ESBuild from "https://deno.land/x/esbuild@v0.25.0/wasm.js";
-
-/**
- * Resolves a module specifier against an import map
- * @param {string} specifier - The module specifier to resolve (bare specifier or absolute URL)
- * @param {Object} importMap - The import map object containing imports and scopes
- * @param {string} baseURL - The base URL for context (especially for scopes)
- * @returns {string} The resolved URL
- */
-function resolveImportMap(specifier:string, importMap:ImportMap, baseURL) {
-
-  // Check for prefix matches in the main imports
-  const result = checkPrefixMatch(specifier, importMap.imports);
-  if (result) {
-    return result
-  }
-
-  // First check scopes that match the baseURL (scope applies based on baseURL, not specifier)
-  if (importMap.scopes) {
-    const scopeKeys = Object.keys(importMap.scopes).sort((a, b) => b.length - a.length);
-    
-    for (const scopeKey of scopeKeys) {
-      // Convert scope key to absolute URL and check if baseURL starts with it
-      const scopeURL = new URL(scopeKey, baseURL).href;
-      
-      if (baseURL.startsWith(scopeURL)) {
-        const scopeImports = importMap.scopes[scopeKey];
-        
-        // Check for prefix match in the scope
-        const result = checkPrefixMatch(specifier, scopeImports);
-        if (result) {
-          return result;
-        }
-      }
-    }
-  }
-}
-
-/**
- * Helper function to check for prefix matches
- * @param {string} specifier - The specifier to check
- * @param {Object} mappings - Object with prefix mappings
- * @returns {string|null} The resolved path or null if no match
- */
-function checkPrefixMatch(specifier, mappings) {
-
-  const check = mappings[specifier];
-  if(check){ return check; }
-
-  const prefixes = Object.keys(mappings)
-    .filter(key => key.endsWith('/') && specifier.startsWith(key))
-    .sort((a, b) => b.length - a.length);
-  
-  for (const prefix of prefixes) {
-      const remainder = specifier.slice(prefix.length);
-      return mappings[prefix] + remainder;
-  }
-  
-  return null;
-}
-
-const resolvePlugin =(fullPathDir:string, importMap):ESBuild.Plugin=>({
-  name: "resolve-plugin",
-  setup(build) {
-
-
-    build.onResolve( {/* `/`, `./`, and `../` */ filter:/^(\/|\.\/|\.\.\/).*/}, args=>{
-      const resolveRoot = args.importer||fullPathDir;
-      const url = new URL(args.path, resolveRoot).href;
-
-      const out = { path:url, namespace:"FULLPATH" };
-      console.log(`SLASHPATH=>FULLPATH RESOLVE`, {args, out}, "\n");
-      return out;
-    } );
-
-    build.onResolve({filter:/.*/}, args=>{
-
-      const check = resolveImportMap(args.path, importMap, args.importer||fullPathDir);
-      console.log("pth??", check);
-      if(check)
-      {
-        const resolveRoot = args.importer||fullPathDir;
-        const out = { path:new URL(check, resolveRoot).href, namespace:"FULLPATH" };
-        console.log(`IMPORTMAP RESOLVE`, {args, out}, "\n");
-        return out;
-      }
-
-    })
-
-    build.onLoad(
-      {/* `file://`, `http://`, and `https://` */ filter:/^(file:\/\/|http:\/\/|https:\/\/).*/},
-      async(args)=>
-      {
-        const contents = await fetch(args.path).then(r=>r.text());
-        const out = { contents, loader: `tsx` };
-        console.log(`FULLPATH LOAD`, {args, out:{...out, contents:contents.substring(0, 100)}}, "\n");
-        return out;
-      } );
-  },
-});
-
-await ESBuild.initialize({ worker: false });
-export type ImportMap = {imports?:Record<string, string>, scopes?:Record<string, Record<string, string>>}
-export type BuildOptions = ESBuild.BuildOptions;
-
-/**
- * 
- * @param {string} directory Full file:// or http(s):// path to the directory containing assets you want to build (needed to resolve relative imports)
- * @param {ESBuild.BuildOptions} [buildOptions={}] ESBuild "build" options (will be merged with "reasonable defaults") for docs: https://esbuild.github.io/api/#general-options
- * @param {ImportMap} [importMap={}] An object to act as the import map ({imports:Record<string, string>}). If this is left blank, a configuration will be scanned for in the "directory"
- * @returns {Promise<ESBuild.BuildResult<ESBuild.BuildOptions>>} build result
- */
-export default async function Build(directory, buildOptions={}, importMap = {})
-{
-  console.log("using import map", importMap);
-  const configuration:ESBuild.BuildOptions = {
-    entryPoints: ["entry"],
-    bundle: true,
-    minify: true,
-    format: "esm",
-    jsx: "automatic",
-    jsxImportSource: "react",
-    ...buildOptions,
-    plugins: [
-      resolvePlugin(directory, importMap),
-      ...buildOptions.plugins||[]
-    ]
-  };
-
-  const result = await ESBuild.build(configuration);
-  return result;
-}
-export { ESBuild };
\ No newline at end of file
diff --git a/introspect.ts b/server/introspect.ts
similarity index 100%
rename from introspect.ts
rename to server/introspect.ts
diff --git a/serve.tsx b/server/serve.tsx
similarity index 98%
rename from serve.tsx
rename to server/serve.tsx
index 501c0cf..0636a41 100644
--- a/serve.tsx
+++ b/server/serve.tsx
@@ -1,6 +1,6 @@
 import mime from "https://esm.sh/mime@4.0.3";
 import { parseArgs } from "jsr:@std/cli/parse-args";
-import bundler, {type ESBuild, type ImportMap} from "./mod.ts";
+import bundler, {type ESBuild, type ImportMap} from "../mod.js";
 import Introspect from "./introspect.ts";
 
 if(Deno.mainModule == import.meta.url)
diff --git a/test/app-dynamic.tsx b/test_project/app-dynamic.tsx
similarity index 100%
rename from test/app-dynamic.tsx
rename to test_project/app-dynamic.tsx
diff --git a/test/app.tsx b/test_project/app.tsx
similarity index 100%
rename from test/app.tsx
rename to test_project/app.tsx
diff --git a/test/deep/deep.tsx b/test_project/deep/deep.tsx
similarity index 100%
rename from test/deep/deep.tsx
rename to test_project/deep/deep.tsx
diff --git a/test/deno.json b/test_project/deno.json
similarity index 100%
rename from test/deno.json
rename to test_project/deno.json
diff --git a/test/index.html b/test_project/index.html
similarity index 100%
rename from test/index.html
rename to test_project/index.html
diff --git a/test/leaf.ts b/test_project/leaf.ts
similarity index 100%
rename from test/leaf.ts
rename to test_project/leaf.ts
diff --git a/test/other.tsx b/test_project/other.tsx
similarity index 100%
rename from test/other.tsx
rename to test_project/other.tsx
diff --git a/what/entry.ts b/what/entry.ts
deleted file mode 100644
index 6ac258d..0000000
--- a/what/entry.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from "react";
-import Message from "./include_a.ts";
-
-type Person = {name:string, age:number};
-
-const me:Person = {name:"seth", age:41};
-
-console.log(Message, React);
-
-export default me;
\ No newline at end of file
diff --git a/what/include_a.ts b/what/include_a.ts
deleted file mode 100644
index 8e9c0a9..0000000
--- a/what/include_a.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import * as B from "./include_b.ts";
-import * as React from "react";
-
-console.log(React, B);
-
-export default "HELLO";
\ No newline at end of file
diff --git a/what/include_b.ts b/what/include_b.ts
deleted file mode 100644
index 7c645e4..0000000
--- a/what/include_b.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
\ No newline at end of file
diff --git a/what/index.ts b/what/index.ts
deleted file mode 100644
index 77b200b..0000000
--- a/what/index.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import Bundle from "../mod.ts";
-const {outputFiles} = await Bundle(
-    // directory to work from
-    import.meta.resolve('./'),
-
-    // ESBuild configuration (entry points are relative to "directory"):
-    {entryPoints:["entry"]},
-
-    // import map (if omitted, will scan for a deno configuration within "directory" and use that)
-    {"imports": {
-        "entry": "./entry.ts",
-        "react": "https://esm.sh/preact@10.22.0/compat",
-        "react/": "https://esm.sh/preact@10.22.0/compat/"
-    }}
-);
-
-for(const item of outputFiles){
-    // do something with the output...
-    console.log(item.text.substring(0, 200));
-}