galaxy-charts 0.0.68 → 0.0.70

package/README.md

@@ -1,8 +1,54 @@
-<div align="center">
-  <img src="https://cdn.jsdelivr.net/gh/galaxyproject/galaxy-charts/docs/public/galaxy-charts.svg" alt="Description" width="50">
-  <h3>Welcome to Galaxy Charts!</h3>
-</div>
+# <img src="https://cdn.jsdelivr.net/gh/galaxyproject/galaxy-charts/docs/public/galaxy-charts.svg" alt="Galaxy Charts Logo" width="24" /> Galaxy Charts 
 
-Galaxy Charts is a JavaScript-based visualization framework for Galaxy, designed with a streamlined plugin interface. This framework enables developers to create Galaxy visualizations using modern tools like Vite and Vue3. With Galaxy Charts, you can connect to both local and public Galaxy instances, allowing you to test visualizations with real-world data prior to publishing.
+A modern JavaScript visualization framework for the [Galaxy Project](https://galaxyproject.org), built with [Vue 3](https://vuejs.org/) and [Vite](https://vitejs.dev/). It provides the core infrastructure for developing Galaxy visualizations using a simple and extensible plugin interface.
 
-Learn more at [https://galaxyproject.github.io/galaxy-charts/](https://galaxyproject.github.io/galaxy-charts/).
+> 💡 To quickly start building your own Galaxy visualizations, use the [Galaxy Charts Starter Template](https://github.com/guerler/galaxy-charts-starter) and run `npm install && npm run dev`.
+
+📘 **Documentation**: [https://charts.galaxyproject.org](https://charts.galaxyproject.org)
+
+---
+
+## 🚀 Getting Started
+
+To build your own visualization:
+
+1. **Use the Starter Template**  
+   Begin with the ready-to-go starter project:
+   ```bash
+   npx degit guerler/galaxy-charts-starter my-viz
+   cd my-viz
+   npm install
+   npm run dev
+   ```
+
+2. **Develop Your Plugin**  
+   Customize the included plugin or create your own inside the `src/plugins` directory.
+
+3. **Preview and Iterate**  
+   Use the development server (`http://localhost:3000`) to test your visualization live against Galaxy datasets.
+
+---
+
+## ✨ Features
+
+- ⚡ **Built with Vite**: Fast bundling and lightning-fast hot module replacement.
+- 🎨 **Vue 3 Components**: Use composable and reactive components for visualizations.
+- 🔌 **Plugin Architecture**: Create, test, and extend visualizations as isolated plugins.
+- 🌐 **Connect to Galaxy**: Pull datasets from any accessible Galaxy instance.
+- 🧪 **Test with Real Data**: Debug and verify visualizations with real datasets before deployment.
+- 📦 **Deploy-Ready**: Easily publish plugins or integrate into Galaxy instances.
+
+---
+
+## 🤝 Contributing
+
+We welcome contributions from the community! To get started:
+
+1. Fork the repository.
+2. Create a new branch for your feature or fix.
+3. Make your changes.
+4. Open a pull request with a clear description of what you’ve done.
+
+For larger changes or questions, feel free to open an issue first to discuss it with the maintainers.
+
+---

package/dist/galaxy-charts.js

@@ -18950,10 +18950,10 @@ const iy = /* @__PURE__ */ de({
           const { data: l } = await sr().GET(`/api/datasets/${t.datasetId}`), a = oy(l, t.isAuto, t.isText, t.isNumber);
           n.value = a, i();
         } catch (l) {
-          console.log(l);
+          console.debug(l);
         }
       else
-        console.log("Data column selector disabled, since `datasetId` is unavailable.");
+        console.debug("Data column selector disabled, since `datasetId` is unavailable.");
     }
     function i() {
       n.value.length > 0 && r.value === null && (r.value = n.value[0].value);
@@ -19010,44 +19010,29 @@ const iy = /* @__PURE__ */ de({
           d.type === "boolean" ? (we(), et(ge(Td), {
             key: 0,
             value: o.value[d.name],
-            "onUpdate:value": [
-              (f) => o.value[d.name] = f,
-              s[0] || (s[0] = (f) => l())
-            ]
+            "onUpdate:value": [(f) => o.value[d.name] = f, l]
           }, null, 8, ["value", "onUpdate:value"])) : d.type === "color" ? (we(), et(ge(dx), {
             key: 1,
             value: o.value[d.name],
-            "onUpdate:value": [
-              (f) => o.value[d.name] = f,
-              s[1] || (s[1] = (f) => l())
-            ],
+            "onUpdate:value": [(f) => o.value[d.name] = f, l],
             modes: ["hex"],
             "show-alpha": !1
           }, null, 8, ["value", "onUpdate:value"])) : d.type === "conditional" ? (we(), et(ey, {
             key: 2,
             value: o.value[d.name],
-            "onUpdate:value": [
-              (f) => o.value[d.name] = f,
-              s[2] || (s[2] = (f) => l())
-            ],
+            "onUpdate:value": [(f) => o.value[d.name] = f, l],
             "dataset-id": a.datasetId,
             input: d
           }, null, 8, ["value", "onUpdate:value", "dataset-id", "input"])) : d.type === "data" ? (we(), et(ry, {
             key: 3,
             value: o.value[d.name],
-            "onUpdate:value": [
-              (f) => o.value[d.name] = f,
-              s[3] || (s[3] = (f) => l())
-            ],
+            "onUpdate:value": [(f) => o.value[d.name] = f, l],
             extension: d.extension,
             optional: ge(Cr)(d.optional)
           }, null, 8, ["value", "onUpdate:value", "extension", "optional"])) : d.type === "data_column" ? (we(), et(iy, {
             key: 4,
             value: o.value[d.name],
-            "onUpdate:value": [
-              (f) => o.value[d.name] = f,
-              s[4] || (s[4] = (f) => l())
-            ],
+            "onUpdate:value": [(f) => o.value[d.name] = f, l],
             "dataset-id": a.datasetId,
             "is-auto": ge(Cr)(d.is_auto),
             "is-text": ge(Cr)(d.is_text),
@@ -19057,20 +19042,14 @@ const iy = /* @__PURE__ */ de({
               key: 0,
               class: "mb-2",
               value: o.value[d.name],
-              "onUpdate:value": [
-                (f) => o.value[d.name] = f,
-                s[5] || (s[5] = (f) => l())
-              ],
+              "onUpdate:value": [(f) => o.value[d.name] = f, l],
               min: Number(d.min),
               max: Number(d.max),
               step: d.type === "float" ? Ll : 1
             }, null, 8, ["value", "onUpdate:value", "min", "max", "step"])) : _t("", !0),
             Re(ge(Ox), {
               value: o.value[d.name],
-              "onUpdate:value": [
-                (f) => o.value[d.name] = f,
-                s[6] || (s[6] = (f) => l())
-              ],
+              "onUpdate:value": [(f) => o.value[d.name] = f, l],
               size: "small",
               min: Number(d.min),
               max: Number(d.max),
@@ -19079,18 +19058,12 @@ const iy = /* @__PURE__ */ de({
           ])) : d.type === "select" ? (we(), et(ge(Fo), {
             key: 6,
             value: o.value[d.name],
-            "onUpdate:value": [
-              (f) => o.value[d.name] = f,
-              s[7] || (s[7] = (f) => l())
-            ],
+            "onUpdate:value": [(f) => o.value[d.name] = f, l],
             options: d.data
           }, null, 8, ["value", "onUpdate:value", "options"])) : d.type === "textarea" ? (we(), et(ge(ar), {
             key: 7,
             value: o.value[d.name],
-            "onUpdate:value": [
-              (f) => o.value[d.name] = f,
-              s[8] || (s[8] = (f) => l())
-            ],
+            "onUpdate:value": [(f) => o.value[d.name] = f, l],
             rows: Number(d.rows),
             type: "textarea"
           }, null, 8, ["value", "onUpdate:value", "rows"])) : (we(), et(ge(ar), {
@@ -19098,7 +19071,7 @@ const iy = /* @__PURE__ */ de({
             value: o.value[d.name],
             "onUpdate:value": [
               (f) => o.value[d.name] = f,
-              s[9] || (s[9] = (f) => l())
+              s[0] || (s[0] = (f) => l())
             ]
           }, null, 8, ["value", "onUpdate:value"]))
         ])
@@ -19158,10 +19131,9 @@ const iy = /* @__PURE__ */ de({
           Re(ge(Vt), {
             class: "w-full mt-2",
             "data-description": "remove repeat block",
+            disabled: s.valuesArray.length <= 1,
             size: "tiny",
             type: "primary",
-            round: "",
-            disabled: s.valuesArray.length <= 1,
             onClick: (v) => l(f)
           }, {
             default: Fe(() => [
@@ -19496,7 +19468,7 @@ function By(e, t = "app") {
   if (e === void 0) {
     const a = document.getElementById(t);
     if (a)
-      e = JSON.parse((a == null ? void 0 : a.getAttribute("data-incoming")) || "{}");
+      e = JSON.parse((a == null ? void 0 : a.dataset.incoming) || "{}");
     else
       throw new Error(`Container element '${t}' not found.`);
   }