@solid-primitives/script-loader - npm Package Compare versions

Comparing version 2.1.2 to 2.2.0

dist/index.d.ts

@@ -28,2 +28,2 @@ import { ComponentProps, Accessor } from 'solid-js';
 
-export { ScriptProps, createScriptLoader };
+export { type ScriptProps, createScriptLoader };

dist/index.js

@@ -11,5 +11,22 @@ import { splitProps, createRenderEffect, onCleanup } from 'solid-js';
   const script = document.createElement("script");
-  const [local, scriptProps] = splitProps(props, OMITTED_PROPS);
+  const eventKeys = Object.keys(props).filter((p) => p.startsWith("on"));
+  const [local, events, scriptProps] = splitProps(
+    props,
+    OMITTED_PROPS,
+    eventKeys
+  );
   setTimeout(() => spread(script, scriptProps, false, true));
   createRenderEffect(() => {
+    Object.entries(events).forEach(
+      ([name, handler]) => script.addEventListener(
+        /^on:?(.*)/.test(name) ? name.startsWith("on:") ? RegExp.$1 : RegExp.$1.toLowerCase() : name,
+        (ev) => {
+          Object.defineProperties(ev, {
+            target: { value: script, enumerable: true },
+            currentTarget: { value: script, enumerable: true }
+          });
+          Array.isArray(handler) ? handler[0](handler[1], ev) : typeof handler === "function" && handler?.call(null, Object.assign(ev));
+        }
+      )
+    );
     const src = typeof local.src === "string" ? local.src : local.src();
@@ -16,0 +33,0 @@ const prop = /^(https?:|\w[\.\w-_%]+|)\//.test(src) ? "src" : "textContent";

package.json

 {
   "name": "@solid-primitives/script-loader",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "Primitive to load scripts dynamically",
@@ -5,0 +5,0 @@ "author": "Alex Lohr <[e-mail]>",

No alert changes

Improved metrics

Total package byte prevSize

10056

increased by4.64%

Lines of code

107

increased by10.31%

Worsened metrics

Number of package files

7

decreased by-12.5%

No dependency changes