module-tsx 0.0.4 → 0.1.0

package/README.md

@@ -96,6 +96,9 @@ npx skills add yieldray/module-tsx
 <!-- ESM -->
 <script type="module" src="https://esm.sh/module-tsx"></script>
 
+<!-- ESM (DEV mode) -->
+<script type="module" src="https://esm.sh/module-tsx/dev"></script>
+
 <!-- ESM (self-contained, no external dependencies) -->
 <script
   type="module"

package/dist/index.cdn.mjs

@@ -13,7 +13,7 @@ function warn(message, ...args) {
 	console.warn(`[module-tsx] ${message}`, ...args);
 }
 //#endregion
-//#region src/importmap.ts
+//#region src/import-map.ts
 var ImportMap = class {
 	imports;
 	scopes;
@@ -307,14 +307,20 @@ function cssToModule(cssString, prefix) {
 //#endregion
 //#region src/network.ts
 async function fetchResponse(input, init) {
-	const res = await fetch(input, init);
-	if (!res.ok) throw new ModuleTSXError(`Failed to fetch resource ${res.url}: ${res.status}`);
+	const url = input instanceof Request ? input.url : String(input);
+	let res;
+	try {
+		res = await fetch(input, init);
+	} catch (cause) {
+		throw new ModuleTSXError(`Failed to fetch module ${url}: Network error`, { cause });
+	}
+	if (!res.ok) throw new ModuleTSXError(`Failed to fetch module ${url}: ${res.status} ${res.statusText}`);
 	return res;
 }
 //#endregion
 //#region src/specifier.ts
 function isBareSpecifier(specifier) {
-	if (specifier.match(/^\.*\//)) return false;
+	if (isRelativeSpecifier(specifier)) return false;
 	try {
 		new URL(specifier);
 		return false;
@@ -323,7 +329,7 @@ function isBareSpecifier(specifier) {
 	}
 }
 function isRelativeSpecifier(specifier) {
-	return specifier.startsWith(".") || specifier.startsWith("/");
+	return specifier.startsWith("./") || specifier.startsWith("../") || specifier.startsWith("/");
 }
 function collectSpecifiers(sourceFile) {
 	const set = /* @__PURE__ */ new Set();
@@ -416,12 +422,17 @@ var SourceTransformTracker = class {
 	sourceMap = /* @__PURE__ */ new Map();
 	inFlightSourceMap = /* @__PURE__ */ new Map();
 	blobMap = /* @__PURE__ */ new Map();
+	originalSourceMap = /* @__PURE__ */ new Map();
 	get(sourceType, sourceUrl) {
 		return this.sourceMap.get(this.getSourceKey(sourceType, sourceUrl));
 	}
-	set(sourceType, sourceUrl, blobUrl) {
+	set(sourceType, sourceUrl, blobUrl, originalSource) {
 		this.sourceMap.set(this.getSourceKey(sourceType, sourceUrl), blobUrl);
 		this.blobMap.set(blobUrl, sourceUrl);
+		if (originalSource != null) this.originalSourceMap.set(blobUrl, originalSource);
+	}
+	getOriginalSource(blobUrl) {
+		return this.originalSourceMap.get(blobUrl);
 	}
 	isInFlight(sourceType, sourceUrl) {
 		return this.inFlightSourceMap.has(this.getSourceKey(sourceType, sourceUrl));
@@ -505,6 +516,14 @@ var ModuleTSX = class extends EventTarget {
 	addImportMap(newImportMap) {
 		ImportMap.merge(this.importMap, newImportMap, this.resolvedModuleSet);
 	}
+	/** Resolve a blob URL back to its original source URL. Returns undefined if not found. */
+	getSourceUrlByBlob(blobUrl) {
+		return this.sourceTracker.getSourceUrlByBlob(blobUrl);
+	}
+	/** Get the original source code that was compiled into a given blob URL. */
+	getOriginalSource(blobUrl) {
+		return this.sourceTracker.getOriginalSource(blobUrl);
+	}
 	emit(type, detail) {
 		this.dispatchEvent(new CustomEvent(type, { detail }));
 		this.dispatchEvent(new CustomEvent("*", { detail: {
@@ -553,7 +572,7 @@ var ModuleTSX = class extends EventTarget {
 			const code = `import.meta.url=${JSON.stringify(sourceUrl)};\n` + await loader(sourceUrl, sourceCode);
 			const blob = new Blob([code], { type: "text/javascript" });
 			const blobUrl = URL.createObjectURL(blob);
-			this.sourceTracker.set(sourceType, sourceUrl, blobUrl);
+			this.sourceTracker.set(sourceType, sourceUrl, blobUrl, sourceCode);
 			return blobUrl;
 		});
 	}
@@ -654,7 +673,7 @@ async function sideEffect() {
 	for (const s of Array.from(document.querySelectorAll(`script[type="${TYPE_ATTRIBUTE_VALUE}"]`))) {
 		const script = s;
 		if (!script.async && script.defer) warn(`script with type="${TYPE_ATTRIBUTE_VALUE}" does not support defer attribute. Use async or no attribute instead.`);
-		for (const key in ["integrity", "crossorigin"]) if (script[key]) warn(`script with type="${TYPE_ATTRIBUTE_VALUE}" does not support ${key} attribute.`);
+		for (const key of ["integrity", "crossorigin"]) if (script[key]) warn(`script with type="${TYPE_ATTRIBUTE_VALUE}" does not support ${key} attribute.`);
 		if (script.async) importScript(script);
 		else await importScript(script);
 	}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-//#region src/importmap.d.ts
+//#region src/import-map.d.ts
 type ModuleSpecifierMap = Map<string, URL | null>;
 interface SpecifierResolutionRecord {
   serializedBaseURL: string;
@@ -78,6 +78,10 @@ declare class ModuleTSX extends EventTarget implements IModuleTSX {
   /** Add a new import map, merging it into the existing one per the spec.
    *  Rules that conflict with already-resolved modules are silently dropped. */
   addImportMap(newImportMap: ImportMap): void;
+  /** Resolve a blob URL back to its original source URL. Returns undefined if not found. */
+  getSourceUrlByBlob(blobUrl: string): string | undefined;
+  /** Get the original source code that was compiled into a given blob URL. */
+  getOriginalSource(blobUrl: string): string | undefined;
   private emit;
   import(id: string, options?: any): Promise<any>;
   importCode(sourceUrl: string, code: string, options?: any): Promise<any>;