@nymphjs/tilmeld-setup 1.0.0-beta.120 → 1.0.0-beta.122

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.122](https://forge.sciactive.com/sciactive/nymphjs/compare/v1.0.0-beta.121...v1.0.0-beta.122) (2026-09-22)
+
+### Features
+
+- save and delete now throw on errors instead of returning false, refresh throws on db errors ([536db88](https://forge.sciactive.com/sciactive/nymphjs/commits/536db8804ac515cd3e1e9c30b104f674e267916a))
+
+# [1.0.0-beta.121](https://forge.sciactive.com/sciactive/nymphjs/compare/v1.0.0-beta.120...v1.0.0-beta.121) (2026-09-17)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
 # [1.0.0-beta.120](https://forge.sciactive.com/sciactive/nymphjs/compare/v1.0.0-beta.119...v1.0.0-beta.120) (2026-09-01)
 
 **Note:** Version bump only for package @nymphjs/tilmeld-setup

package/README.md

@@ -1,6 +1,8 @@
 # Tilmeld Setup App - User/Group System for Nymph
 
-Powerful object data storage and querying.
+Application Data and Access Framework for Node.js and the browser.
+
+https://nymph.io/
 
 The Tilmeld Setup App allows administrators to create, modify, and delete users and groups and configure how Tilmeld works. It also acts as the endpoint for email address verification.
 
@@ -73,7 +75,7 @@ app.listen(80);
 
 # License
 
-Copyright 2021-2025 SciActive Inc
+Copyright 2021-2026 SciActive Inc
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

package/app/src/App.svelte

@@ -73,13 +73,12 @@
               <Item
                 bind:this={section.component}
                 tag="a"
+                use={[link]}
                 nonInteractive={!('href' in section)}
-                href={'href' in section ? `#${section.href}` : undefined}
+                href={'href' in section ? section.href : undefined}
                 activated={section.absolute
-                  ? `${currentMatch.route.path}/` === section.href
-                  : `${currentMatch.route.path}/`.startsWith(
-                      section.href ?? '!',
-                    )}
+                  ? `${currentRoute}` === section.href
+                  : `${currentRoute}/`.startsWith(section.href ?? '!')}
                 style={section.indent
                   ? 'margin-left: ' + section.indent * 25 + 'px;'
                   : ''}
@@ -108,7 +107,7 @@
     <main class="tilmeld-main-content" bind:this={mainContent}>
       {#if tilmeldAdmin}
         {#if $clientConfig}
-          <CurrentRoute {router} {params} {clientConfig} {user} />
+          <Router {routes} {onRouteLoaded} />
         {:else}
           Loading...
         {/if}
@@ -132,10 +131,10 @@
 
 <script lang="ts">
   import type { Component } from 'svelte';
-  import { onMount } from 'svelte';
+  import { onMount, setContext } from 'svelte';
   import type { Writable } from 'svelte/store';
   import { writable } from 'svelte/store';
-  import Navigo from 'navigo';
+  import Router, { link, type RouteDetailLoaded } from 'svelte-spa-router';
   import type {
     User as UserClass,
     ClientConfig,
@@ -150,7 +149,7 @@
   import Menu from '@smui/menu';
   import { Icon } from '@smui/common';
 
-  import { User } from './nymph';
+  import { User } from './nymph.js';
   import Intro from './routes/Intro.svelte';
   import Users from './routes/Users.svelte';
   import UserEdit from './routes/UserEdit.svelte';
@@ -172,6 +171,9 @@
   let tilmeldAdmin: boolean | undefined = $state();
   let accountOpen = $state(false);
 
+  setContext('clientConfigStore', clientConfig);
+  setContext('userStore', user);
+
   $effect(() => {
     if ($user) {
       $user
@@ -184,65 +186,25 @@
     }
   });
 
-  const router = new Navigo('/', { hash: true });
-  let CurrentRoute: Component<any> = $state(Intro);
-  let params: any = $state({});
-
-  router.hooks({
-    before(done, match) {
-      if (mainContent) {
-        drawerOpen = false;
-        mainContent.scrollTop = 0;
-      }
-
-      currentMatch = match;
-
-      done();
-    },
-  });
+  let currentRoute = $state('/');
 
-  router.on({
-    '/': () => {
-      CurrentRoute = Intro;
-      params = {};
-    },
-    '/users/edit/:guid': ({ data }: any) => {
-      CurrentRoute = UserEdit;
-      params = data;
-    },
-    '/users/': () => {
-      CurrentRoute = Users;
-      params = {};
-    },
-    '/users/:query?': ({ data }: any) => {
-      CurrentRoute = Users;
-      params = data;
-    },
-    '/groups/edit/:guid': ({ data }: any) => {
-      CurrentRoute = GroupEdit;
-      params = data;
-    },
-    '/groups/': () => {
-      CurrentRoute = Groups;
-      params = {};
-    },
-    '/groups/:query?': ({ data }: any) => {
-      CurrentRoute = Groups;
-      params = data;
-    },
-  });
+  const routes = {
+    '/': Intro,
+    '/users/edit/:guid': UserEdit,
+    '/users/:query?': Users,
+    '/groups/edit/:guid': GroupEdit,
+    '/groups/:query?': Groups,
+    '*': NotFound,
+  };
 
-  router.notFound(({ hashString }: any) => {
-    if (hashString === '') {
-      router.navigate('/', { historyAPIMethod: 'replaceState' });
-    } else {
-      CurrentRoute = NotFound;
-      params = {};
+  function onRouteLoaded(detail: RouteDetailLoaded) {
+    if (mainContent) {
+      drawerOpen = false;
+      mainContent.scrollTop = 0;
     }
-  });
 
-  let currentMatch = $state(router.getCurrentLocation());
-  router.resolve();
+    currentRoute = `${detail?.route ?? '/'}`;
+  }
 
   const sections: (
     | {
@@ -266,12 +228,12 @@
     },
     {
       name: 'Users',
-      href: 'users/',
+      href: '/users/',
       indent: 0,
     },
     {
       name: 'Groups',
-      href: 'groups/',
+      href: '/groups/',
       indent: 0,
     },
   ];

package/app/src/routes/GroupEdit.svelte

@@ -6,10 +6,7 @@
   </section>
 {:else}
   <div style="display: flex; align-items: center; padding: 12px;">
-    <IconButton
-      title="Back"
-      onclick={() => router.navigate('', { historyAPIMethod: 'back' })}
-    >
+    <IconButton title="Back" onclick={() => pop()}>
       <Icon tag="svg" viewBox="0 0 24 24">
         <path fill="currentColor" d={mdiArrowLeft} />
       </Icon>
@@ -23,7 +20,8 @@
     {#await $entity.user.$wake() then _user}
       <div style="padding: 12px;" class="mdc-typography--subtitle1">
         Generated primary group for <a
-          href="#/users/edit/{encodeURIComponent($entity.user.guid || '')}"
+          href="/users/edit/{encodeURIComponent($entity.user.guid || '')}"
+          use:link
           >{$clientConfig.userFields.includes('name')
             ? $entity.user.name + ' (' + $entity.user.username + ')'
             : $entity.user.username}</a
@@ -194,7 +192,8 @@
           No parent
         {:else}
           <a
-            href="#/groups/edit/{encodeURIComponent($entity.parent.guid || '')}"
+            href="/groups/edit/{encodeURIComponent($entity.parent.guid || '')}"
+            use:link
             >{$clientConfig.userFields.includes('name')
               ? $entity.parent.name + ' (' + $entity.parent.groupname + ')'
               : $entity.parent.groupname}</a
@@ -357,7 +356,8 @@
 <script lang="ts">
   import type { Writable } from 'svelte/store';
   import { writable } from 'svelte/store';
-  import type Navigo from 'navigo';
+  import { getContext } from 'svelte';
+  import { link, pop, replace } from 'svelte-spa-router';
   import type {
     AdminGroupData,
     ClientConfig,
@@ -390,19 +390,9 @@
   import Button from '@smui/button';
   import { Icon, Label } from '@smui/common';
 
-  import { nymph, Group, User } from '../nymph';
+  import { nymph, Group, User } from '../nymph.js';
 
-  let {
-    router,
-    params,
-    clientConfig,
-    user,
-  }: {
-    router: Navigo;
-    params: { guid: string };
-    clientConfig: Writable<ClientConfig | undefined>;
-    user: Writable<(UserClass & CurrentUserData) | null | undefined>;
-  } = $props();
+  let { params }: { params: { guid: string } } = $props();
 
   let entity: Writable<GroupClass & AdminGroupData> = writable(
     Group.factorySync(),
@@ -422,6 +412,13 @@
   let success: boolean | undefined = $state();
   let loading = $state(true);
 
+  const clientConfig =
+    getContext<Writable<ClientConfig | undefined>>('clientConfigStore');
+  const user =
+    getContext<Writable<(UserClass & CurrentUserData) | null | undefined>>(
+      'userStore',
+    );
+
   $effect(() => {
     if (params) {
       handleGuidParam();
@@ -597,21 +594,15 @@
     failureMessage = undefined;
     const newEntity = $entity.guid == null;
     try {
-      if (await $entity.$save()) {
-        await readyEntity();
-        success = true;
-        if (newEntity) {
-          router.navigate(
-            `/groups/edit/${encodeURIComponent($entity.guid || '')}`,
-            { historyAPIMethod: 'replaceState' },
-          );
-        }
-        setTimeout(() => {
-          success = undefined;
-        }, 1000);
-      } else {
-        failureMessage = 'Error saving group.';
+      await $entity.$save();
+      await readyEntity();
+      success = true;
+      if (newEntity) {
+        replace(`/groups/edit/${encodeURIComponent($entity.guid || '')}`);
       }
+      setTimeout(() => {
+        success = undefined;
+      }, 1000);
     } catch (e: any) {
       console.log('error:', e);
       failureMessage = e?.message;
@@ -624,11 +615,8 @@
     if (confirm('Are you sure you want to delete this?')) {
       saving = true;
       try {
-        if (await $entity.$delete()) {
-          router.navigate('', { historyAPIMethod: 'back' });
-        } else {
-          failureMessage = 'An error occurred.';
-        }
+        await $entity.$delete();
+        pop();
       } catch (e: any) {
         failureMessage = e?.message;
       }

package/app/src/routes/Groups.svelte

@@ -7,7 +7,8 @@
 {:else}
   <div class="solo-search-container solo-container">
     <Fab
-      href="#/groups/edit/+"
+      href="/groups/edit/+"
+      use={[link]}
       color="primary"
       mini
       class="solo-fab"
@@ -74,27 +75,30 @@
               {#if !$clientConfig.emailUsernames}
                 <Cell
                   ><a
-                    href="#/groups/edit/{encodeURIComponent(
+                    href="/groups/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.groupname}</a
+                    )}"
+                    use:link>{curEntity.groupname}</a
                   ></Cell
                 >
               {/if}
               {#if $clientConfig.userFields.includes('name')}
                 <Cell
                   ><a
-                    href="#/groups/edit/{encodeURIComponent(
+                    href="/groups/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.name}</a
+                    )}"
+                    use:link>{curEntity.name}</a
                   ></Cell
                 >
               {/if}
               {#if $clientConfig.userFields.includes('email')}
                 <Cell
                   ><a
-                    href="#/groups/edit/{encodeURIComponent(
+                    href="/groups/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.email}</a
+                    )}"
+                    use:link>{curEntity.email}</a
                   ></Cell
                 >
               {/if}
@@ -119,7 +123,8 @@
 
 <script lang="ts">
   import type { Writable } from 'svelte/store';
-  import type Navigo from 'navigo';
+  import { getContext } from 'svelte';
+  import { link, push } from 'svelte-spa-router';
   import queryParser from '@nymphjs/query-parser';
   import type {
     AdminGroupData,
@@ -138,23 +143,20 @@
   import Fab from '@smui/fab';
   import { Icon } from '@smui/common';
 
-  import { nymph, Group, User } from '../nymph';
+  import { nymph, Group, User } from '../nymph.js';
 
-  let {
-    router,
-    params,
-    clientConfig,
-    user,
-  }: {
-    router: Navigo;
-    params: { query?: string };
-    clientConfig: Writable<ClientConfig | undefined>;
-    user: Writable<(UserClass & CurrentUserData) | null | undefined>;
-  } = $props();
+  let { params }: { params: { query?: string } } = $props();
 
-  let entitySearch = $state(params.query ?? '');
+  let entitySearch = $derived(params.query ?? '');
   let failureMessage: string | undefined = $state();
 
+  const clientConfig =
+    getContext<Writable<ClientConfig | undefined>>('clientConfigStore');
+  const user =
+    getContext<Writable<(UserClass & CurrentUserData) | null | undefined>>(
+      'userStore',
+    );
+
   $effect(() => {
     if (params) {
       handleSearchParam();
@@ -192,7 +194,7 @@
   let entitiesSearching = $state(false);
   let entities: (GroupClass & AdminGroupData)[] | undefined = $state();
   async function searchEntities() {
-    router.navigate(`/groups/${encodeURIComponent(entitySearch)}`);
+    push(`/groups/${encodeURIComponent(entitySearch)}`);
   }
   function entitySearchKeyDown(event: CustomEvent | KeyboardEvent) {
     event = event as KeyboardEvent;

package/app/src/routes/UserEdit.svelte

@@ -6,10 +6,7 @@
   </section>
 {:else}
   <div style="display: flex; align-items: center; padding: 12px;">
-    <IconButton
-      title="Back"
-      onclick={() => router.navigate('', { historyAPIMethod: 'back' })}
-    >
+    <IconButton title="Back" onclick={() => pop()}>
       <Icon tag="svg" viewBox="0 0 24 24">
         <path fill="currentColor" d={mdiArrowLeft} />
       </Icon>
@@ -191,7 +188,9 @@
         {#if !$entity.group}
           No primary group
         {:else}
-          <a href="#/groups/edit/{encodeURIComponent($entity.group.guid || '')}"
+          <a
+            href="/groups/edit/{encodeURIComponent($entity.group.guid || '')}"
+            use:link
             >{$clientConfig.userFields.includes('name')
               ? $entity.group.name + ' (' + $entity.group.groupname + ')'
               : $entity.group.groupname}</a
@@ -308,27 +307,30 @@
               {#if !$clientConfig.emailUsernames}
                 <Cell
                   ><a
-                    href="#/groups/edit/{encodeURIComponent(
+                    href="/groups/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.groupname}</a
+                    )}"
+                    use:link>{curEntity.groupname}</a
                   ></Cell
                 >
               {/if}
               {#if $clientConfig.userFields.includes('name')}
                 <Cell
                   ><a
-                    href="#/groups/edit/{encodeURIComponent(
+                    href="/groups/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.name}</a
+                    )}"
+                    use:link>{curEntity.name}</a
                   ></Cell
                 >
               {/if}
               {#if $clientConfig.userFields.includes('email')}
                 <Cell
                   ><a
-                    href="#/groups/edit/{encodeURIComponent(
+                    href="/groups/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.email}</a
+                    )}"
+                    use:link>{curEntity.email}</a
                   ></Cell
                 >
               {/if}
@@ -763,7 +765,8 @@
   import { onMount } from 'svelte';
   import type { Writable } from 'svelte/store';
   import { writable } from 'svelte/store';
-  import type Navigo from 'navigo';
+  import { getContext } from 'svelte';
+  import { link, pop, replace } from 'svelte-spa-router';
   import type {
     AdminGroupData,
     AdminUserData,
@@ -798,19 +801,9 @@
   import Dialog, { Title, Content, Actions } from '@smui/dialog';
   import { Icon, Label } from '@smui/common';
 
-  import { User, Group } from '../nymph';
+  import { User, Group } from '../nymph.js';
 
-  let {
-    router,
-    params,
-    clientConfig,
-    user,
-  }: {
-    router: Navigo;
-    params: { guid: string };
-    clientConfig: Writable<ClientConfig | undefined>;
-    user: Writable<(UserClass & CurrentUserData) | null | undefined>;
-  } = $props();
+  let { params }: { params: { guid: string } } = $props();
 
   let entity: Writable<UserClass & AdminUserData> = writable(
     User.factorySync(),
@@ -838,6 +831,13 @@
   let success: boolean | undefined = $state();
   let loading = $state(true);
 
+  const clientConfig =
+    getContext<Writable<ClientConfig | undefined>>('clientConfigStore');
+  const user =
+    getContext<Writable<(UserClass & CurrentUserData) | null | undefined>>(
+      'userStore',
+    );
+
   $effect(() => {
     if (params) {
       handleGuidParam();
@@ -1138,22 +1138,16 @@
     failureMessage = undefined;
     const newEntity = $entity.guid == null;
     try {
-      if (await $entity.$save()) {
-        await readyEntity();
-        success = true;
-        passwordVerify = '';
-        if (newEntity) {
-          router.navigate(
-            `/users/edit/${encodeURIComponent($entity.guid || '')}`,
-            { historyAPIMethod: 'replaceState' },
-          );
-        }
-        setTimeout(() => {
-          success = undefined;
-        }, 1000);
-      } else {
-        failureMessage = 'Error saving user.';
+      await $entity.$save();
+      await readyEntity();
+      success = true;
+      passwordVerify = '';
+      if (newEntity) {
+        replace(`/users/edit/${encodeURIComponent($entity.guid || '')}`);
       }
+      setTimeout(() => {
+        success = undefined;
+      }, 1000);
     } catch (e: any) {
       console.log('error:', e);
       failureMessage = e?.message;
@@ -1166,11 +1160,8 @@
     if (confirm('Are you sure you want to delete this?')) {
       saving = true;
       try {
-        if (await $entity.$delete()) {
-          router.navigate('', { historyAPIMethod: 'back' });
-        } else {
-          failureMessage = 'An error occurred.';
-        }
+        await $entity.$delete();
+        pop();
       } catch (e: any) {
         failureMessage = e?.message;
       }

package/app/src/routes/Users.svelte

@@ -7,7 +7,8 @@
 {:else}
   <div class="solo-search-container solo-container">
     <Fab
-      href="#/users/edit/+"
+      href="/users/edit/+"
+      use={[link]}
       color="primary"
       mini
       class="solo-fab"
@@ -74,27 +75,30 @@
               {#if !$clientConfig.emailUsernames}
                 <Cell
                   ><a
-                    href="#/users/edit/{encodeURIComponent(
+                    href="/users/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.username}</a
+                    )}"
+                    use:link>{curEntity.username}</a
                   ></Cell
                 >
               {/if}
               {#if $clientConfig.userFields.includes('name')}
                 <Cell
                   ><a
-                    href="#/users/edit/{encodeURIComponent(
+                    href="/users/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.name}</a
+                    )}"
+                    use:link>{curEntity.name}</a
                   ></Cell
                 >
               {/if}
               {#if $clientConfig.userFields.includes('email')}
                 <Cell
                   ><a
-                    href="#/users/edit/{encodeURIComponent(
+                    href="/users/edit/{encodeURIComponent(
                       curEntity.guid || '',
-                    )}">{curEntity.email}</a
+                    )}"
+                    use:link>{curEntity.email}</a
                   ></Cell
                 >
               {/if}
@@ -119,7 +123,8 @@
 
 <script lang="ts">
   import type { Writable } from 'svelte/store';
-  import type Navigo from 'navigo';
+  import { getContext } from 'svelte';
+  import { link, push } from 'svelte-spa-router';
   import queryParser from '@nymphjs/query-parser';
   import type {
     AdminUserData,
@@ -138,23 +143,20 @@
   import Fab from '@smui/fab';
   import { Icon } from '@smui/common';
 
-  import { nymph, User, Group } from '../nymph';
+  import { nymph, User, Group } from '../nymph.js';
 
-  let {
-    router,
-    params,
-    clientConfig,
-    user,
-  }: {
-    router: Navigo;
-    params: { query?: string };
-    clientConfig: Writable<ClientConfig | undefined>;
-    user: Writable<(UserClass & CurrentUserData) | null | undefined>;
-  } = $props();
+  let { params }: { params: { query?: string } } = $props();
 
-  let entitySearch = $state(params.query ?? '');
+  let entitySearch = $derived(params.query ?? '');
   let failureMessage: string | undefined = $state();
 
+  const clientConfig =
+    getContext<Writable<ClientConfig | undefined>>('clientConfigStore');
+  const user =
+    getContext<Writable<(UserClass & CurrentUserData) | null | undefined>>(
+      'userStore',
+    );
+
   $effect(() => {
     if (params) {
       handleSearchParam();
@@ -192,7 +194,7 @@
   let entitiesSearching = $state(false);
   let entities: (UserClass & AdminUserData)[] | undefined = $state();
   async function searchEntities() {
-    router.navigate(`/users/${encodeURIComponent(entitySearch)}`);
+    push(`/users/${encodeURIComponent(entitySearch)}`);
   }
   function entitySearchKeyDown(event: CustomEvent | KeyboardEvent) {
     event = event as KeyboardEvent;