@nymphjs/tilmeld-setup 1.0.0-beta.121 → 1.0.0-beta.123

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 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.123](https://forge.sciactive.com/sciactive/nymphjs/compare/v1.0.0-beta.122...v1.0.0-beta.123) (2026-09-23)
+
+### Bug Fixes
+
+- reload router to reinitialize components after location change in tilmeld setup ([09c1206](https://forge.sciactive.com/sciactive/nymphjs/commits/09c12061418637c589a3db7e182a52c7ca33dca6))
+
+### Features
+
+- add children and users tables to group edit in tilmeld setup ([3ffa18e](https://forge.sciactive.com/sciactive/nymphjs/commits/3ffa18ec7027b424df472f1883d643eefbb3cfcb))
+
+# [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

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,9 @@
     <main class="tilmeld-main-content" bind:this={mainContent}>
       {#if tilmeldAdmin}
         {#if $clientConfig}
-          <CurrentRoute {router} {params} {clientConfig} {user} />
+          {#key currentLocation}
+            <Router {routes} {onRouteLoaded} />
+          {/key}
         {:else}
           Loading...
         {/if}
@@ -132,10 +133,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 +151,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 +173,9 @@
   let tilmeldAdmin: boolean | undefined = $state();
   let accountOpen = $state(false);
 
+  setContext('clientConfigStore', clientConfig);
+  setContext('userStore', user);
+
   $effect(() => {
     if ($user) {
       $user
@@ -184,65 +188,27 @@
     }
   });
 
-  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('/');
+  let currentLocation = $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 ?? '/'}`;
+    currentLocation = `${detail?.location ?? '/'}`;
+  }
 
   const sections: (
     | {
@@ -266,12 +232,12 @@
     },
     {
       name: 'Users',
-      href: 'users/',
+      href: '/users/',
       indent: 0,
     },
     {
       name: 'Groups',
-      href: 'groups/',
+      href: '/groups/',
       indent: 0,
     },
   ];