@pixel-loader/solid 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { JSX } from 'solid-js';
+import * as solid_js from 'solid-js';
 
-declare const PixelLoader: (props: PixelLoaderProps) => JSX.Element;
+declare const PixelLoader: (props: PixelLoaderProps) => solid_js.JSX.Element;
 
 interface PixelLoaderProps {
     preset?: "wave-lr" | "wave-rl" | "wave-tb" | "wave-bt" | "diagonal" | "center-out" | "spiral" | "corners";
@@ -21,7 +21,7 @@ interface PixelLoaderElement extends HTMLElement {
 declare module "solid-js" {
     namespace JSX {
         interface IntrinsicElements {
-            "pixel-loader": PixelLoaderProps;
+            "pixel-loader": PixelLoaderProps & JSX.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/dist/index.js

@@ -1,16 +1,40 @@
 // src/component.tsx
+import "@pixel-loader/core";
+import { createEffect } from "solid-js";
 import { jsx } from "solid-js/jsx-runtime";
 var PixelLoader = (props) => {
-  const { size, color, borderRadius, isAnimating, delayPattern, preset } = props;
-  const attributes = {
-    preset,
-    size,
-    color,
-    "border-radius": borderRadius,
-    "is-animating": isAnimating,
-    "delay-pattern": delayPattern ? JSON.stringify(delayPattern) : void 0
-  };
-  return /* @__PURE__ */ jsx("pixel-loader", { ...attributes });
+  let ref;
+  createEffect(() => {
+    if (!ref) {
+      return;
+    }
+    if (props.preset !== void 0) {
+      ref.preset = props.preset;
+    }
+    if (props.size !== void 0) {
+      ref.size = props.size;
+    }
+    if (props.color !== void 0) {
+      ref.color = props.color;
+    }
+    if (props.borderRadius !== void 0) {
+      ref.borderRadius = props.borderRadius;
+    }
+    if (props.isAnimating !== void 0) {
+      ref.isAnimating = props.isAnimating;
+    }
+    if (props.delayPattern !== void 0) {
+      ref.delayPattern = props.delayPattern;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    "pixel-loader",
+    {
+      ref: (el) => {
+        ref = el;
+      }
+    }
+  );
 };
 export {
   PixelLoader

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixel-loader/solid",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "description": "Solid wrapper for PixelLoader web component",
   "main": "./dist/index.js",
@@ -15,6 +15,14 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check ./src",
+    "format": "biome format --write ./src",
+    "clean": "rm -rf dist"
+  },
   "keywords": [
     "solid-js",
     "web-components",
@@ -27,7 +35,7 @@
     "solid-js": "^1.8.0"
   },
   "dependencies": {
-    "@pixel-loader/core": "0.0.1"
+    "@pixel-loader/core": "workspace:*"
   },
   "devDependencies": {
     "solid-js": "^1.9.11",
@@ -35,13 +43,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "lint": "biome check ./src",
-    "format": "biome format --write ./src",
-    "clean": "rm -rf dist"
   }
-}
+}