@unbrained/pm-web 1.0.0

package/public/src/views/projects.js

@@ -0,0 +1,204 @@
+// ═══════════════════════════════════════════════════════════════
+// PROJECTS VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml, fmtDate } from '../utils.js';
+import { hideModal, createModal, confirmDialog } from '../components/modals.js';
+import { toast } from '../components/toast.js';
+import { showView } from '../views/router.js';
+export async function loadProjects() {
+    const data = await api('GET', '/projects');
+    state.projects = data.projects || [];
+    renderProjectSelector();
+}
+export function renderProjectSelector() {
+    const sel = document.getElementById('project-selector');
+    if (!sel)
+        return;
+    const cur = sel.value;
+    sel.innerHTML = '<option value="">— Select project —</option>' +
+        state.projects.map(p => `<option value="${p.id}"${p.id === cur ? ' selected' : ''}>${escHtml(p.name)}</option>`).join('');
+}
+async function fetchProjectSchema(projectId) {
+    try {
+        const schema = await api('GET', `/projects/${projectId}/pm/schema`);
+        if (schema && Array.isArray(schema.types) && schema.types.length) {
+            state.schema = schema;
+        }
+    }
+    catch (_) { /* fallback to constants */ }
+}
+export async function onProjectSelect(id) {
+    if (!id) {
+        state.currentProject = null;
+        state.schema = null;
+        window.__app?.disconnectSSE?.();
+        const pmSection = document.getElementById('sidebar-pm-section');
+        if (pmSection)
+            pmSection.style.display = 'none';
+        showView('projects');
+        return;
+    }
+    const proj = state.projects.find(p => p.id === id);
+    if (!proj)
+        return;
+    state.currentProject = proj;
+    const pmSection = document.getElementById('sidebar-pm-section');
+    if (pmSection)
+        pmSection.style.display = '';
+    const projName = document.getElementById('sidebar-project-name');
+    if (projName)
+        projName.textContent = proj.name;
+    window.__app?.connectSSE?.(proj.id);
+    // Fetch schema in background — views use fallback until it resolves
+    fetchProjectSchema(proj.id);
+    showView('items');
+    loadItemsBadge();
+}
+export async function loadItemsBadge() {
+    if (!state.currentProject)
+        return;
+    try {
+        const data = await api('GET', `/projects/${state.currentProject.id}/pm/list?status=open&limit=200`);
+        const count = (data.items || []).length;
+        const badge = document.getElementById('badge-items');
+        if (badge)
+            badge.textContent = count ? String(count) : '';
+    }
+    catch (_) { /* ignore */ }
+}
+export function renderProjectsView() {
+    const el = document.getElementById('content-projects');
+    if (!el)
+        return;
+    if (state.projects.length === 0) {
+        el.innerHTML = `
+      <div class="page-header">
+        <div><div class="page-title">Projects</div><div class="page-subtitle">Your project workspaces</div></div>
+        <div class="page-actions"><button class="btn btn-primary" onclick="window.__app.showModal('create-project-modal')">+ New Project</button></div>
+      </div>
+      <div class="welcome-state">
+        <div class="welcome-icon">⊞</div>
+        <div class="welcome-title">No projects yet</div>
+        <div class="welcome-text">Create your first project to start managing tasks, features, bugs, and more with git-native storage.</div>
+        <button class="btn btn-primary btn-lg" onclick="window.__app.showModal('create-project-modal')">+ Create Project</button>
+      </div>`;
+        return;
+    }
+    el.innerHTML = `
+    <div class="page-header">
+      <div><div class="page-title">Projects</div><div class="page-subtitle">${state.projects.length} project${state.projects.length !== 1 ? 's' : ''}</div></div>
+      <div class="page-actions"><button class="btn btn-primary" onclick="window.__app.showModal('create-project-modal')">+ New Project</button></div>
+    </div>
+    <div class="projects-grid">
+      ${state.projects.map(p => `
+        <div class="project-card" onclick="window.__app.selectProject('${p.id}')">
+          <button class="btn btn-ghost btn-sm project-card-del" onclick="event.stopPropagation();window.__app.deleteProject('${p.id}','${escHtml(p.name)}')" title="Delete project">✕</button>
+          <div class="project-card-name">${escHtml(p.name)}</div>
+          <div class="project-card-slug mono">${escHtml(p.slug)}</div>
+          <div class="project-card-desc">${escHtml(p.description || 'No description')}</div>
+          <div class="project-card-meta">
+            <span class="project-card-prefix">${escHtml(p.prefix)}</span>
+            <span class="project-card-date">${fmtDate(p.created_at)}</span>
+          </div>
+        </div>`).join('')}
+    </div>`;
+}
+export function selectProject(id) {
+    const sel = document.getElementById('project-selector');
+    if (sel)
+        sel.value = id;
+    onProjectSelect(id);
+}
+export function deleteProject(id, name) {
+    confirmDialog('Delete Project?', `Delete project "${name}"? This cannot be undone.`, async () => {
+        try {
+            await api('DELETE', `/projects/${id}`);
+            toast('Project deleted', 'success');
+            if (state.currentProject?.id === id) {
+                state.currentProject = null;
+                const pmSection = document.getElementById('sidebar-pm-section');
+                if (pmSection)
+                    pmSection.style.display = 'none';
+            }
+            await loadProjects();
+            if (state.currentView === 'projects')
+                renderProjectsView();
+        }
+        catch (err) {
+            toast(err instanceof Error ? err.message : String(err), 'error');
+        }
+    }, true);
+}
+export function buildCreateProjectModal() {
+    createModal('create-project-modal', 'New Project', `
+    <form id="create-project-form" onsubmit="window.__app.submitCreateProject(event)">
+      <div class="form-group">
+        <label class="form-label">Project Name *</label>
+        <input class="form-input" id="cp-name" type="text" placeholder="My Awesome Project" required>
+      </div>
+      <div class="form-group">
+        <label class="form-label">ID Prefix *</label>
+        <input class="form-input" id="cp-prefix" type="text" placeholder="myproj" pattern="[a-z0-9\\-]+" required>
+        <div style="font-size:11px;color:var(--text-muted);margin-top:4px">Lowercase letters, numbers, hyphens. Used as item ID prefix (e.g. myproj-1)</div>
+      </div>
+      <div class="form-group">
+        <label class="form-label">Description</label>
+        <input class="form-input" id="cp-desc" type="text" placeholder="What is this project about?">
+      </div>
+      <div class="form-error" id="cp-error" style="display:none"></div>
+    </form>`, `<button class="btn btn-ghost" onclick="window.__app.hideModal('create-project-modal')">Cancel</button>
+     <button class="btn btn-primary" onclick="window.__app.submitCreateProject2()"><span>Create Project</span></button>`);
+    const nameEl = document.getElementById('cp-name');
+    const prefixEl = document.getElementById('cp-prefix');
+    if (nameEl && prefixEl) {
+        nameEl.addEventListener('input', function () {
+            const prefix = this.value.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '').slice(0, 20);
+            if (!prefixEl._touched)
+                prefixEl.value = prefix;
+        });
+        prefixEl.addEventListener('input', function () { this._touched = !!this.value; });
+    }
+}
+export async function submitCreateProject(e) {
+    e?.preventDefault();
+    await submitCreateProject2();
+}
+async function submitCreateProject2() {
+    const nameEl = document.getElementById('cp-name');
+    const prefixEl = document.getElementById('cp-prefix');
+    const descEl = document.getElementById('cp-desc');
+    const errEl = document.getElementById('cp-error');
+    if (!nameEl || !prefixEl || !errEl)
+        return;
+    const name = nameEl.value.trim();
+    const prefix = prefixEl.value.trim();
+    const desc = descEl?.value.trim() || '';
+    errEl.style.display = 'none';
+    if (!name || !prefix) {
+        errEl.textContent = 'Name and prefix are required.';
+        errEl.style.display = 'block';
+        return;
+    }
+    try {
+        const data = await api('POST', '/projects', { name, prefix, description: desc });
+        state.projects.unshift(data.project);
+        renderProjectSelector();
+        hideModal('create-project-modal');
+        toast('Project created!', 'success');
+        nameEl.value = '';
+        prefixEl.value = '';
+        prefixEl._touched = false;
+        if (descEl)
+            descEl.value = '';
+        if (state.currentView === 'projects')
+            renderProjectsView();
+    }
+    catch (err) {
+        errEl.textContent = err instanceof Error ? err.message : String(err);
+        errEl.style.display = 'block';
+    }
+}
+export { submitCreateProject2 };
+//# sourceMappingURL=projects.js.map

package/public/src/views/projects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects.js","sourceRoot":"","sources":["projects.ts"],"names":[],"mappings":"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"}

package/public/src/views/projects.ts

@@ -0,0 +1,196 @@
+// ═══════════════════════════════════════════════════════════════
+// PROJECTS VIEW
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { api } from '../api.js';
+import { escHtml, fmtDate } from '../utils.js';
+import { showModal, hideModal, createModal, confirmDialog } from '../components/modals.js';
+import { toast } from '../components/toast.js';
+import { showView } from '../views/router.js';
+
+export async function loadProjects(): Promise<void> {
+  const data = await api('GET','/projects');
+  state.projects = data.projects || [];
+  renderProjectSelector();
+}
+
+export function renderProjectSelector(): void {
+  const sel = document.getElementById('project-selector') as HTMLSelectElement | null;
+  if (!sel) return;
+  const cur = sel.value;
+  sel.innerHTML = '<option value="">— Select project —</option>' +
+    state.projects.map(p=>`<option value="${p.id}"${p.id===cur?' selected':''}>${escHtml(p.name)}</option>`).join('');
+}
+
+async function fetchProjectSchema(projectId: string): Promise<void> {
+  try {
+    const schema = await api('GET', `/projects/${projectId}/pm/schema`);
+    if (schema && Array.isArray(schema.types) && schema.types.length) {
+      state.schema = schema as import('../types.js').ProjectSchema;
+    }
+  } catch (_) { /* fallback to constants */ }
+}
+
+export async function onProjectSelect(id: string): Promise<void> {
+  if (!id) {
+    state.currentProject = null;
+    state.schema = null;
+    (window as any).__app?.disconnectSSE?.();
+    const pmSection = document.getElementById('sidebar-pm-section');
+    if (pmSection) pmSection.style.display = 'none';
+    showView('projects');
+    return;
+  }
+  const proj = state.projects.find(p=>p.id===id);
+  if (!proj) return;
+  state.currentProject = proj;
+  const pmSection = document.getElementById('sidebar-pm-section');
+  if (pmSection) pmSection.style.display = '';
+  const projName = document.getElementById('sidebar-project-name');
+  if (projName) projName.textContent = proj.name;
+  (window as any).__app?.connectSSE?.(proj.id);
+  // Fetch schema in background — views use fallback until it resolves
+  fetchProjectSchema(proj.id);
+  showView('items');
+  loadItemsBadge();
+}
+
+export async function loadItemsBadge(): Promise<void> {
+  if (!state.currentProject) return;
+  try {
+    const data = await api('GET',`/projects/${state.currentProject.id}/pm/list?status=open&limit=200`);
+    const count = (data.items||[]).length;
+    const badge = document.getElementById('badge-items');
+    if (badge) badge.textContent = count ? String(count) : '';
+  } catch(_) { /* ignore */ }
+}
+
+export function renderProjectsView(): void {
+  const el = document.getElementById('content-projects');
+  if (!el) return;
+  if (state.projects.length === 0) {
+    el.innerHTML = `
+      <div class="page-header">
+        <div><div class="page-title">Projects</div><div class="page-subtitle">Your project workspaces</div></div>
+        <div class="page-actions"><button class="btn btn-primary" onclick="window.__app.showModal('create-project-modal')">+ New Project</button></div>
+      </div>
+      <div class="welcome-state">
+        <div class="welcome-icon">⊞</div>
+        <div class="welcome-title">No projects yet</div>
+        <div class="welcome-text">Create your first project to start managing tasks, features, bugs, and more with git-native storage.</div>
+        <button class="btn btn-primary btn-lg" onclick="window.__app.showModal('create-project-modal')">+ Create Project</button>
+      </div>`;
+    return;
+  }
+  el.innerHTML = `
+    <div class="page-header">
+      <div><div class="page-title">Projects</div><div class="page-subtitle">${state.projects.length} project${state.projects.length!==1?'s':''}</div></div>
+      <div class="page-actions"><button class="btn btn-primary" onclick="window.__app.showModal('create-project-modal')">+ New Project</button></div>
+    </div>
+    <div class="projects-grid">
+      ${state.projects.map(p=>`
+        <div class="project-card" onclick="window.__app.selectProject('${p.id}')">
+          <button class="btn btn-ghost btn-sm project-card-del" onclick="event.stopPropagation();window.__app.deleteProject('${p.id}','${escHtml(p.name)}')" title="Delete project">✕</button>
+          <div class="project-card-name">${escHtml(p.name)}</div>
+          <div class="project-card-slug mono">${escHtml(p.slug)}</div>
+          <div class="project-card-desc">${escHtml(p.description||'No description')}</div>
+          <div class="project-card-meta">
+            <span class="project-card-prefix">${escHtml(p.prefix)}</span>
+            <span class="project-card-date">${fmtDate(p.created_at)}</span>
+          </div>
+        </div>`).join('')}
+    </div>`;
+}
+
+export function selectProject(id: string): void {
+  const sel = document.getElementById('project-selector') as HTMLSelectElement | null;
+  if (sel) sel.value = id;
+  onProjectSelect(id);
+}
+
+export function deleteProject(id: string, name: string): void {
+  confirmDialog('Delete Project?', `Delete project "${name}"? This cannot be undone.`, async () => {
+    try {
+      await api('DELETE',`/projects/${id}`);
+      toast('Project deleted','success');
+      if (state.currentProject?.id === id) {
+        state.currentProject = null;
+        const pmSection = document.getElementById('sidebar-pm-section');
+        if (pmSection) pmSection.style.display = 'none';
+      }
+      await loadProjects();
+      if (state.currentView === 'projects') renderProjectsView();
+    } catch(err: unknown) {
+      toast(err instanceof Error ? err.message : String(err),'error');
+    }
+  }, true);
+}
+
+export function buildCreateProjectModal(): void {
+  createModal('create-project-modal','New Project',`
+    <form id="create-project-form" onsubmit="window.__app.submitCreateProject(event)">
+      <div class="form-group">
+        <label class="form-label">Project Name *</label>
+        <input class="form-input" id="cp-name" type="text" placeholder="My Awesome Project" required>
+      </div>
+      <div class="form-group">
+        <label class="form-label">ID Prefix *</label>
+        <input class="form-input" id="cp-prefix" type="text" placeholder="myproj" pattern="[a-z0-9\\-]+" required>
+        <div style="font-size:11px;color:var(--text-muted);margin-top:4px">Lowercase letters, numbers, hyphens. Used as item ID prefix (e.g. myproj-1)</div>
+      </div>
+      <div class="form-group">
+        <label class="form-label">Description</label>
+        <input class="form-input" id="cp-desc" type="text" placeholder="What is this project about?">
+      </div>
+      <div class="form-error" id="cp-error" style="display:none"></div>
+    </form>`,
+    `<button class="btn btn-ghost" onclick="window.__app.hideModal('create-project-modal')">Cancel</button>
+     <button class="btn btn-primary" onclick="window.__app.submitCreateProject2()"><span>Create Project</span></button>`
+  );
+
+  const nameEl = document.getElementById('cp-name');
+  const prefixEl = document.getElementById('cp-prefix') as (HTMLInputElement & { _touched?: boolean }) | null;
+  if (nameEl && prefixEl) {
+    nameEl.addEventListener('input', function() {
+      const prefix = (this as HTMLInputElement).value.toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,'').slice(0,20);
+      if (!prefixEl._touched) prefixEl.value = prefix;
+    });
+    prefixEl.addEventListener('input', function() { (this as HTMLInputElement & { _touched?: boolean })._touched = !!(this as HTMLInputElement).value; });
+  }
+}
+
+export async function submitCreateProject(e?: Event): Promise<void> {
+  e?.preventDefault();
+  await submitCreateProject2();
+}
+
+async function submitCreateProject2(): Promise<void> {
+  const nameEl = document.getElementById('cp-name') as HTMLInputElement | null;
+  const prefixEl = document.getElementById('cp-prefix') as HTMLInputElement | null;
+  const descEl = document.getElementById('cp-desc') as HTMLInputElement | null;
+  const errEl = document.getElementById('cp-error') as HTMLElement | null;
+  if (!nameEl || !prefixEl || !errEl) return;
+
+  const name = nameEl.value.trim();
+  const prefix = prefixEl.value.trim();
+  const desc = descEl?.value.trim() || '';
+  errEl.style.display = 'none';
+  if (!name || !prefix) { errEl.textContent = 'Name and prefix are required.'; errEl.style.display = 'block'; return; }
+  try {
+    const data = await api('POST','/projects',{name,prefix,description:desc});
+    state.projects.unshift(data.project);
+    renderProjectSelector();
+    hideModal('create-project-modal');
+    toast('Project created!','success');
+    nameEl.value = '';
+    prefixEl.value = '';
+    (prefixEl as HTMLInputElement & { _touched?: boolean })._touched = false;
+    if (descEl) descEl.value = '';
+    if (state.currentView === 'projects') renderProjectsView();
+  } catch(err: unknown) {
+    errEl.textContent = err instanceof Error ? err.message : String(err);
+    errEl.style.display = 'block';
+  }
+}
+
+export { submitCreateProject2 };

package/public/src/views/router.js

@@ -0,0 +1,227 @@
+// ═══════════════════════════════════════════════════════════════
+// ROUTER — View switching with URL routing
+// ═══════════════════════════════════════════════════════════════
+import { state } from '../state.js';
+import { VIEW_NAMES } from '../constants.js';
+import { renderProjectsView } from './projects.js';
+import { renderItemsView } from './items.js';
+import { renderCreateView } from './create.js';
+import { renderActivityView } from './activity.js';
+import { renderSearchView } from './search.js';
+import { renderStatsView } from './stats.js';
+import { renderCalendarView } from './calendar.js';
+import { renderContextView } from './context.js';
+import { renderGraphView } from './graph.js';
+import { renderSharingView } from './sharing.js';
+import { renderGroupsView } from './groups.js';
+import { renderHealthView } from './health.js';
+import { renderDedupeAuditView } from './dedupe.js';
+import { renderValidateView } from './validate.js';
+import { renderSettingsView } from './settings.js';
+import { renderGitHubView } from './github.js';
+import { renderExportView } from './export.js';
+import { renderNormalizeView } from './normalize.js';
+import { renderSharedView } from './shared.js';
+import { renderTemplatesView } from './templates.js';
+import { renderCommentsAuditView } from './comments-audit.js';
+import { renderConfigView } from './config.js';
+import { renderGuideView } from './guide.js';
+import { renderAdminView } from './admin.js';
+import { initPlanView } from './plan.js';
+// View name → URL path mapping
+const VIEW_TO_PATH = {
+    'projects': '/',
+    'items': '/items',
+    'create': '/create',
+    'activity': '/activity',
+    'search': '/search',
+    'stats': '/stats',
+    'calendar': '/calendar',
+    'context': '/context',
+    'graph': '/graph',
+    'sharing': '/sharing',
+    'groups': '/groups',
+    'health': '/health',
+    'dedupe': '/dedupe',
+    'validate': '/validate',
+    'settings': '/settings',
+    'github': '/github',
+    'export': '/export',
+    'normalize': '/normalize',
+    'shared': '/shared',
+    'templates': '/templates',
+    'comments-audit': '/comments-audit',
+    'config': '/config',
+    'guide': '/guide',
+    'admin': '/admin',
+    'plan': '/plan',
+};
+// Reverse: URL path → view name
+const PATH_TO_VIEW = {};
+for (const [view, path] of Object.entries(VIEW_TO_PATH)) {
+    PATH_TO_VIEW[path] = view;
+}
+// Whether pushState was just called (to ignore the resulting popstate)
+let navigatingInternally = false;
+// Callback invoked when the view changes — used to notify presence service
+let onViewChange = null;
+export function setOnViewChange(cb) {
+    onViewChange = cb;
+}
+export function getPathForView(view) {
+    return VIEW_TO_PATH[view] || '/';
+}
+export function getViewForPath(path) {
+    // Normalize: remove trailing slash except for root
+    const normalized = path.replace(/\/$/, '') || '/';
+    // Direct match
+    if (PATH_TO_VIEW[normalized])
+        return PATH_TO_VIEW[normalized];
+    // Try matching first segment for deeper paths (e.g. /items/DETAIL-1 → items)
+    const firstSegment = '/' + normalized.slice(1).split('/')[0];
+    return PATH_TO_VIEW[firstSegment] || 'projects';
+}
+export function showView(view, pushState = true) {
+    if (view === 'admin' && !state.user?.is_admin) {
+        history.replaceState({ view: 'projects' }, '', '/');
+        view = 'projects';
+    }
+    state.currentView = view;
+    // Update URL via pushState
+    if (pushState) {
+        const path = getPathForView(view);
+        if (window.location.pathname !== path) {
+            navigatingInternally = true;
+            history.pushState({ view }, '', path);
+        }
+    }
+    // Full-screen graph mode: hide sidebar
+    document.body.classList.toggle('graph-mode', view === 'graph');
+    VIEW_NAMES.forEach(v => {
+        const el = document.getElementById(`content-${v}`);
+        if (el)
+            el.style.display = v === view ? '' : 'none';
+    });
+    document.querySelectorAll('.sidebar-item[data-view]').forEach(el => {
+        el.classList.toggle('active', el.dataset.view === view);
+    });
+    if (view === 'projects') {
+        document.querySelectorAll('#sidebar-projects-section .sidebar-item').forEach((el, i) => {
+            el.classList.toggle('active', i === 0);
+        });
+    }
+    switch (view) {
+        case 'projects':
+            renderProjectsView();
+            break;
+        case 'items':
+            renderItemsView();
+            break;
+        case 'create':
+            renderCreateView();
+            break;
+        case 'activity':
+            renderActivityView();
+            break;
+        case 'search':
+            renderSearchView();
+            break;
+        case 'stats':
+            renderStatsView();
+            break;
+        case 'calendar':
+            renderCalendarView();
+            break;
+        case 'context':
+            renderContextView();
+            break;
+        case 'graph':
+            renderGraphView();
+            break;
+        case 'sharing':
+            renderSharingView();
+            break;
+        case 'groups':
+            renderGroupsView();
+            break;
+        case 'health':
+            renderHealthView();
+            break;
+        case 'dedupe':
+            renderDedupeAuditView();
+            break;
+        case 'validate':
+            renderValidateView();
+            break;
+        case 'settings':
+            renderSettingsView();
+            break;
+        case 'github':
+            renderGitHubView();
+            break;
+        case 'export':
+            renderExportView();
+            break;
+        case 'normalize':
+            renderNormalizeView();
+            break;
+        case 'shared':
+            renderSharedView();
+            break;
+        case 'templates':
+            renderTemplatesView();
+            break;
+        case 'comments-audit':
+            renderCommentsAuditView();
+            break;
+        case 'config':
+            renderConfigView();
+            break;
+        case 'guide':
+            renderGuideView();
+            break;
+        case 'admin':
+            renderAdminView();
+            break;
+        case 'plan':
+            void initPlanView();
+            break;
+    }
+    updateMobileNav(view);
+    // Notify presence service of view change
+    onViewChange?.(view);
+    // Scroll main content to top on view change
+    const mainContent = document.getElementById('main-content');
+    if (mainContent)
+        mainContent.scrollTop = 0;
+    // Move focus to main content for accessibility
+    const activeArea = document.getElementById(`content-${view}`);
+    if (activeArea) {
+        activeArea.setAttribute('tabindex', '-1');
+        activeArea.focus({ preventScroll: true });
+    }
+}
+function updateMobileNav(view) {
+    document.querySelectorAll('.mobile-bottom-nav-item').forEach(el => {
+        el.classList.toggle('active', el.dataset.mobview === view);
+    });
+    const nav = document.getElementById('mobile-bottom-nav');
+    if (nav) {
+        nav.classList.toggle('visible', !!state.currentProject && view !== 'projects');
+    }
+}
+// Handle browser back/forward
+function onPopState(e) {
+    // Ignore if we just pushed state (some browsers fire popstate after pushState)
+    if (navigatingInternally) {
+        navigatingInternally = false;
+        return;
+    }
+    const view = e.state?.view || getViewForPath(window.location.pathname);
+    showView(view, false);
+}
+// Initialize popstate listener
+if (typeof window !== 'undefined') {
+    window.addEventListener('popstate', onPopState);
+}
+//# sourceMappingURL=router.js.map

package/public/src/views/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["router.ts"],"names":[],"mappings":"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"}