@solidjs/element 2.0.0-experimental.4 → 2.0.0-experimental.6

package/README.md

@@ -8,7 +8,7 @@ This library extends [Solid](https://github.com/solidjs/solid) by adding Custom
 
 ## Example
 
-[See here](https://webcomponents.dev/edit/yGRb00wV4AMncPupRmA9) for an example of a webcomponent created by `solid-element`.
+[See here](./sample.jsx) for an example of a webcomponent created by `solid-element`.
 
 ## Installation
 

package/dist/index.d.ts

@@ -2,13 +2,6 @@ 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,50 +3,55 @@ 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.4",
+  "version": "2.0.0-experimental.6",
   "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.4",
-    "@solidjs/web": "^2.0.0-experimental.4"
+    "solid-js": "^2.0.0-experimental.6",
+    "@solidjs/web": "^2.0.0-experimental.6"
   },
   "devDependencies": {
-    "solid-js": "2.0.0-experimental.4",
-    "@solidjs/web": "2.0.0-experimental.4"
+    "solid-js": "2.0.0-experimental.6",
+    "@solidjs/web": "2.0.0-experimental.6"
   },
   "scripts": {
     "clean": "rimraf dist/",