@solidjs/element 2.0.0-experimental.1 → 2.0.0-experimental.3

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016-2023 Ryan Carniato
+Copyright (c) 2016-2025 Ryan Carniato
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.d.ts

@@ -2,6 +2,13 @@ import { ComponentType as mComponentType, PropsDefinitionInput } from "component
 export { hot, getCurrentElement, noShadowDOM } from "component-register";
 export type ComponentType<T> = mComponentType<T>;
 declare function withSolid<T extends object>(ComponentType: ComponentType<T>): ComponentType<T>;
-declare function customElement<T extends object>(tag: string, ComponentType: ComponentType<T>): CustomElementConstructor;
-declare function customElement<T extends object>(tag: string, props: PropsDefinitionInput<T>, ComponentType: ComponentType<T>): CustomElementConstructor;
+declare function customElement<T extends object>(
+  tag: string,
+  ComponentType: ComponentType<T>
+): CustomElementConstructor;
+declare function customElement<T extends object>(
+  tag: string,
+  props: PropsDefinitionInput<T>,
+  ComponentType: ComponentType<T>
+): CustomElementConstructor;
 export { withSolid, customElement };

package/dist/index.js

@@ -3,55 +3,50 @@ export { hot, getCurrentElement, noShadowDOM } from "component-register";
 import { createRoot, createSignal, runWithOwner } from "solid-js";
 import { insert } from "@solidjs/web";
 function createProps(raw) {
-    const keys = Object.keys(raw);
-    const props = {};
-    for (let i = 0; i < keys.length; i++) {
-        const [get, set] = createSignal(() => raw[keys[i]]);
-        Object.defineProperty(props, keys[i], {
-            get,
-            set(v) {
-                set(() => v);
-            }
-        });
-    }
-    return props;
+  const keys = Object.keys(raw);
+  const props = {};
+  for (let i = 0; i < keys.length; i++) {
+    const [get, set] = createSignal(() => raw[keys[i]]);
+    Object.defineProperty(props, keys[i], {
+      get,
+      set(v) {
+        set(() => v);
+      }
+    });
+  }
+  return props;
 }
 function lookupContext(el) {
-    if (el.assignedSlot && el.assignedSlot._$owner)
-        return el.assignedSlot._$owner;
-    let next = el.parentNode;
-    while (next &&
-        !next._$owner &&
-        !(next.assignedSlot && next.assignedSlot._$owner))
-        next = next.parentNode;
-    return next && next.assignedSlot
-        ? next.assignedSlot._$owner
-        : el._$owner;
+  if (el.assignedSlot && el.assignedSlot._$owner) return el.assignedSlot._$owner;
+  let next = el.parentNode;
+  while (next && !next._$owner && !(next.assignedSlot && next.assignedSlot._$owner))
+    next = next.parentNode;
+  return next && next.assignedSlot ? next.assignedSlot._$owner : el._$owner;
 }
 function withSolid(ComponentType) {
-    return (rawProps, options) => {
-        const { element } = options;
-        const owner = lookupContext(element);
-        function createComponent() {
-            return createRoot((dispose) => {
-                const props = createProps(rawProps);
-                element.addPropertyChangedCallback((key, val) => (props[key] = val));
-                element.addReleaseCallback(() => {
-                    element.renderRoot.textContent = "";
-                    dispose();
-                });
-                const comp = ComponentType(props, options);
-                return insert(element.renderRoot, comp);
-            });
-        }
-        return owner ? runWithOwner(owner, createComponent) : createComponent();
-    };
+  return (rawProps, options) => {
+    const { element } = options;
+    const owner = lookupContext(element);
+    function createComponent() {
+      return createRoot(dispose => {
+        const props = createProps(rawProps);
+        element.addPropertyChangedCallback((key, val) => (props[key] = val));
+        element.addReleaseCallback(() => {
+          element.renderRoot.textContent = "";
+          dispose();
+        });
+        const comp = ComponentType(props, options);
+        return insert(element.renderRoot, comp);
+      });
+    }
+    return owner ? runWithOwner(owner, createComponent) : createComponent();
+  };
 }
 function customElement(tag, props, ComponentType) {
-    if (arguments.length === 2) {
-        ComponentType = props;
-        props = {};
-    }
-    return register(tag, props)(withSolid(ComponentType));
+  if (arguments.length === 2) {
+    ComponentType = props;
+    props = {};
+  }
+  return register(tag, props)(withSolid(ComponentType));
 }
 export { withSolid, customElement };

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponents wrapper for Solid",
   "author": "Ryan Carniato",
   "license": "MIT",
-  "version": "2.0.0-experimental.1",
+  "version": "2.0.0-experimental.3",
   "homepage": "https://github.com/solidjs/solid/blob/main/packages/solid-element#readme",
   "type": "module",
   "main": "dist/index.js",
@@ -20,12 +20,12 @@
     "component-register": "^0.8.7"
   },
   "peerDependencies": {
-    "solid-js": "^2.0.0-experimental.1",
-    "@solidjs/web": "^2.0.0-experimental.1"
+    "solid-js": "^2.0.0-experimental.3",
+    "@solidjs/web": "^2.0.0-experimental.3"
   },
   "devDependencies": {
-    "solid-js": "2.0.0-experimental.1",
-    "@solidjs/web": "2.0.0-experimental.1"
+    "solid-js": "2.0.0-experimental.3",
+    "@solidjs/web": "2.0.0-experimental.3"
   },
   "scripts": {
     "clean": "rimraf dist/",