@stcrft/statecraft 1.1.3 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +8 -1
- package/dist/index.js.map +1 -1
- package/package.json +5 -4
- package/renderer-dist/README.md +3 -0
- package/renderer-dist/assets/index-BlQ7Y9tG.js +207 -0
- package/renderer-dist/assets/index-d6soJrAs.css +1 -0
- package/renderer-dist/index.html +24 -0
- package/renderer-dist/logo.png +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#1a1a1a;-webkit-font-smoothing:antialiased}html[data-theme=dark] body{background:#111827;color:#f9fafb}#root{min-height:100vh}:root{--color-primary: #3366ff;--color-secondary: #33cccc;--color-tertiary: #ff6633;--color-structure: #404040;--color-background: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem}[data-theme=dark]{--color-structure: #6b7280;--color-background: #111827;--color-surface: #1f2937;--color-text: #f9fafb;--color-text-muted: #9ca3af}[data-theme=dark] .errors{background:#450a0a;border-color:#7f1d1d;color:#fecaca}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background);color:var(--color-text)}.header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:2px solid var(--color-structure)}.header__logo{height:2rem;width:auto;display:block}[data-theme=dark] .header__logo{filter:invert(1)}.header__title{margin:0;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-structure);line-height:1.3}.header__theme-toggle{margin-left:auto;padding:var(--space-2) var(--space-3);font-size:1.25rem;line-height:1;background:var(--color-background);border:1px solid var(--color-structure);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,border-color .15s ease}.header__theme-toggle:hover{background:var(--color-structure);border-color:var(--color-text-muted)}.header__theme-icon{display:block;color:var(--color-text)}.main{flex:1;padding:var(--space-4);overflow:auto}.theme-sample{max-width:40rem;margin:0 auto;padding:1rem;background:var(--color-surface);border:1px solid var(--color-structure);border-radius:8px}.theme-sample__title{margin:0 0 .75rem;font-size:1rem;color:var(--color-text-muted)}.theme-sample__strip{display:flex;flex-wrap:wrap;gap:.5rem}.theme-sample__swatch{width:4rem;height:2.5rem;border-radius:4px;border:1px solid var(--color-structure)}.theme-sample__swatch--primary{background:var(--color-primary)}.theme-sample__swatch--secondary{background:var(--color-secondary)}.theme-sample__swatch--tertiary{background:var(--color-tertiary)}.theme-sample__swatch--structure{background:var(--color-structure)}.theme-sample__hint{margin:1rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.errors{margin-bottom:var(--space-4);padding:var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#991b1b}.errors__title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600}.errors__list{margin:0;padding-left:1.25rem;font-size:var(--text-sm)}.errors__item{margin-bottom:var(--space-1)}.load-board{max-width:40rem;margin:0 auto;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-structure);border-radius:var(--radius-lg)}.load-board__title{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.load-board__hint{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.load-board__hint code{background:var(--color-background);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.load-board__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.load-board__btn,.load-board__file-text{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-surface);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;min-height:44px;line-height:1.25;touch-action:manipulation}.load-board__btn:hover:not(:disabled){filter:brightness(1.1)}.load-board__btn:disabled{opacity:.7;cursor:not-allowed}.load-board__file-label{cursor:pointer}.load-board__file-input{position:absolute;width:0;height:0;opacity:0}.load-board__file-text{background:var(--color-secondary)}.load-board__paste-label{display:block}.load-board__paste-caption{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.load-board__paste-input{width:100%;padding:var(--space-3);font-family:ui-monospace,monospace;font-size:var(--text-xs);line-height:1.5;border:1px solid var(--color-structure);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;min-height:44px}.board{width:100%}.board__name{margin:0 0 var(--space-4);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-structure);line-height:1.3}.board__lanes{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);min-height:12.5rem;-webkit-overflow-scrolling:touch}.lane{flex:0 0 min(20rem,100%);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-structure);border-radius:var(--radius-lg);border-top:3px solid var(--lane-accent, var(--color-primary));min-width:0;box-shadow:0 1px 3px #0000000f}.lane__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-structure);flex-shrink:0}.lane__name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);color:var(--color-text)}.lane__count{font-size:var(--text-sm);color:var(--color-text-muted)}.lane__count--at-limit{color:var(--color-tertiary);font-weight:500}.lane__cards{flex:1;padding:var(--space-2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.card{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-structure);border-radius:var(--radius-md);border-left:4px solid var(--lane-accent, var(--color-structure));border-top:3px solid var(--lane-accent, var(--color-structure));opacity:1;transform:scale(1);transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 1px 2px #0000000a}.card--moving{opacity:0;transform:scale(.96);box-shadow:0 4px 12px #0000001f}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:0 2px 8px #00000014}.card__id{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.card__title{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:600;line-height:1.3;color:var(--color-text)}.card__description{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.card__meta{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex;gap:var(--space-3);flex-wrap:wrap}.card__deps{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.main{padding:var(--space-3)}.board__name{font-size:var(--text-lg);margin-bottom:var(--space-3)}.board__lanes{gap:var(--space-3);min-height:10rem}.lane{flex:0 0 min(18rem,100%)}.lane__header{padding:var(--space-3)}.card{padding:var(--space-3);min-height:44px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-surface);border:1px solid var(--color-structure);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;max-width:min(72rem,92vw);max-height:90vh;width:min(72rem,92vw);display:flex;flex-direction:column;min-width:0}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-structure);border-top:3px solid var(--color-structure);flex-shrink:0}.modal__header-inner{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;min-width:0}.modal__title{margin:0;font-size:var(--text-lg);font-weight:600;line-height:1.3;color:var(--color-text)}.modal__id{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-1)}.modal__status{flex-shrink:0;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--color-surface);border-radius:var(--radius-sm);white-space:nowrap}.modal__close{flex-shrink:0;width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.modal__close:hover{color:var(--color-text);background:var(--color-background)}.modal__body{padding:var(--space-4);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;min-width:0}.modal__section-title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.modal__description-section{margin-bottom:var(--space-4)}.modal__description-section:last-child{margin-bottom:0}.modal__description{margin:0 0 var(--space-3);font-size:var(--text-sm);line-height:1.5;color:var(--color-text)}.modal__meta{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);display:flex;gap:var(--space-3)}.modal__deps{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.modal__spec{margin-top:var(--space-4);padding-top:0}.modal__spec--with-separator{padding-top:var(--space-3);border-top:1px solid var(--color-structure)}.modal__spec-title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.modal__spec-loading,.modal__spec-error{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.modal__spec-error{color:var(--color-tertiary)}.modal__spec-content{margin:0;padding:var(--space-3);font-size:var(--text-sm);line-height:1.6;background:var(--color-background);border:1px solid var(--color-structure);border-radius:var(--radius-md);max-height:24rem;overflow-y:auto;overflow-wrap:break-word;word-break:break-word;min-width:0}.modal__spec-content h1,.modal__spec-content h2,.modal__spec-content h3{margin:var(--space-3) 0 var(--space-2);font-weight:600;color:var(--color-text);line-height:1.3}.modal__spec-content h1{font-size:var(--text-lg)}.modal__spec-content h2{font-size:var(--text-base)}.modal__spec-content h3{font-size:var(--text-sm)}.modal__spec-content h1:first-child,.modal__spec-content h2:first-child,.modal__spec-content h3:first-child{margin-top:0}.modal__spec-content p{margin:0 0 var(--space-2);color:var(--color-text)}.modal__spec-content ul,.modal__spec-content ol{margin:0 0 var(--space-2);padding-left:1.25rem}.modal__spec-content li{margin-bottom:var(--space-1)}.modal__spec-content code{font-family:ui-monospace,monospace;font-size:.9em;padding:.1em .3em;background:var(--color-surface);border:1px solid var(--color-structure);border-radius:var(--radius-sm);white-space:normal;word-break:break-word;overflow-wrap:break-word}.modal__spec-content pre{margin:0 0 var(--space-2);padding:var(--space-3);overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-structure);border-radius:var(--radius-md);font-size:var(--text-xs);min-width:0}.modal__spec-content pre code{padding:0;background:none;border:none}.modal__spec-content blockquote{margin:0 0 var(--space-2);padding-left:var(--space-3);border-left:3px solid var(--color-structure);color:var(--color-text-muted)}.modal__spec-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-2);font-size:var(--text-xs)}.modal__spec-content th,.modal__spec-content td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-structure);text-align:left}.modal__spec-content th{font-weight:600;background:var(--color-surface)}.modal__spec-content a{color:var(--color-primary);text-decoration:none}.modal__spec-content a:hover{text-decoration:underline}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<link rel="icon" href="/logo.png" type="image/png" />
|
|
7
|
+
<title>Statecraft — Board</title>
|
|
8
|
+
<script>
|
|
9
|
+
(function () {
|
|
10
|
+
var s = localStorage.getItem("statecraft-theme");
|
|
11
|
+
if (s === "light" || s === "dark") {
|
|
12
|
+
document.documentElement.setAttribute("data-theme", s);
|
|
13
|
+
} else if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
|
|
14
|
+
document.documentElement.setAttribute("data-theme", "dark");
|
|
15
|
+
}
|
|
16
|
+
})();
|
|
17
|
+
</script>
|
|
18
|
+
<script type="module" crossorigin src="/assets/index-BlQ7Y9tG.js"></script>
|
|
19
|
+
<link rel="stylesheet" crossorigin href="/assets/index-d6soJrAs.css">
|
|
20
|
+
</head>
|
|
21
|
+
<body>
|
|
22
|
+
<div id="root"></div>
|
|
23
|
+
</body>
|
|
24
|
+
</html>
|
|
Binary file
|