resolve local file paths
This commit is contained in:
parent
eaa0c4c328
commit
023b9a6474
9
app.tsx
9
app.tsx
@ -1,7 +1,2 @@
|
||||
import React from "react";
|
||||
|
||||
//const other = import("./app-dynamic.tsx");
|
||||
|
||||
import * as Other from "./other.tsx";
|
||||
console.log(Other.default, Other.app);
|
||||
React.render(React.createElement(Other.app, null), document.querySelector("#app"));
|
||||
import Other from "./other.tsx";
|
||||
console.log(Other);
|
||||
|
@ -3,9 +3,7 @@ import B from "./mod.ts";
|
||||
const results = await B({
|
||||
imports: {
|
||||
"react": "https://esm.sh/preact@10.22.0/compat",
|
||||
"react/": "https://esm.sh/preact@10.22.0/compat/",
|
||||
"other": "./other.tsx",
|
||||
"entry": "./app.tsx"
|
||||
"react/": "https://esm.sh/preact@10.22.0/compat/"
|
||||
}
|
||||
});
|
||||
|
||||
|
@ -186,6 +186,7 @@
|
||||
"https://esm.sh/@jspm/import-map@1.0.8": "61a89e4acc2b123bf9e97f65107a2a4cd9db4d939951e140e94bff3f1afa6c5f",
|
||||
"https://esm.sh/esbuild-plugin-import-map@2.1.0": "591fd6ee133417fba19ed9fa95fd2ddf74a43f96b840c16f2b8ff4b3d6e2da93",
|
||||
"https://esm.sh/esbuild-plugin-importmaps@1.0.0": "ab9e79660ff4d57d2ed7ef5e8516fbe0e79305267f22e1e7270d0a17ae0c2029",
|
||||
"https://esm.sh/preact@10.22.0/compat": "88368f5ecd284b0666d5ff8fbf7bb69ea131e7e947ad54f2fa24f5035b674b41",
|
||||
"https://esm.sh/preact@10.22.0/compat/jsx-runtime": "a2f6ddc2ce374813df1c13826a9ad010e90b5a70a989f1069a367ef60dd52eb0",
|
||||
"https://esm.sh/stable/preact@10.22.0/denonext/compat.js": "7c0b206984707cfef58efae492ea8d5212b8f620dd8c83294a5c832fb422c766",
|
||||
"https://esm.sh/stable/preact@10.22.0/denonext/compat/jsx-runtime.js": "fecfa3df69d580507801575175087de9a2a9fc23bb4900004a1f4cbd5b362634",
|
||||
|
111
mod.ts
111
mod.ts
@ -1,70 +1,65 @@
|
||||
import * as ESBuildWASM from "https://deno.land/x/esbuild@v0.21.4/wasm.js";
|
||||
import * as Mapper from "https://esm.sh/esbuild-plugin-importmaps@1.0.0"; // https://github.com/andstellar/esbuild-plugin-importmaps | https://github.com/jspm/import-map
|
||||
import * as ESBuild from "https://deno.land/x/esbuild@v0.19.2/wasm.js";
|
||||
import * as Mapper from "https://esm.sh/esbuild-plugin-importmaps@1.0.0"; // https://github.com/andstellar/esbuild-plugin-importmaps
|
||||
|
||||
import { ImportMap, type IImportMap } from "https://esm.sh/@jspm/import-map";
|
||||
export const Root = new URL(`file://${Deno.cwd().replaceAll("\\", "/")}`).toString()+"/";
|
||||
console.log("running at", Root);
|
||||
const resolvePlugin:ESBuild.Plugin = {
|
||||
name: "resolve-plugin",
|
||||
setup(build) {
|
||||
build.onResolve({ filter: /^\.\/.*$/ }, args => {
|
||||
console.log("RESOLVE")
|
||||
console.log("in:", args)
|
||||
const path = new URL(args.path, Root).pathname
|
||||
const output = {
|
||||
path,
|
||||
namespace: 'file',
|
||||
};
|
||||
console.log("out:", output)
|
||||
return output;
|
||||
});
|
||||
|
||||
export const Root = new URL(`file://${Deno.cwd().replaceAll("\\", "/")}`).toString();
|
||||
build.onLoad({ filter: /.*/, namespace:"file" }, async (args) => {
|
||||
console.log("LOAD")
|
||||
console.log(args)
|
||||
let contents;
|
||||
try
|
||||
{
|
||||
const result = await fetch("file://"+args.path);
|
||||
contents = await result.text();
|
||||
}
|
||||
catch(e)
|
||||
{
|
||||
console.log("deno fs access error:", e)
|
||||
}
|
||||
|
||||
return {
|
||||
contents,
|
||||
loader: args.path.endsWith('.tsx') ? 'tsx' : 'default',
|
||||
};
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
function importmapPlugin(importmap:IImportMap):ESBuildWASM.Plugin {
|
||||
const map = new ImportMap({
|
||||
map: importmap,
|
||||
});
|
||||
type ImportMap = Parameters<typeof Mapper.importmapPlugin>[0];
|
||||
|
||||
return {
|
||||
name: "importmap-url",
|
||||
setup(build) {
|
||||
build.onResolve({ filter: /^[^.].*$/ }, (args) => {
|
||||
let path;
|
||||
try
|
||||
{
|
||||
path = map.resolve(args.path, args.importer);
|
||||
console.log("resolved path:", path);
|
||||
return { path, namespace: "importmap-url" };
|
||||
}
|
||||
catch(e)
|
||||
{
|
||||
console.log("e r r o r:", args);
|
||||
return { path: args.importer };
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
build.onLoad(
|
||||
{ filter: /.*/, namespace: "importmap-url" },
|
||||
async (args) => {
|
||||
const response = await fetch(args.path);
|
||||
const contents = await response.text();
|
||||
const ext = args.path.split(".").pop();
|
||||
const loader = /** @type {import('esbuild').Loader} */ (
|
||||
ext?.match(/"j|tsx?$/) ? ext : "js"
|
||||
);
|
||||
console.log("loaded", args);
|
||||
return { contents, loader } as ESBuildWASM.OnLoadResult;
|
||||
},
|
||||
);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export default async(importMap:IImportMap, buildOptions?:ESBuildWASM.BuildOptions)=>
|
||||
{
|
||||
await ESBuildWASM.initialize({ worker: false });
|
||||
const result = await ESBuildWASM.build({
|
||||
entryPoints: ["entry"],
|
||||
await ESBuild.initialize({ worker: false });
|
||||
const result = await ESBuild.build({
|
||||
entryPoints: ["./app.tsx"],
|
||||
bundle: true,
|
||||
minify: true,
|
||||
format: "esm",
|
||||
outfile:"bundle.js",
|
||||
entryNames: `[dir][name]`,
|
||||
jsx: "automatic",
|
||||
jsxImportSource: "react",
|
||||
...buildOptions,
|
||||
plugins:[
|
||||
...buildOptions?.plugins??[],
|
||||
importmapPlugin(importMap) as ESBuildWASM.Plugin
|
||||
resolvePlugin,
|
||||
Mapper.importmapPlugin({
|
||||
imports:{"react":"https://esm.sh/preact@10.22.0/compat"}
|
||||
}) as ESBuild.Plugin
|
||||
]
|
||||
});
|
||||
ESBuildWASM.stop();
|
||||
return result;
|
||||
};
|
||||
ESBuild.stop();
|
||||
|
||||
for(const item of result.outputFiles)
|
||||
{
|
||||
console.log(item.text)
|
||||
}
|
@ -1,6 +1,3 @@
|
||||
export default "TEST STRING";
|
||||
import {useState} from "react";
|
||||
export const app =()=> {
|
||||
const [stateGet, stateSet] = useState(7)
|
||||
return <div><h1>lolidk <button onClick={_=>stateSet(stateGet + 1)}>{stateGet}</button></h1></div>;
|
||||
}
|
||||
import React from "react";
|
||||
console.log(React.createElement("div", {}, "hey"));
|
||||
export default "TEST STRING";
|
Loading…
Reference in New Issue
Block a user