svelte-common 4.17.5 → 4.18.0

package/README.md

@@ -70,7 +70,7 @@ Synchronizes store value with node "aria-sort" attribute.
 
 ## sorter
 
-Generate a sort function for a given sort by set.
+Generate a sort function for a given sort-by set.
 
 ### Parameters
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "4.17.5",
+  "version": "4.18.0",
   "publishConfig": {
     "access": "public"
   },
@@ -39,16 +39,16 @@
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@sveltejs/vite-plugin-svelte": "^1.0.2",
+    "@sveltejs/vite-plugin-svelte": "^1.0.3",
     "ava": "^4.3.3",
     "documentation": "^14.0.0",
-    "mf-styling": "^1.7.5",
+    "mf-styling": "^1.7.6",
     "npm-pkgbuild": "^10.14.8",
     "semantic-release": "^19.0.5",
     "stylelint": "^14.11.0",
     "stylelint-config-standard": "^28.0.0",
     "svelte": "^3.49.0",
-    "testcafe": "^1.20.1",
+    "testcafe": "^2.0.0",
     "vite": "^3.0.9"
   },
   "optionalDependencies": {

package/src/index.svelte

@@ -9,8 +9,6 @@
   import ServerDetails from "./components/ServerDetails.svelte";
   import ServiceWorkerDetails from "./components/ServiceWorkerDetails.svelte";
   import ServiceWorkerRegistrationDetails from "./components/ServiceWorkerRegistrationDetails.svelte";
-  import DataGrid from "./components/DataGrid.svelte";
-  import DataGridColumn from "./components/DataGridColumn.svelte";
   import TopNav from "./components/TopNav.svelte";
   import Menue from "./components/Menue.svelte";
   import Collapse from "./components/Collapse.svelte";
@@ -23,8 +21,6 @@
     Duration,
     TopNav,
     Menue,
-    DataGrid,
-    DataGridColumn,
     Collapse,
     Modal,
     Peer,
@@ -42,7 +38,8 @@
     formatBytes,
     formatDuration,
     formatDurationISO,
-    formatSecondsSinceEpoch
+    formatSecondsSinceEpoch,
+    keyPrefixStore
   } from "./util.mjs";
   export {
     sorter,
@@ -53,7 +50,6 @@
     SORT_ASCENDING,
     SORT_DESCENDING
   } from "./sorting.mjs";
-  export { filter } from "./filter.mjs";
-  
+  export { filter } from "./filter.mjs";  
   export { initializeServiceWorker } from "./service-worker.mjs";
 </script>

package/src/sorting.mjs

@@ -63,7 +63,7 @@ export function sortable(th, store) {
 }
 
 /**
- * Generate a sort function for a given sort by set.
+ * Generate a sort function for a given sort-by set.
  * @param {Object} sortBy
  * @param {Object} getters
  * @return {Function} sorter
@@ -76,12 +76,13 @@ export function sorter(sortBy, getters = {}) {
       let rev = 1;
 
       switch (value) {
-        case SORT_DESCENDING: rev = -1;
-        
+        case SORT_DESCENDING:
+          rev = -1;
+
         case SORT_ASCENDING:
           return (a, b) => {
-            const av = getter(a);
-            const bv = getter(b);
+            let av = getter(a);
+            let bv = getter(b);
             if (av === undefined) {
               return -rev;
             }
@@ -89,13 +90,14 @@ export function sorter(sortBy, getters = {}) {
               return rev;
             }
 
-            if (typeof av === "string") {
-              return typeof bv === "string" ? av.localeCompare(bv) : rev;
+            switch (typeof av) {
+              case "string":
+                return typeof bv === "string" ? av.localeCompare(bv) : rev;
             }
+
             if (av instanceof Date) {
-              const avt = av.getTime();
-              const bvt = bv.getTime();
-              return avt > bvt ? rev : avt === bvt ? 0 : -rev;
+              av = av.getTime();
+              bv = bv.getTime();
             }
 
             return av > bv ? rev : av == bv ? 0 : -rev;

package/src/util.mjs

@@ -94,3 +94,38 @@ function liveDuration(seconds) {
 }
 
 */
+
+/**
+ * Create a store where al the object keys are prefixed
+ * @param {WriteableStore} store
+ * @param {string} prefix
+ * @returns {WriteableStore}
+ */
+export function keyPrefixStore(store, prefix) {
+  const subscriptions = new Set();
+
+  store.subscribe(prefixedKeyObject => {
+    const object = Object.fromEntries(
+      Object.entries(prefixedKeyObject).map(([k, v]) => [
+        k.substring(prefix.length),
+        v
+      ])
+    );
+
+    subscriptions.forEach(subscription => subscription(object));
+  });
+
+  return {
+    set: object => {
+      const prefixedKeyObject = Object.fromEntries(
+        Object.entries(object).map(([k, v]) => [prefix + k, v])
+      );
+      store.set(prefixedKeyObject);
+    },
+
+    subscribe: s => {
+      subscriptions.add(s);
+      return () => subscriptions.delete(s);
+    }
+  };
+}

package/src/components/DataGrid.svelte

@@ -1,28 +0,0 @@
-<script>
-  import { setContext } from "svelte";
-  import { DataGrid, DATA_GRID} from "../data-grid.mjs";
-
-  export let source = { entries: [] };
-
-  const dataGrid = new DataGrid();
-  setContext(DATA_GRID, dataGrid);
-</script>
-
-<table>
-  <!--<slot/>-->
-  <thead>
-    {#each dataGrid.columns as column}
-     {column.id} {column.headerComponent}
-      <svelte:component this={column.headerComponent} />
-    {/each}
-  </thead>
-  <tbody>
-    {#each source.entries as entry}
-      <tr>
-        {#each dataGrid.columns as column}
-          <td>{entry[column.id]}</td>
-        {/each}
-      </tr>
-    {/each}
-  </tbody>
-</table>

package/src/components/DataGridColumn.svelte

@@ -1,18 +0,0 @@
-<script>
-  import { getContext } from "svelte";
-  import { DATA_GRID} from "../data-grid.mjs";
-
-  export let id;
-
-  const dataGrid = getContext(DATA_GRID);
-
-  let headerComponent;
-
-  dataGrid.addColumn({ id, headerComponent });
-</script>
-
-<th {id} bind:this={headerComponent}>
-  <slot name="header">
-    {id}
-  </slot>
-</th>

package/src/data-grid.mjs

@@ -1,10 +0,0 @@
-
-export const DATA_GRID = "DATA_GRID";
-
-export class DataGrid {
-  columns = [];
-
-  addColumn(c) {
-    this.columns.push(c);
-  }
-}