@owlmeans/web-client 0.1.1 → 0.1.3

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 OwlMeans Common — Fullstack typescript framework
+Copyright (c) 2026 OwlMeans Common — Fullstack typescript framework
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,617 +1,78 @@
 # @owlmeans/web-client
 
-A complete React DOM client library for OwlMeans Common applications. This package provides a web-specific implementation that extends `@owlmeans/client` with DOM-specific functionality, including rendering utilities, web database integration, and browser-specific services.
+React web application bootstrap — context factory, module/routing utilities, and app renderer for OwlMeans web apps.
 
 ## Overview
 
-The `@owlmeans/web-client` package is the web DOM implementation of the OwlMeans client system. It provides:
-
-- **DOM Rendering**: Direct integration with ReactDOM for web applications
-- **Web Database**: Browser-based database integration with IndexedDB/localStorage
-- **Authentication Integration**: Pre-configured web authentication services
-- **Browser Services**: Web-specific services and utilities
-- **I18n Integration**: Internationalization support for web applications
-- **Router Integration**: Web-specific routing with React Router DOM
-- **Context Management**: Enhanced context with web-specific capabilities
-
-This package is part of the OwlMeans client implementation family:
-- **@owlmeans/client**: Base React client library
-- **@owlmeans/web-client**: Web DOM implementation *(this package)*
-- **@owlmeans/native-client**: React Native implementation
+- `makeContext(cfg)` — creates the web application context (includes auth, router, and DB services)
+- `renderApp(context)` — mounts the React app to the DOM
+- Re-exports module/routing helpers: `module`, `route`, `frontend`, `handler`, `elevate`
+- Re-exports route constants: `BASE`, `HOME`, `ROOT`, `GUEST`
+- `Module<T>` — typed client module interface for `.call()` API requests
 
 ## Installation
 
 ```bash
-npm install @owlmeans/web-client react react-dom react-router-dom
-```
-
-## Core Concepts
-
-### Web-First Architecture
-This library is specifically designed for web browsers and provides DOM-specific functionality that isn't available in other environments.
-
-### Enhanced Context
-The web context extends the base client context with web-specific services like database storage, authentication, and browser utilities.
-
-### Integrated Rendering
-Provides seamless integration with ReactDOM including support for both client-side rendering and server-side hydration.
-
-## API Reference
-
-### Factory Functions
-
-#### `makeContext<C, T>(cfg: C): T`
-
-Creates a web-specific application context with all necessary web services pre-configured.
-
-```typescript
-import { makeContext } from '@owlmeans/web-client'
-import { AppType, Layer } from '@owlmeans/context'
-
-const context = makeContext({
-  service: 'my-web-app',
-  type: AppType.Frontend,
-  layer: Layer.Service,
-  ready: false,
-  services: {},
-  brand: { name: 'My Web App' },
-  trusted: []
-})
-```
-
-**Parameters:**
-- `cfg`: AppConfig - Configuration object for the web context
-
-**Returns:** Enhanced AppContext with web-specific capabilities
-
-**Pre-configured Services:**
-- Web authentication service
-- Web database service  
-- Client resource service
-- Primary host extraction
-
-#### `render(node: ReactNode, opts?: RenderOptions): void`
-
-Renders a React application to the DOM with web-specific optimizations.
-
-```typescript
-import { render } from '@owlmeans/web-client'
-import { App } from '@owlmeans/client'
-
-render(
-  <App context={context}>
-    <MyApplication />
-  </App>,
-  {
-    domId: 'root',
-    onReady: true,
-    hydrate: false,
-    debug: true
-  }
-)
-```
-
-**Parameters:**
-- `node`: ReactNode - The React element to render
-- `opts`: RenderOptions (optional) - Rendering configuration
-
-### Core Interfaces
-
-#### `AppContext<C extends AppConfig>`
-
-Web-specific application context that extends ClientContext with authentication capabilities.
-
-```typescript
-interface AppContext<C extends AppConfig = AppConfig> extends ClientContext<C>,
-  AuthServiceAppend {
-  
-  // Inherited from ClientContext:
-  // - Configuration management
-  // - State management
-  // - Modal service
-  // - Debug service
-  // - Module and service registration
-  // - Resource management
-  
-  // Enhanced with authentication:
-  auth(): AuthService
-}
-```
-
-#### `AppConfig`
-
-Configuration interface for web applications (extends ClientConfig).
-
-```typescript
-interface AppConfig extends ClientConfig {
-  // Inherits all ClientConfig properties
-  // Can be extended with web-specific configuration
-}
-```
-
-#### `RenderOptions`
-
-Configuration options for DOM rendering.
-
-```typescript
-interface RenderOptions {
-  domId?: string        // Target DOM element ID (default: 'root')
-  onReady?: boolean     // Wait for DOMContentLoaded (default: true)
-  hydrate?: boolean     // Use hydration for SSR (default: false)
-  debug?: boolean       // Enable debug logging (default: false)
-}
-```
-
-### React Hooks
-
-#### `useContext<C, T>(): T`
-
-Web-specific context hook that provides strongly typed access to the AppContext.
-
-```typescript
-import { useContext } from '@owlmeans/web-client'
-
-function MyWebComponent() {
-  const context = useContext()
-  
-  // Access web-specific services
-  const authService = context.auth()
-  const dbService = context.service('web-db')
-  
-  // Access base client services
-  const stateResource = context.state()
-  const modalService = context.modal()
-  
-  return <div>Web Component</div>
-}
-```
-
-### Web Services
-
-#### Web Database Integration
-
-The package automatically configures web database services:
-
-```typescript
-// Access web database service
-const dbService = context.service('web-db')
-
-// Store data in browser
-await dbService.store('user-preferences', {
-  theme: 'dark',
-  language: 'en'
-})
-
-// Retrieve data from browser
-const preferences = await dbService.retrieve('user-preferences')
+bun add @owlmeans/web-client
 ```
 
-#### Authentication Service
-
-Pre-configured web authentication with persistent storage:
-
-```typescript
-// Access authentication service
-const authService = context.auth()
-
-// Authentication persists across browser sessions
-const isAuthenticated = await authService.authenticated()
-```
-
-### Helper Functions
-
-#### `extractPrimaryHost<C, T>(context: T): void`
-
-Extracts and configures the primary host from the current browser location.
-
-**Purpose**: Automatically configures the application's primary host based on the browser's current URL
-
-**Usage**: Called automatically during context creation
-
-### Constants
-
-#### `DEFAULT_ROOT`
-Default DOM element ID for rendering (`'root'`).
-
-### Components and Modules
+## Usage
 
-The package provides web-specific components and modules:
+Bootstrap the app:
 
-#### I18n Integration
 ```typescript
-import { i18nModules } from '@owlmeans/web-client'
+import { makeContext, renderApp } from '@owlmeans/web-client'
 
-// Pre-configured internationalization modules
-context.registerModules(i18nModules)
-```
-
-#### Authentication Components
-```typescript
-import { authComponents } from '@owlmeans/web-client'
-
-// Web-specific authentication components
-// Available through the component system
-```
-
-## Usage Examples
-
-### Complete Web Application Setup
-
-```typescript
-import React from 'react'
-import { makeContext, render } from '@owlmeans/web-client'
-import { App } from '@owlmeans/client'
-import { createBrowserRouter } from 'react-router-dom'
-import { AppType, Layer } from '@owlmeans/context'
-
-// Create web application context
-const context = makeContext({
-  service: 'my-web-app',
-  type: AppType.Frontend,
-  layer: Layer.Service,
-  ready: false,
-  services: {},
-  brand: { 
-    name: 'My Web App',
-    version: '1.0.0'
-  },
-  trusted: ['api.myapp.com']
-})
-
-// Register application modules
-context.registerModules(appModules)
-
-// Configure and initialize
-await context.configure().init()
-
-// Create router provider
-const routerProvider = (routes) => createBrowserRouter(routes)
-
-// Define the application
-function MyWebApp() {
-  return (
-    <App context={context} provide={routerProvider}>
-      <header>My Web Application</header>
-      <main>
-        {/* Application content will be rendered here by the router */}
-      </main>
-    </App>
-  )
-}
-
-// Render to DOM
-render(<MyWebApp />, {
-  domId: 'root',
-  debug: process.env.NODE_ENV === 'development'
-})
-```
-
-### Server-Side Rendering (SSR) with Hydration
-
-```typescript
-import { makeContext, render } from '@owlmeans/web-client'
-import { App } from '@owlmeans/client'
-
-// Create context with SSR data
-const context = makeContext({
-  ...config,
-  ssrData: window.__SSR_DATA__ // Data from server
-})
-
-// Pre-populate context with SSR data
-await context.configure().init()
-
-// Hydrate the server-rendered HTML
-render(
-  <App context={context}>
-    <MyApplication />
-  </App>,
-  {
-    hydrate: true, // Enable hydration
-    onReady: false // Don't wait for DOMContentLoaded
-  }
-)
-```
-
-### Authentication-Enabled Web App
-
-```typescript
-import { makeContext, useContext } from '@owlmeans/web-client'
-import { modules as authModules } from '@owlmeans/client-auth'
-
-// Create context
 const context = makeContext(config)
-
-// Register authentication modules
-context.registerModules(authModules)
-
-// Initialize
-await context.configure().init()
-
-function AuthenticatedApp() {
-  const context = useContext()
-  const [isAuthenticated, setIsAuthenticated] = useState(false)
-  
-  useEffect(() => {
-    const checkAuth = async () => {
-      const authService = context.auth()
-      const token = await authService.authenticated()
-      setIsAuthenticated(token != null)
-    }
-    
-    checkAuth()
-  }, [])
-  
-  if (!isAuthenticated) {
-    return <LoginPage />
-  }
-  
-  return <Dashboard />
-}
-
-// Render with authentication
-render(<AuthenticatedApp />)
-```
-
-### Web Database Usage
-
-```typescript
-import { useContext } from '@owlmeans/web-client'
-import { useEffect, useState } from 'react'
-
-function DataPersistentComponent() {
-  const context = useContext()
-  const [data, setData] = useState(null)
-  
-  useEffect(() => {
-    const loadData = async () => {
-      // Access web database through context
-      const dbService = context.service('web-db')
-      
-      // Load persisted data
-      const savedData = await dbService.retrieve('component-data')
-      setData(savedData || { count: 0 })
-    }
-    
-    loadData()
-  }, [])
-  
-  const saveData = async (newData) => {
-    const dbService = context.service('web-db')
-    await dbService.store('component-data', newData)
-    setData(newData)
-  }
-  
-  const increment = () => {
-    const newData = { count: data.count + 1 }
-    saveData(newData)
-  }
-  
-  return (
-    <div>
-      <p>Count: {data?.count || 0}</p>
-      <button onClick={increment}>Increment</button>
-    </div>
-  )
-}
-```
-
-### Custom Rendering Options
-
-```typescript
-import { render } from '@owlmeans/web-client'
-
-// Render to custom DOM element
-render(<MyApp />, {
-  domId: 'custom-root',
-  debug: true
-})
-
-// Immediate rendering (don't wait for DOMContentLoaded)
-render(<MyApp />, {
-  onReady: false
-})
-
-// Server-side hydration
-render(<MyApp />, {
-  hydrate: true,
-  onReady: false
-})
-```
-
-### Advanced Context Configuration
-
-```typescript
-import { makeContext } from '@owlmeans/web-client'
-
-const context = makeContext({
-  service: 'advanced-app',
-  type: AppType.Frontend,
-  layer: Layer.Service,
-  ready: false,
-  
-  // Web-specific configuration
-  services: {
-    database: { 
-      type: 'indexeddb',
-      name: 'my-app-db'
-    }
-  },
-  
-  // Branding
-  brand: {
-    name: 'Advanced Web App',
-    version: '2.1.0',
-    logo: '/assets/logo.png'
-  },
-  
-  // Trusted hosts for API calls
-  trusted: [
-    'api.myapp.com',
-    'cdn.myapp.com'
-  ],
-  
-  // Debug configuration
-  debug: {
-    all: process.env.NODE_ENV === 'development',
-    routing: true,
-    auth: true
-  }
-})
-
-// Additional service registration
-context.registerService(customWebService)
-
-// Module registration with web-specific modules
-context.registerModules([
-  ...appModules,
-  ...webSpecificModules
-])
+context.registerModules(appModules)
+context.serviceRoute(MANAGER, true)
+renderApp<Config, Context>(context)
 ```
 
-### Integration with Internationalization
+Define modules:
 
 ```typescript
-import { makeContext } from '@owlmeans/web-client'
-import { addI18nApp } from '@owlmeans/i18n'
-
-// Add web-specific translations
-addI18nApp('en', 'web-common', {
-  'button.close': 'Close',
-  'message.loading': 'Loading...',
-  'error.network': 'Network error occurred'
-})
-
-const context = makeContext(config)
+import { BASE, HOME, elevate, frontend, handler, module, route } from '@owlmeans/web-client'
 
-// Access i18n through context
-function I18nComponent() {
-  const context = useContext()
-  const i18nService = context.service('i18n')
-  
-  return (
-    <div>
-      <button>{i18nService.t('button.close')}</button>
-    </div>
-  )
-}
+modules.push(module(route(BASE, '/', frontend()), handler(PublicLayout)))
+modules.push(module(route(HOME, '/', frontend({ default: true, parent: BASE })), handler(HomeScreen)))
+elevate(modules, manager.back.account.base)
 ```
 
-## Browser Compatibility
-
-The package is designed for modern web browsers with support for:
-
-- **ES2020+**: Modern JavaScript features
-- **IndexedDB**: For local database storage
-- **LocalStorage**: For simple key-value storage
-- **DOM API**: Standard DOM manipulation
-- **Fetch API**: For HTTP requests
-- **WebCrypto**: For cryptographic operations (if used)
-
-## Performance Optimizations
-
-1. **Lazy Loading**: Components and services are loaded on demand
-2. **Efficient Rendering**: Optimized ReactDOM integration
-3. **Database Caching**: Intelligent caching of web database operations
-4. **Bundle Splitting**: Designed for code splitting compatibility
-5. **SSR Ready**: Full server-side rendering support
-
-## Error Handling
-
-Web-specific error handling and reporting:
+Call an API module from a component:
 
 ```typescript
-import { OwlMeansError } from '@owlmeans/error'
+import type { Module } from '@owlmeans/web-client'
 
-// Web-specific error boundary
-class WebErrorBoundary extends React.Component {
-  componentDidCatch(error, errorInfo) {
-    const context = this.props.context
-    const debugService = context.debug()
-    
-    // Log web-specific error details
-    debugService.error('web-error', 'Browser error', {
-      error: error.message,
-      stack: error.stack,
-      userAgent: navigator.userAgent,
-      url: window.location.href
-    })
-  }
-}
+const [result] = await context.module<Module<MyType>>(moduleAlias)
+  .call({ params: { id }, body: data })
 ```
 
-## Security Considerations
-
-1. **Trusted Hosts**: Configure trusted hosts to prevent CSRF attacks
-2. **Authentication Storage**: Secure token storage in browser
-3. **XSS Protection**: Built-in protection against cross-site scripting
-4. **Content Security Policy**: Compatible with CSP headers
-5. **HTTPS Only**: Designed for secure HTTPS environments
-
-## Integration with Other Packages
+## API
 
-### Client Ecosystem Integration
-```typescript
-// Authentication
-import { makeAuthService } from '@owlmeans/client-auth'
+### `makeContext<C, T>(cfg): T`
 
-// Resources
-import { makeResourceService } from '@owlmeans/client-resource'
+Creates a web app context. Automatically registers web router, IndexedDB, and auth services.
 
-// Internationalization
-import { makeI18nService } from '@owlmeans/client-i18n'
+### `renderApp<C, T>(context): void`
 
-// Database
-import { WebDbService } from '@owlmeans/web-db'
-```
+Renders the React application to the DOM using the provided context.
 
-### Build Tool Integration
-```typescript
-// Webpack configuration
-module.exports = {
-  resolve: {
-    alias: {
-      '@owlmeans/web-client': path.resolve(__dirname, 'node_modules/@owlmeans/web-client')
-    }
-  }
-}
+### `useContext<C, T>(): T`
 
-// Vite configuration
-export default {
-  resolve: {
-    alias: {
-      '@owlmeans/web-client': path.resolve(__dirname, 'node_modules/@owlmeans/web-client')
-    }
-  }
-}
-```
+React hook to access the current application context.
 
-## Best Practices
+### `makeAuthWebService(alias?)`, `appendWebAuthService(ctx, alias?)`
 
-1. **Single Context**: Use one web context per application
-2. **Proper Hydration**: Use hydration mode for SSR applications
-3. **Error Boundaries**: Implement web-specific error boundaries
-4. **Performance Monitoring**: Monitor web-specific performance metrics
-5. **Responsive Design**: Ensure proper responsive behavior
-6. **Accessibility**: Follow web accessibility guidelines
-7. **SEO Optimization**: Use SSR for better search engine optimization
+Auth service factory and appender — adds logout redirect handling for web environments.
 
-## Dependencies
+### `Dispatcher`
 
-This package depends on:
-- `@owlmeans/client` - Base React client library
-- `@owlmeans/client-context` - Client context management
-- `@owlmeans/client-auth` - Client authentication
-- `@owlmeans/web-db` - Web database integration
-- `@owlmeans/client-i18n` - Client internationalization
-- `react` - React library (peer dependency)
-- `react-dom` - ReactDOM library (peer dependency)
-- `react-router-dom` - React Router DOM (peer dependency)
+Component that handles authentication routing (redirect to login, etc.).
 
 ## Related Packages
 
-- [`@owlmeans/client`](../client) - Base React client library
-- [`@owlmeans/native-client`](../native-client) - React Native implementation
-- [`@owlmeans/web-db`](../web-db) - Web database implementation
-- [`@owlmeans/client-auth`](../client-auth) - Client authentication
-- [`@owlmeans/client-i18n`](../client-i18n) - Client internationalization
+- [`@owlmeans/client-context`](../client-context) — `ClientContext` base extended by `makeContext`
+- [`@owlmeans/web-router`](../web-router) — React Router integration registered by `makeContext`
+- [`@owlmeans/web-db`](../web-db) — IndexedDB service registered by `makeContext`
+- [`@owlmeans/client-module`](../client-module) — `ClientModule<T>` / `Module<T>` implementation

package/build/components/dispatcher/index.d.ts

@@ -1,2 +1,4 @@
+export type * from './types.js';
 export * from './component.js';
+export * from './parametrise.js';
 //# sourceMappingURL=index.d.ts.map

package/build/components/dispatcher/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dispatcher/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dispatcher/index.ts"],"names":[],"mappings":"AACA,mBAAmB,YAAY,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}

package/build/components/dispatcher/index.js

@@ -1,2 +1,3 @@
 export * from './component.js';
+export * from './parametrise.js';
 //# sourceMappingURL=index.js.map

package/build/components/dispatcher/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dispatcher/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dispatcher/index.ts"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}

package/build/components/dispatcher/parametrise.d.ts

@@ -0,0 +1,5 @@
+import type { RoutedComponent } from "@owlmeans/client";
+import type { DispatcherProps } from "@owlmeans/client-auth";
+import { ParametrisedProps } from "./types.js";
+export declare const parametriseDispatcher: (def: Partial<ParametrisedProps>, Com?: RoutedComponent<DispatcherProps>) => (props: ParametrisedProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=parametrise.d.ts.map

package/build/components/dispatcher/parametrise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parametrise.d.ts","sourceRoot":"","sources":["../../../src/components/dispatcher/parametrise.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAI5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAE9C,eAAO,MAAM,qBAAqB,GAAI,KAAK,OAAO,CAAC,iBAAiB,CAAC,EAAE,MAAM,eAAe,CAAC,eAAe,CAAC,MAEnG,OAAO,iBAAiB,4CAiBjC,CAAA"}

package/build/components/dispatcher/parametrise.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Dispatcher } from "./component.js";
+export const parametriseDispatcher = (def, Com) => {
+    console.log('Parametrising dispatcher with', def);
+    return (props) => {
+        console.log('Rendering parametrised dispatcher with', props);
+        const _props = useMemo(() => {
+            let payload = undefined;
+            if (def.payload != null) {
+                payload = def.payload;
+            }
+            if (props.payload != null) {
+                payload ??= {};
+                Object.assign(payload, props.payload);
+            }
+            return { ...def, ...props, payload };
+        }, [props]);
+        console.log('Computed dispatcher props', _props);
+        Com ??= Dispatcher;
+        return _jsx(Com, { ..._props });
+    };
+};
+//# sourceMappingURL=parametrise.js.map

package/build/components/dispatcher/parametrise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parametrise.js","sourceRoot":"","sources":["../../../src/components/dispatcher/parametrise.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,GAA+B,EAAE,GAAsC,EAAG,EAAE;IAChH,OAAO,CAAC,GAAG,CAAC,+BAA+B,EAAE,GAAG,CAAC,CAAA;IACjD,OAAO,CAAC,KAAwB,EAAE,EAAE;QAClC,OAAO,CAAC,GAAG,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAA;QAC5D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;YAC1B,IAAI,OAAO,GAA4B,SAAS,CAAA;YAChD,IAAI,GAAG,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;gBACxB,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;YACvB,CAAC;YACD,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;gBAC1B,OAAO,KAAK,EAAE,CAAA;gBACd,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;YACvC,CAAC;YACD,OAAO,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAA;QACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;QACX,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,CAAA;QAChD,GAAG,KAAK,UAAU,CAAA;QAClB,OAAO,KAAC,GAAG,OAAK,MAAM,GAAI,CAAA;IAC5B,CAAC,CAAA;AACH,CAAC,CAAA"}

package/build/components/dispatcher/types.d.ts

@@ -0,0 +1,6 @@
+import type { ModuleContextParams } from "@owlmeans/client";
+import type { DispatcherProps } from "@owlmeans/client-auth";
+import type { PropsWithChildren } from "react";
+export interface ParametrisedProps extends PropsWithChildren<ModuleContextParams & DispatcherProps> {
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/dispatcher/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dispatcher/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,CAAC,mBAAmB,GAAG,eAAe,CAAC;CAClG"}

package/build/components/dispatcher/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/dispatcher/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/dispatcher/types.ts"],"names":[],"mappings":""}

package/build/exports.d.ts

@@ -2,8 +2,8 @@ export { handler } from '@owlmeans/client';
 export { config } from '@owlmeans/client-context';
 export { service } from '@owlmeans/config';
 export { AppType, HOME, ROOT, BASE, GUEST } from '@owlmeans/context';
-export { module, elevate, provideRequest, stab } from '@owlmeans/client-module';
+export { entrypoint, elevate, provideRequest, stab } from '@owlmeans/client-entrypoint';
 export { route, frontend } from '@owlmeans/route';
-export type { ClientModule as Module } from '@owlmeans/client-module';
+export type { ClientEntrypoint as Module } from '@owlmeans/client-entrypoint';
 export type { ClientRoute as Route } from '@owlmeans/client-route';
 //# sourceMappingURL=exports.d.ts.map

package/build/exports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../src/exports.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC/E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACjD,YAAY,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACrE,YAAY,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../src/exports.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvF,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACjD,YAAY,EAAE,gBAAgB,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAC7E,YAAY,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAA"}

package/build/exports.js

@@ -2,6 +2,6 @@ export { handler } from '@owlmeans/client';
 export { config } from '@owlmeans/client-context';
 export { service } from '@owlmeans/config';
 export { AppType, HOME, ROOT, BASE, GUEST } from '@owlmeans/context';
-export { module, elevate, provideRequest, stab } from '@owlmeans/client-module';
+export { entrypoint, elevate, provideRequest, stab } from '@owlmeans/client-entrypoint';
 export { route, frontend } from '@owlmeans/route';
 //# sourceMappingURL=exports.js.map

package/build/exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"exports.js","sourceRoot":"","sources":["../src/exports.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC/E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"exports.js","sourceRoot":"","sources":["../src/exports.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvF,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA"}

package/build/middleware.d.ts

@@ -0,0 +1,3 @@
+import type { Middleware } from '@owlmeans/context';
+export declare const logoutMiddleware: Middleware;
+//# sourceMappingURL=middleware.d.ts.map

package/build/middleware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.d.ts","sourceRoot":"","sources":["../src/middleware.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAQnD,eAAO,MAAM,gBAAgB,EAAE,UAsC9B,CAAA"}

package/build/middleware.js

@@ -0,0 +1,44 @@
+import { MiddlewareType, MiddlewareStage, AppType } from '@owlmeans/context';
+import { AuthUnknown } from '@owlmeans/auth';
+import { ResilientError } from '@owlmeans/error';
+import { DEFAULT_ALIAS } from '@owlmeans/client-auth';
+export const logoutMiddleware = {
+    type: MiddlewareType.Context,
+    stage: MiddlewareStage.Loading,
+    apply: async (context) => {
+        context.entrypoints().forEach(module => {
+            if (module.route.route.type === AppType.Backend && module.call != null) {
+                const guards = module.getGuards();
+                if (guards.length > 0) {
+                    if (module._auth_web_middleware_applied === true) {
+                        return;
+                    }
+                    module._auth_web_middleware_applied = true;
+                    // const auth = context.service<GuardService>(service)
+                    const call = module.call;
+                    module.call = async (req, res) => {
+                        try {
+                            return await call(req, res);
+                        }
+                        catch (e) {
+                            if (e instanceof Error) {
+                                const err = ResilientError.ensure(e);
+                                if (err instanceof AuthUnknown) {
+                                    if (err.message.endsWith(':invalid')) {
+                                        if (typeof window !== 'undefined') {
+                                            const auth = context.service(DEFAULT_ALIAS);
+                                            await auth.update(undefined);
+                                            throw err;
+                                        }
+                                    }
+                                }
+                            }
+                            throw e;
+                        }
+                    };
+                }
+            }
+        });
+    }
+};
+//# sourceMappingURL=middleware.js.map

package/build/middleware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.js","sourceRoot":"","sources":["../src/middleware.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGrD,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,IAAI,EAAE,cAAc,CAAC,OAAO;IAC5B,KAAK,EAAE,eAAe,CAAC,OAAO;IAC9B,KAAK,EAAE,KAAK,EAAC,OAAO,EAAC,EAAE;QACrB,OAAO,CAAC,WAAW,EAAU,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC;gBACvE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,CAAA;gBACjC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACtB,IAAI,MAAM,CAAC,4BAA4B,KAAK,IAAI,EAAE,CAAC;wBACjD,OAAM;oBACR,CAAC;oBACD,MAAM,CAAC,4BAA4B,GAAG,IAAI,CAAA;oBAC1C,sDAAsD;oBACtD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;oBACxB,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;wBAC/B,IAAI,CAAC;4BACH,OAAO,MAAM,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;wBAC7B,CAAC;wBAAC,OAAO,CAAC,EAAE,CAAC;4BACX,IAAI,CAAC,YAAY,KAAK,EAAE,CAAC;gCACvB,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;gCACpC,IAAI,GAAG,YAAY,WAAW,EAAE,CAAC;oCAC/B,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;wCACrC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;4CAClC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAc,aAAa,CAAC,CAAA;4CACxD,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;4CAC5B,MAAM,GAAG,CAAA;wCACX,CAAC;oCACH,CAAC;gCACH,CAAC;4BACH,CAAC;4BACD,MAAM,CAAC,CAAA;wBACT,CAAC;oBACH,CAAC,CAAA;gBAEH,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;CACF,CAAA"}

package/build/modules.d.ts

@@ -1,2 +1,2 @@
-export declare const modules: import("@owlmeans/client-module").ClientModule<{}, import("@owlmeans/client-module").ClientRequest<{}>>[];
+export declare const modules: import("@owlmeans/client-entrypoint").ClientEntrypoint<{}, import("@owlmeans/client-entrypoint").ClientRequest<{}>>[];
 //# sourceMappingURL=modules.d.ts.map

package/build/modules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modules.d.ts","sourceRoot":"","sources":["../src/modules.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,2GAAO,CAAA"}
+{"version":3,"file":"modules.d.ts","sourceRoot":"","sources":["../src/modules.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,uHAAO,CAAA"}

package/build/modules.js

@@ -1,6 +1,6 @@
 import { DISPATCHER } from '@owlmeans/auth';
 import { modules as list } from '@owlmeans/client-auth';
-import { elevate } from '@owlmeans/client-module';
+import { elevate } from '@owlmeans/client-entrypoint';
 import { handler } from '@owlmeans/client';
 import { Dispatcher } from './components/dispatcher/component.js';
 elevate(list, DISPATCHER, handler(Dispatcher), { force: true });

package/build/modules.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules.js","sourceRoot":"","sources":["../src/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AAEjE,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;AAE/D,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAA"}
+{"version":3,"file":"modules.js","sourceRoot":"","sources":["../src/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AAEjE,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;AAE/D,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAA"}

package/build/service.d.ts

@@ -1,5 +1,5 @@
-import type { AuthServiceAppend } from '@owlmeans/client-auth';
 import type { AuthService } from '@owlmeans/auth-common';
+import type { AuthServiceAppend } from '@owlmeans/client-auth';
 import type { ClientConfig, ClientContext } from '@owlmeans/client-context';
 export declare const makeAuthWebService: (alias?: string) => AuthService;
 export declare const appendWebAuthService: <C extends ClientConfig, T extends ClientContext<C>>(ctx: T, alias?: string) => T & AuthServiceAppend;

package/build/service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../src/service.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAIxD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAG3E,eAAO,MAAM,kBAAkB,GAAI,QAAO,MAAsB,KAAG,WAclE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,EACrF,KAAK,CAAC,EAAE,QAAO,MAAsB,KACpC,CAAC,GAAG,iBAYN,CAAA"}
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../src/service.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAI3E,eAAO,MAAM,kBAAkB,GAAI,QAAO,MAAsB,KAAG,WAclE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,EACrF,KAAK,CAAC,EAAE,QAAO,MAAsB,KACpC,CAAC,GAAG,iBAaN,CAAA"}

package/build/service.js

@@ -1,14 +1,14 @@
-import { DEFAULT_ALIAS } from '@owlmeans/client-auth';
-import { makeAuthService } from '@owlmeans/client-auth';
 import { DISPATCHER } from '@owlmeans/auth';
 import { authMiddleware } from '@owlmeans/auth-common';
+import { DEFAULT_ALIAS, makeAuthService } from '@owlmeans/client-auth';
+import { logoutMiddleware } from './middleware.js';
 export const makeAuthWebService = (alias = DEFAULT_ALIAS) => {
     const service = makeAuthService(alias);
     const update = service.update;
     service.update = async (token) => {
         await update(token);
         if (token == null) {
-            const module = service.assertCtx().module(DISPATCHER);
+            const module = service.assertCtx().entrypoint(DISPATCHER);
             const [url] = await module.call();
             document.location.href = url;
         }
@@ -20,6 +20,7 @@ export const appendWebAuthService = (ctx, alias = DEFAULT_ALIAS) => {
     const context = ctx;
     context.registerService(service);
     context.registerMiddleware(authMiddleware);
+    context.registerMiddleware(logoutMiddleware);
     context.auth = () => ctx.service(service.alias);
     return context;
 };

package/build/service.js.map

@@ -1 +1 @@
-{"version":3,"file":"service.js","sourceRoot":"","sources":["../src/service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,aAAa,EAAe,EAAE;IAC/E,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAEtC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA;IAC7B,OAAO,CAAC,MAAM,GAAG,KAAK,EAAC,KAAK,EAAC,EAAE;QAC7B,MAAM,MAAM,CAAC,KAAK,CAAC,CAAA;QACnB,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAuB,UAAU,CAAC,CAAA;YAC3E,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;YACjC,QAAQ,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAA;QAC9B,CAAC;IACH,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,GAAM,EAAE,QAAgB,aAAa,EACd,EAAE;IACzB,MAAM,OAAO,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,GAA4B,CAAA;IAE5C,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;IAEhC,OAAO,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAA;IAE1C,OAAO,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAE/C,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../src/service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,aAAa,EAAe,EAAE;IAC/E,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAEtC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA;IAC7B,OAAO,CAAC,MAAM,GAAG,KAAK,EAAC,KAAK,EAAC,EAAE;QAC7B,MAAM,MAAM,CAAC,KAAK,CAAC,CAAA;QACnB,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,UAAU,CAA2B,UAAU,CAAC,CAAA;YACnF,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;YACjC,QAAQ,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAA;QAC9B,CAAC;IACH,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,GAAM,EAAE,QAAgB,aAAa,EACd,EAAE;IACzB,MAAM,OAAO,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,GAA4B,CAAA;IAE5C,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;IAEhC,OAAO,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAA;IAC1C,OAAO,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAE5C,OAAO,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAE/C,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@owlmeans/web-client",
-  "version": "0.1.1",
+  "version": "0.1.3",
+  "license": "MIT",
   "type": "module",
   "scripts": {
     "build": "tsc -b",
@@ -20,22 +21,22 @@
     }
   },
   "dependencies": {
-    "@owlmeans/auth": "^0.1.1",
-    "@owlmeans/auth-common": "^0.1.1",
-    "@owlmeans/client": "^0.1.1",
-    "@owlmeans/client-auth": "^0.1.1",
-    "@owlmeans/client-context": "^0.1.1",
-    "@owlmeans/client-i18n": "^0.1.1",
-    "@owlmeans/client-module": "^0.1.1",
-    "@owlmeans/client-resource": "^0.1.1",
-    "@owlmeans/client-route": "^0.1.1",
-    "@owlmeans/config": "^0.1.1",
-    "@owlmeans/context": "^0.1.1",
-    "@owlmeans/error": "^0.1.1",
-    "@owlmeans/i18n": "^0.1.1",
-    "@owlmeans/route": "^0.1.1",
-    "@owlmeans/web-db": "^0.1.1",
-    "@owlmeans/web-router": "^0.1.1",
+    "@owlmeans/auth": "^0.1.3",
+    "@owlmeans/auth-common": "^0.1.3",
+    "@owlmeans/client": "^0.1.3",
+    "@owlmeans/client-auth": "^0.1.3",
+    "@owlmeans/client-context": "^0.1.3",
+    "@owlmeans/client-i18n": "^0.1.3",
+    "@owlmeans/client-entrypoint": "^0.1.3",
+    "@owlmeans/client-resource": "^0.1.3",
+    "@owlmeans/client-route": "^0.1.3",
+    "@owlmeans/config": "^0.1.3",
+    "@owlmeans/context": "^0.1.3",
+    "@owlmeans/error": "^0.1.3",
+    "@owlmeans/i18n": "^0.1.3",
+    "@owlmeans/route": "^0.1.3",
+    "@owlmeans/web-db": "^0.1.3",
+    "@owlmeans/web-router": "^0.1.3",
     "react-dropzone": "^14.3.5"
   },
   "peerDependencies": {
@@ -44,11 +45,12 @@
     "react-router": "^7.*"
   },
   "devDependencies": {
+    "@owlmeans/dep-config": "workspace:*",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "nodemon": "^3.1.11",
     "npm-check": "^6.0.1",
-    "typescript": "^5.8.3"
+    "typescript": "^6.0.2"
   },
   "publishConfig": {
     "access": "public"

package/src/components/dispatcher/index.ts

@@ -1,2 +1,4 @@
 
+export type * from './types.js'
 export * from './component.js'
+export * from './parametrise.js'

package/src/components/dispatcher/parametrise.tsx

@@ -0,0 +1,28 @@
+import type { RoutedComponent } from "@owlmeans/client"
+import type { DispatcherProps } from "@owlmeans/client-auth"
+import type { FlowPayload } from "@owlmeans/flow"
+import { useMemo } from "react"
+import { Dispatcher } from "./component.js"
+import { ParametrisedProps } from "./types.js"
+
+export const parametriseDispatcher = (def: Partial<ParametrisedProps>, Com?: RoutedComponent<DispatcherProps> ) => {
+  console.log('Parametrising dispatcher with', def)
+  return (props: ParametrisedProps) => {
+    console.log('Rendering parametrised dispatcher with', props)
+    const _props = useMemo(() => {
+      let payload: FlowPayload | undefined = undefined
+      if (def.payload != null) {
+        payload = def.payload
+      }
+      if (props.payload != null) {
+        payload ??= {}
+        Object.assign(payload, props.payload)
+      }
+      return { ...def, ...props, payload }
+    }, [props])
+    console.log('Computed dispatcher props', _props)
+    Com ??= Dispatcher
+    return <Com {..._props} />
+  }
+}
+

package/src/components/dispatcher/types.ts

@@ -0,0 +1,6 @@
+import type { ModuleContextParams } from "@owlmeans/client"
+import type { DispatcherProps } from "@owlmeans/client-auth"
+import type { PropsWithChildren } from "react"
+
+export interface ParametrisedProps extends PropsWithChildren<ModuleContextParams & DispatcherProps> {
+}

package/src/exports.ts

@@ -3,7 +3,7 @@ export { handler } from '@owlmeans/client'
 export { config } from '@owlmeans/client-context'
 export { service } from '@owlmeans/config'
 export { AppType, HOME, ROOT, BASE, GUEST } from '@owlmeans/context'
-export { module, elevate, provideRequest, stab } from '@owlmeans/client-module'
+export { entrypoint, elevate, provideRequest, stab } from '@owlmeans/client-entrypoint'
 export { route, frontend } from '@owlmeans/route'
-export type { ClientModule as Module } from '@owlmeans/client-module'
+export type { ClientEntrypoint as Module } from '@owlmeans/client-entrypoint'
 export type { ClientRoute as Route } from '@owlmeans/client-route'

package/src/middleware.ts

@@ -0,0 +1,51 @@
+import type { Middleware } from '@owlmeans/context'
+import { MiddlewareType, MiddlewareStage, AppType } from '@owlmeans/context'
+import type { ClientEntrypoint } from '@owlmeans/client-entrypoint'
+import { AuthUnknown } from '@owlmeans/auth'
+import { ResilientError } from '@owlmeans/error'
+import { DEFAULT_ALIAS } from '@owlmeans/client-auth'
+import { AuthService } from '@owlmeans/auth-common'
+
+export const logoutMiddleware: Middleware = {
+  type: MiddlewareType.Context,
+  stage: MiddlewareStage.Loading,
+  apply: async context => {
+    context.entrypoints<Perked>().forEach(module => {
+      if (module.route.route.type === AppType.Backend && module.call != null) {
+        const guards = module.getGuards()
+        if (guards.length > 0) {
+          if (module._auth_web_middleware_applied === true) {
+            return
+          }
+          module._auth_web_middleware_applied = true
+          // const auth = context.service<GuardService>(service)
+          const call = module.call
+          module.call = async (req, res) => {
+            try {
+              return await call(req, res)
+            } catch (e) {
+              if (e instanceof Error) {
+                const err = ResilientError.ensure(e)
+                if (err instanceof AuthUnknown) {
+                  if (err.message.endsWith(':invalid')) {
+                    if (typeof window !== 'undefined') {
+                      const auth = context.service<AuthService>(DEFAULT_ALIAS)
+                      await auth.update(undefined)
+                      throw err
+                    }
+                  }
+                }
+              }
+              throw e
+            }
+          }
+
+        }
+      }
+    })
+  }
+}
+
+interface Perked extends ClientEntrypoint<unknown> {
+  _auth_web_middleware_applied?: boolean
+}

package/src/modules.ts

@@ -1,6 +1,6 @@
 import { DISPATCHER } from '@owlmeans/auth'
 import { modules as list } from '@owlmeans/client-auth'
-import { elevate } from '@owlmeans/client-module'
+import { elevate } from '@owlmeans/client-entrypoint'
 import { handler } from '@owlmeans/client'
 import { Dispatcher } from './components/dispatcher/component.js'
 

package/src/service.ts

@@ -1,12 +1,12 @@
 
-import { DEFAULT_ALIAS } from '@owlmeans/client-auth'
-import type { AuthServiceAppend } from '@owlmeans/client-auth'
-import type { AuthService } from '@owlmeans/auth-common'
-import { makeAuthService } from '@owlmeans/client-auth'
-import type { ClientModule } from '@owlmeans/client-module'
 import { DISPATCHER } from '@owlmeans/auth'
-import type { ClientConfig, ClientContext } from '@owlmeans/client-context'
+import type { AuthService } from '@owlmeans/auth-common'
 import { authMiddleware } from '@owlmeans/auth-common'
+import type { AuthServiceAppend } from '@owlmeans/client-auth'
+import { DEFAULT_ALIAS, makeAuthService } from '@owlmeans/client-auth'
+import type { ClientConfig, ClientContext } from '@owlmeans/client-context'
+import type { ClientEntrypoint } from '@owlmeans/client-entrypoint'
+import { logoutMiddleware } from './middleware.js'
 
 export const makeAuthWebService = (alias: string = DEFAULT_ALIAS): AuthService => {
   const service = makeAuthService(alias)
@@ -15,7 +15,7 @@ export const makeAuthWebService = (alias: string = DEFAULT_ALIAS): AuthService =
   service.update = async token => {
     await update(token)
     if (token == null) {
-      const module = service.assertCtx().module<ClientModule<string>>(DISPATCHER)
+      const module = service.assertCtx().entrypoint<ClientEntrypoint<string>>(DISPATCHER)
       const [url] = await module.call()
       document.location.href = url
     }
@@ -34,6 +34,7 @@ export const appendWebAuthService = <C extends ClientConfig, T extends ClientCon
   context.registerService(service)
 
   context.registerMiddleware(authMiddleware)
+  context.registerMiddleware(logoutMiddleware)
 
   context.auth = () => ctx.service(service.alias)
 

package/tsconfig.json

@@ -1,15 +1,11 @@
 {
   "extends": [
-    "../tsconfig.default.json",
-    "../tsconfig.react.json",
+    "@owlmeans/dep-config/tsconfig.base.json",
+    "@owlmeans/dep-config/tsconfig.react.json"
   ],
   "compilerOptions": {
-    "rootDir": "./src/", /* Specify the root folder within your source files. */
-    "outDir": "./build/", /* Specify an output folder for all emitted files. */
+    "rootDir": "./src/",
+    "outDir": "./build/"
   },
-  "exclude": [
-    "./dist/**/*",
-    "./build/**/*",
-    "./*.ts"
-  ]
-}
+  "exclude": ["./dist/**/*", "./build/**/*", "./*.ts"]
+}