@ruebenfox/liquefaction 1.0.1

package/components/button/lib-button.css

@@ -0,0 +1,4 @@
+button.iv-button {
+  background: red;
+  color: white;
+}

package/components/button/lib-button.js

@@ -0,0 +1,5 @@
+const BUTTON = document.getElementById('test');
+
+BUTTON.onclick = () => {
+  alert('Button clicked!');
+};

package/components/button/lib-button.liquid

@@ -0,0 +1,23 @@
+{% comment %}
+ Static Assets
+{% endcomment %}
+<link rel="stylesheet" href="{{ 'lib-button.css' | asset_url }}"/>
+<script src="{{ 'lib-button.js' | asset_url }}" defer></script>
+
+{% comment %}
+ Component Props
+{% endcomment %}
+{% liquid
+  assign class_name = 'iv-button'
+  capture slot
+    <span>{{ label }}</span>
+  endcapture
+%}
+
+{%- comment -%}
+  Component Markup
+  This is provided by the library and should not be modified.
+{%- endcomment -%}
+<button id="test" class="{{ class_name }}">
+  {{ slot }}
+</button>

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@ruebenfox/liquefaction",
+  "version": "1.0.1",
+  "description": "A Shopify native component library, to power reusable theme development and an accompanying Visual Studio Code Extension to interact with the library. ",
+  "main": "index.js",
+  "files": [
+    "components",
+    "registry.json"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Ruben Kai Fox",
+  "license": "ISC"
+}

package/registry.json

@@ -0,0 +1,21 @@
+{
+  "button": {
+    "version": "1.0.0",
+    "description": "A customizable button component for web applications.",
+    "files": [
+      {
+        "src": "components/button/button.js",
+        "destDir": "assets"
+      },
+      {
+        "src": "components/button/button.css",
+        "destDir": "assets"
+      },
+      {
+        "src": "components/button/button.liquid",
+        "destDir": "snippets"
+      }
+    ],
+    "dependencies": []
+  }
+}