svelte-common 4.6.3 → 4.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "4.6.3",
+  "version": "4.6.6",
   "publishConfig": {
     "access": "public"
   },
@@ -21,38 +21,38 @@
   "license": "BSD-2-Clause",
   "scripts": {
     "prepare": "vite build",
-    "start": "vite dev",
+    "start": "vite",
     "test": "npm run test:ava && npm run test:cafe",
-    "test:cafe": "testcafe $BROWSER:headless tests/cafe/*.js -s build/test --page-request-timeout 9000 --app-init-delay 3000 --app \"vite\"",
+    "test:cafe": "testcafe $BROWSER:headless tests/cafe/*.js -s build/test --page-request-timeout 9000 --app-init-delay 3000 --app vite",
     "test:ava": "ava --timeout 2m tests/*.mjs",
     "docs": "documentation readme --section=API ./src/**/*.mjs",
-    "lint": "npm run lint:css && npm run lint:docs && documentation lint ./src/index.mjs",
+    "lint": "npm run lint:css && npm run lint:docs",
     "lint:docs": "documentation lint ./src/**/*.mjs",
     "lint:css": "stylelint ./src/*.css",
     "preview": "vite preview"
   },
   "dependencies": {
-    "svelte-command": "^1.1.16",
-    "svelte-entitlement": "^1.2.23"
+    "svelte-command": "^1.1.18",
+    "svelte-entitlement": "^1.2.25"
   },
   "devDependencies": {
     "@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.0-next.49",
-    "ava": "^4.3.0",
+    "@sveltejs/vite-plugin-svelte": "^1.0.1",
+    "ava": "^4.3.1",
     "documentation": "^13.2.5",
-    "mf-styling": "^1.2.24",
-    "npm-pkgbuild": "^10.9.2",
+    "mf-styling": "^1.2.26",
+    "npm-pkgbuild": "^10.11.3",
     "semantic-release": "^19.0.3",
     "stylelint": "^14.9.1",
     "stylelint-config-standard": "^26.0.0",
-    "svelte": "^3.48.0",
+    "svelte": "^3.49.0",
     "testcafe": "^1.19.0",
-    "vite": "^2.9.12"
+    "vite": "^3.0.0"
   },
   "optionalDependencies": {
-    "mf-hosting": "^1.6.3"
+    "mf-hosting": "^1.7.0"
   },
   "repository": {
     "type": "git",
@@ -67,7 +67,8 @@
       "${install.dir}": "build/",
       "${nginx.sites.dir}${name}.conf": "pkg/nginx.conf"
     },
-    "groups": "web"
+    "groups": "examples",
+    "http.base.path": "/examples"
   },
   "release": {
     "plugins": [

package/src/components/DataGrid.svelte

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

package/src/components/DataGridColumn.svelte

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

package/src/components/ServerDetails.svelte

@@ -4,15 +4,13 @@
 
   export let server;
 
-  if (!server) {
-    server = {};
-  }
-  const memory = server.memory || {
-    heapTotal: 0,
-    heapUsed: 0,
-    external: 0,
-    rss: 0
-  };
+  const memSlots = [
+    { key: "external", title: "External" },
+    { key: "heapTotal", title: "Heap Total" },
+    { key: "heapUsed", title: "Heap Used" },
+    { key: "arrayBuffers", title: "Array Buffers" },
+    { key: "rss", title: "RSS" }
+  ];
 </script>
 
 <tr>
@@ -21,34 +19,21 @@
 <tr>
   <td />
   <td>Version</td>
-  <td>{server.version}</td>
+  <td>{#if server && server.version}{server.version}{:else}<div class="error">down</div>{/if}</td>
 </tr>
 <tr>
   <td />
   <td>Uptime</td>
   <td>
-    {#if server.uptime >= 0}
+    {#if server && server.uptime >= 0}
       <Duration seconds={server.uptime} />
     {:else}<div class="error">down</div>{/if}
   </td>
 </tr>
-<tr>
-  <td />
-  <td>Heap Total</td>
-  <td><Bytes value={memory.heapTotal} /></td>
-</tr>
-<tr>
-  <td />
-  <td>Heap Used</td>
-  <td><Bytes value={memory.heapUsed} /></td>
-</tr>
-<tr>
-  <td />
-  <td>External</td>
-  <td><Bytes value={memory.external} /></td>
-</tr>
-<tr>
-  <td />
-  <td>RSS</td>
-  <td><Bytes value={memory.rss} /></td>
-</tr>
+{#each memSlots as { key, title }}
+  <tr>
+    <td />
+    <td>{title}</td>
+    <td>{#if server && server.memory}<Bytes value={server.memory[key]}/>{:else}<div class="error">down</div>{/if}</td>
+  </tr>
+{/each}

package/src/data-grid.mjs

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

package/vite.config.js

@@ -1,47 +0,0 @@
-import { svelte } from "@sveltejs/vite-plugin-svelte";
-//import { extractFromPackage } from "npm-pkgbuild/src/module.mjs";
-import { defineConfig } from "vite";
-
-export default defineConfig(async ({ command, mode }) => {
-  const { extractFromPackage } = await import(
-    new URL("node_modules/npm-pkgbuild/src/module.mjs", import.meta.url)
-  );
-  const res = extractFromPackage({
-    dir: new URL("./", import.meta.url).pathname
-  });
-  const first = await res.next();
-  const pkg = first.value;
-  const properties = pkg.properties;
-  const base = properties["http.path"] + "/";
-  const production = mode === "production";
-
-  process.env["VITE_NAME"] = properties.name;
-  process.env["VITE_DESCRIPTION"] = properties.description;
-  process.env["VITE_VERSION"] = properties.version;
-
-  return {
-    base,
-    root: "tests/app/src",
-    worker: { format: "es" },
-    plugins: [
-      svelte({
-        compilerOptions: {
-          dev: !production
-        }
-      })
-    ],
-    optimizeDeps: {
-      exclude: [
-        ...Object.keys(pkg.dependencies).filter(d => d.startsWith("svelte"))
-      ]
-    },
-    server: { host: true },
-    build: {
-      outDir: "../../../build",
-      target: "esnext",
-      emptyOutDir: true,
-      minify: production,
-      sourcemap: true
-    }
-  };
-});