merge: tasks standalone

package.json

@@ -24,6 +24,9 @@
     "dev:market": "vite --host --config vite.market.config.ts",
     "build:market": "vue-tsc -b && vite build --config vite.market.config.ts",
     "preview:market": "vite preview --host --config vite.market.config.ts",
+    "dev:tasks": "vite --host --config vite.tasks.config.ts",
+    "build:tasks": "vue-tsc -b && vite build --config vite.tasks.config.ts",
+    "preview:tasks": "vite preview --host --config vite.tasks.config.ts",
     "electron:dev": "concurrently \"vite --host\" \"electron-forge start\"",
     "electron:build": "vue-tsc -b && vite build && electron-builder",
     "electron:package": "electron-builder",

src/tasks-app/App.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { Toaster } from '@/components/ui/sonner'
+import LoginDialog from '@/components/auth/LoginDialog.vue'
+import { useTheme } from '@/components/theme-provider'
+import { toast } from 'vue-sonner'
+import { useAuth } from '@/composables/useAuthService'
+import { Button } from '@/components/ui/button'
+import { LogIn } from 'lucide-vue-next'
+
+const route = useRoute()
+const router = useRouter()
+
+useTheme()
+const { isAuthenticated } = useAuth()
+
+const showLoginDialog = ref(false)
+
+const isLoginPage = computed(() => route.path === '/login')
+
+async function handleLoginSuccess() {
+  showLoginDialog.value = false
+  toast.success('Welcome!')
+}
+</script>
+
+<template>
+  <div class="min-h-screen bg-background font-sans antialiased">
+    <div class="relative flex min-h-screen flex-col"
+      style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom)">
+
+      <div v-if="!isLoginPage && !isAuthenticated" class="fixed top-0 right-0 z-50 p-3" style="padding-top: env(safe-area-inset-top)">
+        <Button variant="ghost" size="icon" class="h-8 w-8" @click="router.push('/login')">
+          <LogIn class="w-4 h-4" />
+        </Button>
+      </div>
+
+      <main class="flex-1">
+        <router-view />
+      </main>
+    </div>
+
+    <Toaster />
+    <LoginDialog v-model:is-open="showLoginDialog" @success="handleLoginSuccess" />
+  </div>
+</template>

src/tasks-app/app.config.ts

@@ -0,0 +1,49 @@
+import type { AppConfig } from '@/core/types'
+
+/**
+ * Standalone Tasks app configuration.
+ * Only enables base + tasks modules.
+ */
+export const appConfig: AppConfig = {
+  modules: {
+    base: {
+      name: 'base',
+      enabled: true,
+      lazy: false,
+      config: {
+        nostr: {
+          relays: JSON.parse(import.meta.env.VITE_NOSTR_RELAYS || '["wss://relay.damus.io", "wss://nos.lol"]')
+        },
+        auth: {
+          sessionTimeout: 24 * 60 * 60 * 1000,
+        },
+        pwa: {
+          autoPrompt: true
+        },
+        imageUpload: {
+          baseUrl: import.meta.env.VITE_PICTRS_BASE_URL || 'https://img.mydomain.com',
+          maxSizeMB: 10,
+          acceptedTypes: ['image/jpeg', 'image/png', 'image/webp', 'image/avif', 'image/gif']
+        }
+      }
+    },
+    tasks: {
+      name: 'tasks',
+      enabled: true,
+      lazy: false,
+      config: {
+        maxTasks: 200,
+        adminPubkeys: JSON.parse(import.meta.env.VITE_ADMIN_PUBKEYS || '[]')
+      }
+    },
+  },
+
+  features: {
+    pwa: true,
+    pushNotifications: true,
+    electronApp: false,
+    developmentMode: import.meta.env.DEV
+  }
+}
+
+export default appConfig

src/tasks-app/app.ts

@@ -0,0 +1,137 @@
+import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
+import { createPinia } from 'pinia'
+import { pluginManager } from '@/core/plugin-manager'
+import { eventBus } from '@/core/event-bus'
+import { container } from '@/core/di-container'
+
+import appConfig from './app.config'
+import baseModule from '@/modules/base'
+import tasksModule from '@/modules/tasks'
+
+import App from './App.vue'
+
+import '@/assets/index.css'
+import { i18n, changeLocale, type AvailableLocale } from '@/i18n'
+
+function acceptTokenFromUrl() {
+  const params = new URLSearchParams(window.location.search)
+  const token = params.get('token')
+  if (token) {
+    localStorage.setItem('lnbits_access_token', token)
+    params.delete('token')
+    const clean = params.toString()
+    const newUrl = window.location.pathname + (clean ? `?${clean}` : '') + window.location.hash
+    window.history.replaceState({}, '', newUrl)
+    console.log('[Tasks] Auth token accepted from URL')
+  }
+}
+
+export async function createAppInstance() {
+  console.log('Starting Tasks app...')
+
+  acceptTokenFromUrl()
+
+  const app = createApp(App)
+
+  const moduleRoutes = [
+    ...baseModule.routes || [],
+    ...tasksModule.routes || [],
+  ].filter(Boolean)
+
+  const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes: [
+      {
+        path: '/',
+        redirect: '/tasks'
+      },
+      {
+        path: '/login',
+        name: 'login',
+        component: import.meta.env.VITE_DEMO_MODE === 'true'
+          ? () => import('@/pages/LoginDemo.vue')
+          : () => import('@/pages/Login.vue'),
+        meta: { requiresAuth: false }
+      },
+      ...moduleRoutes,
+    ]
+  })
+
+  const pinia = createPinia()
+
+  app.use(router)
+  app.use(pinia)
+  app.use(i18n)
+
+  const defaultLocale = import.meta.env.VITE_DEFAULT_LOCALE as AvailableLocale | undefined
+  if (defaultLocale && !localStorage.getItem('user-locale')) {
+    await changeLocale(defaultLocale)
+  }
+
+  pluginManager.init(app, router)
+
+  const moduleRegistrations = []
+
+  if (appConfig.modules.base.enabled) {
+    moduleRegistrations.push(
+      pluginManager.register(baseModule, appConfig.modules.base)
+    )
+  }
+
+  if (appConfig.modules.tasks?.enabled) {
+    moduleRegistrations.push(
+      pluginManager.register(tasksModule, appConfig.modules.tasks)
+    )
+  }
+
+  await Promise.all(moduleRegistrations)
+  await pluginManager.installAll()
+
+  const { auth } = await import('@/composables/useAuthService')
+  await auth.initialize()
+
+  router.beforeEach(async (to, _from, next) => {
+    const requiresAuth = to.meta.requiresAuth === true
+
+    if (requiresAuth && !auth.isAuthenticated.value) {
+      next('/login')
+    } else if (to.path === '/login' && auth.isAuthenticated.value) {
+      next('/')
+    } else {
+      next()
+    }
+  })
+
+  app.config.errorHandler = (err, _vm, info) => {
+    console.error('Global error:', err, info)
+    eventBus.emit('app:error', { error: err, info }, 'app')
+  }
+
+  if (appConfig.features.developmentMode) {
+    ;(window as any).__pluginManager = pluginManager
+    ;(window as any).__eventBus = eventBus
+    ;(window as any).__container = container
+  }
+
+  console.log('Tasks app initialized')
+  return { app, router }
+}
+
+export async function startApp() {
+  try {
+    const { app } = await createAppInstance()
+    app.mount('#app')
+    console.log('Tasks app started!')
+    eventBus.emit('app:started', {}, 'app')
+  } catch (error) {
+    console.error('Failed to start Tasks app:', error)
+    document.getElementById('app')!.innerHTML = `
+      <div style="padding: 20px; text-align: center; color: red;">
+        <h1>Failed to Start</h1>
+        <p>${error instanceof Error ? error.message : 'Unknown error'}</p>
+        <p>Please refresh the page.</p>
+      </div>
+    `
+  }
+}

src/tasks-app/main.ts

@@ -0,0 +1,17 @@
+import { startApp } from './app'
+import { registerSW } from 'virtual:pwa-register'
+import 'vue-sonner/style.css'
+
+const intervalMS = 60 * 60 * 1000
+registerSW({
+  onRegistered(r) {
+    r && setInterval(() => {
+      r.update()
+    }, intervalMS)
+  },
+  onOfflineReady() {
+    console.log('Tasks app ready to work offline')
+  }
+})
+
+startApp()

tasks.html

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <link rel="icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
+    <link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF">
+    <title>Tasks — Work Orders</title>
+    <meta name="apple-mobile-web-app-title" content="Tasks">
+    <meta name="description" content="Decentralized task management on Nostr">
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/tasks-app/main.ts"></script>
+  </body>
+</html>

vite.config.ts

@@ -25,7 +25,7 @@ export default defineConfig(({ mode }) => ({
           '**/*.{js,css,html,ico,png,svg}'
         ],
         // Don't intercept standalone app paths — they have their own service workers
-        navigateFallbackDenylist: [/^\/sortir\//, /^\/castle\//, /^\/wallet\//, /^\/chat\//, /^\/market\//, /^\/cart\//, /^\/checkout\//],
+        navigateFallbackDenylist: [/^\/sortir\//, /^\/castle\//, /^\/wallet\//, /^\/chat\//, /^\/market\//, /^\/cart\//, /^\/checkout\//, /^\/tasks\//],
       },
       includeAssets: [
         'favicon.ico',

vite.tasks.config.ts

@@ -0,0 +1,115 @@
+import { fileURLToPath, URL } from 'node:url'
+import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite'
+import { defineConfig, type Plugin } from 'vite'
+import { VitePWA } from 'vite-plugin-pwa'
+import { ViteImageOptimizer } from 'vite-plugin-image-optimizer'
+import { visualizer } from 'rollup-plugin-visualizer'
+
+function tasksHtmlPlugin(): Plugin {
+  return {
+    name: 'tasks-html-rewrite',
+    configureServer(server) {
+      server.middlewares.use((req, _res, next) => {
+        if (
+          req.url &&
+          !req.url.startsWith('/@') &&
+          !req.url.startsWith('/src/') &&
+          !req.url.startsWith('/node_modules/') &&
+          !req.url.includes('.')
+        ) {
+          req.url = '/tasks.html'
+        }
+        next()
+      })
+    },
+  }
+}
+
+/**
+ * Vite config for the standalone Tasks app.
+ *
+ * Set VITE_BASE_PATH to deploy under a path prefix:
+ *   VITE_BASE_PATH=/tasks/ → app.${domain}/tasks/ (shared auth)
+ *   (default: /)           → tasks.${domain} (standalone subdomain)
+ */
+export default defineConfig(({ mode }) => ({
+  base: process.env.VITE_BASE_PATH || '/',
+  plugins: [
+    tasksHtmlPlugin(),
+    vue(),
+    tailwindcss(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      devOptions: { enabled: true },
+      workbox: {
+        globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
+        navigateFallback: 'tasks.html',
+        navigateFallbackAllowlist: [
+          new RegExp(`^${(process.env.VITE_BASE_PATH || '/').replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}`),
+        ],
+      },
+      includeAssets: [
+        'favicon.ico',
+        'apple-touch-icon.png',
+        'mask-icon.svg',
+        'icon-192.png',
+        'icon-512.png',
+        'icon-maskable-192.png',
+        'icon-maskable-512.png',
+      ],
+      manifest: {
+        name: 'Tasks — Work Orders',
+        short_name: 'Tasks',
+        description: 'Decentralized task management on Nostr',
+        theme_color: '#4338ca',
+        background_color: '#ffffff',
+        display: 'standalone',
+        orientation: 'portrait-primary',
+        start_url: process.env.VITE_BASE_PATH || '/',
+        scope: process.env.VITE_BASE_PATH || '/',
+        id: 'tasks-app',
+        categories: ['productivity', 'business'],
+        lang: 'en',
+        icons: [
+          { src: 'icon-192.png', sizes: '192x192', type: 'image/png', purpose: 'any' },
+          { src: 'icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any' },
+          { src: 'icon-maskable-192.png', sizes: '192x192', type: 'image/png', purpose: 'maskable' },
+          { src: 'icon-maskable-512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' },
+        ],
+      },
+    }),
+    ViteImageOptimizer({
+      jpg: { quality: 80 },
+      png: { quality: 80 },
+      webp: { lossless: true },
+    }),
+    mode === 'analyze' &&
+      visualizer({
+        open: true,
+        filename: 'dist-tasks/stats.html',
+        gzipSize: true,
+        brotliSize: true,
+      }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@/app.config': fileURLToPath(new URL('./src/tasks-app/app.config.ts', import.meta.url)),
+    },
+  },
+  build: {
+    outDir: 'dist-tasks',
+    rollupOptions: {
+      input: 'tasks.html',
+      output: {
+        manualChunks: {
+          'vue-vendor': ['vue', 'vue-router', 'pinia'],
+          'ui-vendor': ['radix-vue', '@vueuse/core'],
+          'shadcn': ['class-variance-authority', 'clsx', 'tailwind-merge'],
+        },
+      },
+    },
+    chunkSizeWarningLimit: 1000,
+  },
+}))