Jeffrey Smith
c2473efee2
All checks were successful
CI/CD / detect-changes (pull_request) Successful in 4s
CI/CD / test-runners (pull_request) Has been skipped
CI/CD / e2e-smoke (pull_request) Has been skipped
CI/CD / test-frontend (pull_request) Successful in 5s
CI/CD / test-go-pg (pull_request) Successful in 2m48s
CI/CD / test-sqlite (pull_request) Successful in 2m57s
CI/CD / build-and-deploy (pull_request) Successful in 1m23s
Packages can declare a `surfaces` array with per-path access controls, titles, and layouts. A single package can serve a public form, an authenticated dashboard, and an admin page — each with independent access enforcement. Kernel: - Manifest validation for surfaces array (path, access, duplicates) - Auto-synthesis from legacy auth/layout for existing packages - Unified /s/:slug route tree (RegisterExtensionRoutes) dispatches between surface rendering and ext API calls - matchSurface() with Gin-style :param support and specificity ordering - evaluateAccess() for per-surface access checks - Nav filters out pending_review packages (pre-existing bug fix) Frontend: - __SURFACE_PATH__ and __SURFACE_PARAMS__ template injection - sw.navigate(path, params) for SPA-style intra-package routing - surface.navigate event + popstate handling - SDK version bumped to 0.9.0 Docs: - MULTI-SURFACE-GUIDE.md — full developer guide - PACKAGE-FORMAT.md — surfaces field reference - CHANGELOG.md, ROADMAP.md updated 22 new tests (11 manifest validation, 11 route matching/nav). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
167 lines
9.4 KiB
HTML
167 lines
9.4 KiB
HTML
{{define "base.html"}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content">
|
|
<title>{{block "title" .}}Armature{{end}}</title>
|
|
<link rel="icon" type="image/svg+xml" href="{{.BasePath}}/favicon.svg?v={{.Version}}">
|
|
<link rel="icon" type="image/x-icon" href="{{.BasePath}}/favicon.ico?v={{.Version}}">
|
|
{{/* Decomposed from monolithic styles.css (v0.22.9) */}}
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/variables.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/layout.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/primitives.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/modals.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/surfaces.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/sw-primitives.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/user-menu.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/tool-grants.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/workflow.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/admin-surfaces.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/extension-surface.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/sw-shell.css?v={{.Version}}">
|
|
<link rel="stylesheet" href="{{.BasePath}}/css/sw-debug.css?v={{.Version}}">
|
|
{{/* css-chat, css-notes, css-projects templates removed — surfaces provide their own styles */}}
|
|
{{/* v0.27.0: Extension surface CSS — loaded from /surfaces/{id}/css/main.css */}}
|
|
{{if and .Manifest (eq .Manifest.Source "extension")}}
|
|
<link rel="stylesheet" href="{{.BasePath}}/surfaces/{{.Surface}}/css/main.css?v={{.Version}}">
|
|
{{end}}
|
|
<style>
|
|
body { margin: 0; background: var(--bg); color: var(--text); display: flex; flex-direction: column; height: 100vh; height: 100dvh; overflow: hidden; padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0); }
|
|
.surface { flex: 1; min-height: 0; overflow: hidden; }
|
|
.surface-inner { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; }
|
|
.banner { flex-shrink: 0; }
|
|
</style>
|
|
<meta name="theme-color" content="#0e0e10" id="metaThemeColor">
|
|
<script>
|
|
// Early theme application — prevents flash of wrong theme on all surfaces.
|
|
// Read from Theme API key (armature_theme) as authoritative source.
|
|
(function() {
|
|
try {
|
|
var mode = localStorage.getItem('armature_theme') || 'system';
|
|
var resolved = mode;
|
|
if (mode === 'system') resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
document.documentElement.setAttribute('data-theme', resolved);
|
|
var meta = document.getElementById('metaThemeColor');
|
|
if (meta) meta.content = resolved === 'light' ? '#f7f7fa' : '#0e0e10';
|
|
var fav = document.querySelector('link[rel="icon"][type="image/svg+xml"]');
|
|
if (fav) fav.href = fav.href.replace(/favicon(-light)?\.svg/, resolved === 'light' ? 'favicon-light.svg' : 'favicon.svg');
|
|
} catch(e) {}
|
|
})();
|
|
// Early appearance — apply scale from localStorage on all surfaces.
|
|
// CSS zoom reflows layout correctly (no getBoundingClientRect hacks needed).
|
|
(function() {
|
|
try {
|
|
var p = JSON.parse(localStorage.getItem('sb-appearance') || '{}');
|
|
if (p.scale && p.scale !== 100) {
|
|
var s = p.scale / 100;
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var el = document.getElementById('surfaceInner');
|
|
if (el) { el.style.zoom = s; }
|
|
});
|
|
}
|
|
} catch(e) {}
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body data-surface="{{.Surface}}" data-base-path="{{.BasePath}}">
|
|
{{if .Banner.Visible}}
|
|
<div class="banner banner-top active" style="background:{{.Banner.Background}};color:{{.Banner.Color}};padding:6px 12px;text-align:center;font-size:12px;font-weight:600;line-height:1.3;">
|
|
{{.Banner.Text}}
|
|
</div>
|
|
<script>
|
|
(function(){ var b=document.querySelector('.banner-top.active'); if(b) document.documentElement.style.setProperty('--banner-top-height',b.offsetHeight+'px'); })();
|
|
</script>
|
|
{{end}}
|
|
|
|
{{if .Message.Visible}}
|
|
<div class="sw-shell__announcement" id="shellMessage" data-msg-text="{{.Message.Text}}">
|
|
<div class="sw-shell__announcement-inner sw-shell__announcement--{{.Message.Variant}}">
|
|
<span class="sw-shell__announcement-text">{{.Message.Text}}</span>
|
|
<button class="sw-shell__banner-close" aria-label="Dismiss"
|
|
onclick="var el=this.closest('.sw-shell__announcement');var t=el.dataset.msgText||'';var k='armature_dismissed_'+Array.from(t).reduce(function(h,c){return((h<<5)-h)+c.charCodeAt(0)|0;},0);localStorage.setItem(k,'1');el.remove();">×</button>
|
|
</div>
|
|
</div>
|
|
<script nonce="{{.CSPNonce}}">
|
|
(function(){var el=document.getElementById('shellMessage');if(!el)return;var t=el.dataset.msgText||'';var k='armature_dismissed_'+Array.from(t).reduce(function(h,c){return((h<<5)-h)+c.charCodeAt(0)|0;},0);if(localStorage.getItem(k))el.remove();})();
|
|
</script>
|
|
{{end}}
|
|
|
|
<div class="surface" id="surface">
|
|
<div class="surface-inner" id="surfaceInner">
|
|
{{if eq .Surface "admin"}}{{template "surface-admin" .}}
|
|
{{else if eq .Surface "team-admin"}}{{template "surface-team-admin" .}}
|
|
{{else if eq .Surface "settings"}}{{template "surface-settings" .}}
|
|
{{else if eq .Surface "welcome"}}{{template "surface-welcome" .}}
|
|
{{else if eq .Surface "docs"}}{{template "surface-docs" .}}
|
|
{{else if and .Manifest (eq .Manifest.Source "extension")}}{{template "surface-extension" .}}
|
|
{{else}}<div style="padding:20px">Unknown surface: {{.Surface}}</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
|
|
{{if .Footer.Visible}}
|
|
<div class="sw-shell__footer">{{.Footer.Text}}</div>
|
|
{{end}}
|
|
|
|
{{if .Banner.Visible}}
|
|
<div class="banner banner-bottom active" style="background:{{.Banner.Background}};color:{{.Banner.Color}};padding:6px 12px;text-align:center;font-size:12px;font-weight:600;line-height:1.3;">
|
|
{{.Banner.Text}}
|
|
</div>
|
|
<script>
|
|
(function(){ var b=document.querySelector('.banner-bottom.active'); if(b) document.documentElement.style.setProperty('--banner-bottom-height',b.offsetHeight+'px'); })();
|
|
</script>
|
|
{{end}}
|
|
|
|
<script nonce="{{.CSPNonce}}">
|
|
window.__BASE__ = '{{.BasePath}}';
|
|
window.__VERSION__ = '{{.Version}}';
|
|
window.__ENV__ = '{{.Environment}}';
|
|
window.__BRANDING__ = {};
|
|
window.__SURFACE__ = '{{.Surface}}';
|
|
{{/* __PAGE_DATA__ and __USER__ removed in v0.37.19 — SDK boot
|
|
populates sw.auth.user and sw.auth.policies from API. */}}
|
|
{{if .Manifest}}window.__MANIFEST__ = {{.Manifest | toJSON}};{{end}}
|
|
{{if .SurfacePath}}window.__SURFACE_PATH__ = '{{.SurfacePath}}';{{end}}
|
|
{{if .SurfaceParams}}window.__SURFACE_PARAMS__ = {{.SurfaceParams | toJSON}};{{end}}
|
|
</script>
|
|
|
|
{{/* All surfaces use Preact SDK boot(). Legacy script includes removed.
|
|
Standalone utils: debug.js, repl.js (no SDK dependencies). */}}
|
|
|
|
{{if eq .Surface "admin"}}{{template "scripts-admin" .}}{{end}}
|
|
{{if eq .Surface "team-admin"}}{{template "scripts-team-admin" .}}{{end}}
|
|
{{if eq .Surface "settings"}}{{template "scripts-settings" .}}{{end}}
|
|
{{if eq .Surface "welcome"}}{{template "scripts-welcome" .}}{{end}}
|
|
{{if eq .Surface "docs"}}{{template "scripts-docs" .}}{{end}}
|
|
{{/* v0.27.0: Extension surface JS — load Preact globals, boot SDK, then extension */}}
|
|
{{if and .Manifest (eq .Manifest.Source "extension")}}
|
|
<script type="module" nonce="{{.CSPNonce}}">
|
|
const { h, render } = await import('{{.BasePath}}/js/sw/vendor/preact.module.js');
|
|
const hooksModule = await import('{{.BasePath}}/js/sw/vendor/hooks.module.js');
|
|
const { default: htm } = await import('{{.BasePath}}/js/sw/vendor/htm.module.js');
|
|
window.preact = window.preact || { h, render };
|
|
window.hooks = window.hooks || hooksModule;
|
|
window.html = window.html || htm.bind(h);
|
|
|
|
const { boot } = await import('{{.BasePath}}/js/sw/sdk/index.js?v={{.Version}}');
|
|
await boot();
|
|
await import('{{.BasePath}}/surfaces/{{.Surface}}/js/main.js?v={{.Version}}');
|
|
</script>
|
|
{{end}}
|
|
|
|
{{/* v0.6.5: Browser-tier extension scripts (renderers, etc.)
|
|
Loaded after surface scripts so sw:ready fires first. */}}
|
|
{{range .BrowserExtensions}}
|
|
<script nonce="{{$.CSPNonce}}" src="{{$.BasePath}}/surfaces/{{.}}/js/script.js?v={{$.Version}}"></script>
|
|
{{end}}
|
|
|
|
{{/* v0.37.13: Legacy UserMenu hydration removed — all surfaces use Preact UserMenu. */}}
|
|
|
|
{{/* ── Debug Modal (Preact, v0.37.18) ───── */}}
|
|
<div id="debugMount"></div>
|
|
<script type="module" nonce="{{.CSPNonce}}" src="{{.BasePath}}/js/debug.js?v={{.Version}}"></script>
|
|
</body>
|
|
</html>
|
|
{{end}}
|