@wishbone-media/spark 0.6.0 → 0.8.5

package/dist/index.js

@@ -217,43 +217,51 @@ const Oe = { class: "flex items-center" }, De = { class: "shrink-0 self-start" }
       ]);
     };
   }
-}, W = M("brandFilter", () => {
-  const e = z({
-    brands: []
-  }), o = (f = {}) => {
-    if (!f.brands || !Array.isArray(f.brands)) {
-      console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
-      return;
-    }
-    const a = f.brands.filter((t) => {
-      const n = t.id && t.name && t.logo;
-      return n || console.warn("useSparkBrandFilterStore: Invalid brand object", t), n;
-    }), i = a.filter((t) => t.current);
-    i.length === 0 && a.length > 0 ? a[0].current = !0 : i.length > 1 && a.forEach((t) => {
-      t.current = t === i[0];
-    }), e.brands = a.map((t) => ({
-      id: t.id,
-      name: t.name,
-      logo: t.logo,
-      current: t.current || !1
-    }));
-  }, r = y(() => e.brands.find((f) => f.current) || null), c = y(() => e.brands);
-  return {
-    state: e,
-    initialize: o,
-    currentBrand: r,
-    allBrands: c,
-    toggleBrand: (f) => {
-      if (!f || !e.brands.includes(f)) {
-        console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
+}, W = M(
+  "brandFilter",
+  () => {
+    const e = z({
+      brands: []
+    }), o = (f = {}) => {
+      if (!f.brands || !Array.isArray(f.brands)) {
+        console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      e.brands.forEach((a) => {
-        a.current = a === f;
-      });
+      const a = f.brands.filter((t) => {
+        const n = t.id && t.name && t.logo;
+        return n || console.warn("useSparkBrandFilterStore: Invalid brand object", t), n;
+      }), i = a.filter((t) => t.current);
+      i.length === 0 && a.length > 0 ? a[0].current = !0 : i.length > 1 && a.forEach((t) => {
+        t.current = t === i[0];
+      }), e.brands = a.map((t) => ({
+        id: t.id,
+        name: t.name,
+        logo: t.logo,
+        current: t.current || !1
+      }));
+    }, r = y(() => e.brands.find((f) => f.current) || null), c = y(() => e.brands);
+    return {
+      state: e,
+      initialize: o,
+      currentBrand: r,
+      allBrands: c,
+      toggleBrand: (f) => {
+        if (!f || !e.brands.includes(f)) {
+          console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
+          return;
+        }
+        e.brands.forEach((a) => {
+          a.current = a === f;
+        });
+      }
+    };
+  },
+  {
+    persist: {
+      paths: ["state.brands"]
     }
-  };
-}), nt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ot = { class: "flex flex-1 flex-col" }, rt = { class: "divide-y divide-gray-200" }, at = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, lt = { class: "ml-auto flex items-center" }, it = {
+  }
+), nt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ot = { class: "flex flex-1 flex-col" }, rt = { class: "divide-y divide-gray-200" }, at = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, lt = { class: "ml-auto flex items-center" }, it = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
 }, ct = ["onClick"], dt = { class: "gap-y-1 flex" }, ut = { class: "flex items-center mr-4" }, pt = ["src", "alt"], ft = { class: "ml-auto flex flex-col" }, mt = { class: "text-base text-gray-800 flex items-center" }, gt = { class: "font-medium" }, ht = {

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@wishbone-media/spark",
-  "version": "0.6.0",
+  "version": "0.8.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/wishbone-media/spark.git"
+  },
   "files": [
     "dist",
     "src",
@@ -21,6 +25,7 @@
     "@fortawesome/pro-regular-svg-icons": "^7.1.0",
     "@headlessui/vue": "^1.7.23",
     "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.0.0",
     "vue": "^3.5.24",
     "vue-router": "^4.6.3"
   },

package/src/stores/brand-filter.js

@@ -1,10 +1,12 @@
 import { defineStore } from 'pinia'
 import { computed, reactive } from 'vue'
 
-export const useSparkBrandFilterStore = defineStore('brandFilter', () => {
-  const state = reactive({
-    brands: [],
-  })
+export const useSparkBrandFilterStore = defineStore(
+  'brandFilter',
+  () => {
+    const state = reactive({
+      brands: [],
+    })
 
   const initialize = (config = {}) => {
     if (!config.brands || !Array.isArray(config.brands)) {
@@ -55,11 +57,17 @@ export const useSparkBrandFilterStore = defineStore('brandFilter', () => {
     })
   }
 
-  return {
-    state,
-    initialize,
-    currentBrand,
-    allBrands,
-    toggleBrand,
-  }
-})
+    return {
+      state,
+      initialize,
+      currentBrand,
+      allBrands,
+      toggleBrand,
+    }
+  },
+  {
+    persist: {
+      paths: ['state.brands'],
+    },
+  },
+)