feat: all scripts are ES modules now

BREAKING CHANGE: no need to write type for component scripts

DOCS.md

@@ -172,5 +172,3 @@ Inside script tag you can use `this` at the root level to reference the componen
  console.log(this.querySelector("h1").innerText);
 </script>
 ```
-
-You can set `type="module"` attribute to use ES modules.

example/components/app-root.html

@@ -32,7 +32,7 @@
 	}
 </style>
 
-<script type="module">
+<script>
 	import { log } from "../scripts/utils.js";
 
 	log(this);

example/components/card.html

@@ -25,4 +25,3 @@ <h3 data-attr="header">No header</h3>
 </script>
 
 <script src="../scripts/card.js"></script>
-<script src="../scripts/card.js" type="module"></script>

src/css-helpers.ts

@@ -1,5 +1,3 @@
-import { cloneNode } from "./helpers.js";
-
 const hostRe = /:host(\((.+)\))?/g;
 
 export function getEncapsulatedCss(

src/execute-script.ts

@@ -1,4 +1,3 @@
-import { ErrorStackModifier } from "./error-stack-modifier.js";
 import { returnIfDefined } from "./helpers.js";
 
 // From https://github.com/antonkc/MOR/blob/main/matchJsImports.md
@@ -64,11 +63,12 @@ function setContextForModuleScript(
 	)}\n}).call(${component});`;
 }
 
-async function executeModule(
-	code: string,
+export async function executeScript(
+	element: HTMLScriptElement,
 	relativeTo: string,
 	context: Element
-): Promise<CleanupFn> {
+): Promise<CleanupFn | undefined> {
+	const code = await getCode(element, relativeTo);
 	const uuid = crypto.randomUUID();
 	window[scriptContextSymbol].set(uuid, context);
 	const jsCode = setContextForModuleScript(code, uuid, relativeTo);
@@ -80,39 +80,3 @@ async function executeModule(
 	URL.revokeObjectURL(url);
 	return cleanup;
 }
-
-function execute(code: string, context: Element): CleanupFn | undefined {
-	const fn = Function(code);
-	try {
-		const result = fn.call(context);
-		return typeof result === "function" ? result : undefined;
-	} catch (e) {
-		if (e instanceof Error) {
-			const stack = ErrorStackModifier.fromError(e);
-			const currentPlaceStackLength = ErrorStackModifier.current().items.length;
-			const cutSize = currentPlaceStackLength - 2;
-			const newStack = new ErrorStackModifier(stack.items.slice(0, -cutSize));
-			const selector = context?.tagName.toLowerCase();
-			if (selector) {
-				newStack.applyToRow((r) => r.replace("Component.eval", selector));
-			}
-			console.error(newStack.toString());
-		} else {
-			console.error(e);
-		}
-	}
-	return undefined;
-}
-
-export async function executeScript(
-	element: HTMLScriptElement,
-	relativeTo: string,
-	context: Element
-): Promise<CleanupFn | undefined> {
-	const code = await getCode(element, relativeTo);
-	const isModule = element.getAttribute("type") === "module";
-	if (isModule) {
-		return await executeModule(code, relativeTo, context);
-	}
-	return execute(code, context);
-}