1.0.33
This commit is contained in:
85 files changed
+10118
-1046
No files matched your search
@@ -0,0 +1,37 @@
|
||||
<script lang="ts">
|
||||
import { Label } from '$lib/components/ui/label';
|
||||
import { TogglePill } from '$lib/components/ui/toggle-pill';
|
||||
import { themeStore } from '$lib/stores/theme';
|
||||
import { authStore } from '$lib/stores/auth';
|
||||
import { toast } from 'svelte-sonner';
|
||||
|
||||
interface Props {
|
||||
userId?: number; // omit for global default (login page / auth-disabled)
|
||||
}
|
||||
|
||||
let { userId }: Props = $props();
|
||||
|
||||
// Same "skip applying" rule as ThemeSelector: don't toggle the live document
|
||||
// when the admin is editing the global default while logged in (their own
|
||||
// per-user preference still drives their session).
|
||||
const skipApply = $derived($authStore.loading ? true : ($authStore.authEnabled && !userId));
|
||||
|
||||
let checked = $state(true);
|
||||
$effect(() => {
|
||||
checked = $themeStore.animateIcons;
|
||||
});
|
||||
|
||||
function onToggle(value: boolean) {
|
||||
checked = value;
|
||||
themeStore.setPreference('animateIcons', value, userId, skipApply);
|
||||
toast.success(value ? 'Icon animation enabled' : 'Icon animation disabled');
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="space-y-1">
|
||||
<div class="flex items-center gap-3">
|
||||
<Label>Animate icons</Label>
|
||||
<TogglePill {checked} onchange={onToggle} />
|
||||
</div>
|
||||
<p class="text-xs text-muted-foreground">Spinners during pulls, scans and updates.</p>
|
||||
</div>
|
||||
@@ -0,0 +1,127 @@
|
||||
<script lang="ts">
|
||||
import { GitPullRequestArrow } from 'lucide-svelte';
|
||||
import { parseChangelogTokens, tokenHref, type ChangelogToken } from '$lib/utils/changelog-tokens';
|
||||
|
||||
let { text }: { text: string } = $props();
|
||||
|
||||
type Group = { kind: 'text'; value: string } | { kind: 'refs'; refs: ChangelogToken[] };
|
||||
|
||||
const groups = $derived.by<Group[]>(() => {
|
||||
const tokens = parseChangelogTokens(text);
|
||||
const result: Group[] = [];
|
||||
let textBuf = '';
|
||||
let refBuf: ChangelogToken[] = [];
|
||||
|
||||
const flushText = () => {
|
||||
if (textBuf) {
|
||||
result.push({ kind: 'text', value: textBuf });
|
||||
textBuf = '';
|
||||
}
|
||||
};
|
||||
const flushRefs = () => {
|
||||
if (refBuf.length) {
|
||||
result.push({ kind: 'refs', refs: refBuf });
|
||||
refBuf = [];
|
||||
}
|
||||
};
|
||||
|
||||
for (const t of tokens) {
|
||||
if (t.kind === 'text') {
|
||||
// If the gap between consecutive ref groups is only "glue" (whitespace,
|
||||
// commas, parens), keep collecting into the same refs group. Otherwise
|
||||
// it ends the group.
|
||||
if (refBuf.length && /^[\s,()]*$/.test(t.value)) {
|
||||
continue;
|
||||
}
|
||||
if (refBuf.length) {
|
||||
flushRefs();
|
||||
}
|
||||
// Strip a trailing " (" left over before the upcoming refs group.
|
||||
textBuf += t.value;
|
||||
} else {
|
||||
// Trim trailing glue from textBuf so we don't render "foo (".
|
||||
if (refBuf.length === 0) {
|
||||
textBuf = textBuf.replace(/[\s(]+$/, '');
|
||||
}
|
||||
flushText();
|
||||
refBuf.push(t);
|
||||
}
|
||||
}
|
||||
flushRefs();
|
||||
// Trim trailing glue (e.g. ")") from leftover text.
|
||||
textBuf = textBuf.replace(/^[\s,)]+/, '');
|
||||
flushText();
|
||||
return result;
|
||||
});
|
||||
|
||||
function refLabel(token: ChangelogToken): string {
|
||||
if (token.kind === 'issue') return `#${token.num}`;
|
||||
if (token.kind === 'pr') return `#${token.num}`;
|
||||
if (token.kind === 'user') return `@${token.name}`;
|
||||
return '';
|
||||
}
|
||||
|
||||
function refTitle(token: ChangelogToken): string {
|
||||
if (token.kind === 'issue') return `Issue #${token.num}`;
|
||||
if (token.kind === 'pr') return `Pull request #${token.num}`;
|
||||
if (token.kind === 'user') return `@${token.name} on GitHub`;
|
||||
return '';
|
||||
}
|
||||
</script>
|
||||
|
||||
<span class="text-sm">
|
||||
{#each groups as group, i (i)}
|
||||
{#if group.kind === 'text'}
|
||||
{group.value}
|
||||
{:else}
|
||||
<span class="changelog-refs">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
|
||||
</svg>
|
||||
{#each group.refs as ref, j (j)}
|
||||
{#if j > 0}<span class="changelog-refs-sep"> · </span>{/if}
|
||||
<a
|
||||
href={tokenHref(ref)}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
title={refTitle(ref)}
|
||||
class="changelog-refs-link"
|
||||
>{#if ref.kind === 'pr'}<GitPullRequestArrow class="changelog-pr-icon" />{/if}{refLabel(ref)}</a>
|
||||
{/each}
|
||||
</span>
|
||||
{/if}
|
||||
{/each}
|
||||
</span>
|
||||
|
||||
<style>
|
||||
.changelog-refs {
|
||||
display: inline;
|
||||
opacity: 0.55;
|
||||
margin-left: 4px;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
.changelog-refs svg {
|
||||
display: inline;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
vertical-align: -1px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.changelog-refs-link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.changelog-refs-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.changelog-refs-sep {
|
||||
color: inherit;
|
||||
}
|
||||
.changelog-refs-link :global(.changelog-pr-icon) {
|
||||
display: inline;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
vertical-align: -1px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,14 +1,18 @@
|
||||
<script lang="ts">
|
||||
import { onMount, onDestroy } from 'svelte';
|
||||
import { EditorState, StateField, StateEffect, RangeSet } from '@codemirror/state';
|
||||
import { EditorState, StateField, StateEffect, RangeSet, Prec } from '@codemirror/state';
|
||||
import { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter, gutter, GutterMarker, Decoration, WidgetType, type DecorationSet } from '@codemirror/view';
|
||||
// Note: Secret masking was removed - secrets are now excluded from the raw editor entirely
|
||||
// and are only stored in the database (never written to .env file)
|
||||
import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
|
||||
import { syntaxHighlighting, defaultHighlightStyle, indentOnInput, bracketMatching, StreamLanguage, type StreamParser } from '@codemirror/language';
|
||||
import { defaultKeymap, history, historyKeymap, indentWithTab, insertNewlineAndIndent } from '@codemirror/commands';
|
||||
import { syntaxHighlighting, defaultHighlightStyle, indentOnInput, bracketMatching, indentUnit, StreamLanguage, type StreamParser } from '@codemirror/language';
|
||||
import { searchKeymap, highlightSelectionMatches } from '@codemirror/search';
|
||||
import { autocompletion, completionKeymap, closeBrackets, closeBracketsKeymap, type CompletionContext, type CompletionResult } from '@codemirror/autocomplete';
|
||||
import { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';
|
||||
import { shell } from '@codemirror/legacy-modes/mode/shell';
|
||||
import { dockerFile } from '@codemirror/legacy-modes/mode/dockerfile';
|
||||
import { toml } from '@codemirror/legacy-modes/mode/toml';
|
||||
import { properties } from '@codemirror/legacy-modes/mode/properties';
|
||||
|
||||
// Simple dotenv/env file language parser
|
||||
const dotenvParser: StreamParser<{ inValue: boolean }> = {
|
||||
@@ -496,6 +500,21 @@
|
||||
initialSpacer: () => new VariableGutterMarker('required')
|
||||
});
|
||||
|
||||
// YAML Enter handler: after a key-only line ending with ":", indent one level
|
||||
// deeper than what the default indent service returns (it can't predict child
|
||||
// indent when no child content exists yet).
|
||||
function yamlNewlineAndIndent(view: EditorView): boolean {
|
||||
const { state } = view;
|
||||
const line = state.doc.lineAt(state.selection.main.head);
|
||||
const withoutComment = line.text.trimEnd().replace(/#.*$/, '').trimEnd();
|
||||
if (!withoutComment.endsWith(':')) return false;
|
||||
insertNewlineAndIndent(view);
|
||||
const unit = state.facet(indentUnit);
|
||||
const cursor = view.state.selection.main.head;
|
||||
view.dispatch({ changes: { from: cursor, insert: unit }, selection: { anchor: cursor + unit.length } });
|
||||
return true;
|
||||
}
|
||||
|
||||
// Get language extension based on language name
|
||||
function getLanguageExtension(lang: string) {
|
||||
switch (lang) {
|
||||
@@ -527,12 +546,18 @@
|
||||
return xml();
|
||||
case 'sql':
|
||||
return sql();
|
||||
case 'dockerfile':
|
||||
case 'shell':
|
||||
case 'bash':
|
||||
case 'sh':
|
||||
// No dedicated shell/dockerfile support, use basic highlighting
|
||||
return [];
|
||||
return StreamLanguage.define(shell);
|
||||
case 'dockerfile':
|
||||
return StreamLanguage.define(dockerFile);
|
||||
case 'toml':
|
||||
return StreamLanguage.define(toml);
|
||||
case 'ini':
|
||||
case 'conf':
|
||||
case 'properties':
|
||||
return StreamLanguage.define(properties);
|
||||
case 'dotenv':
|
||||
case 'env':
|
||||
return StreamLanguage.define(dotenvParser);
|
||||
@@ -671,7 +696,9 @@
|
||||
]),
|
||||
...themeExtensions,
|
||||
EditorView.lineWrapping,
|
||||
getLanguageExtension(language)
|
||||
EditorState.tabSize.of(2),
|
||||
getLanguageExtension(language),
|
||||
...(language === 'yaml' ? [Prec.high(keymap.of([{ key: 'Enter', run: yamlNewlineAndIndent }]))] : [])
|
||||
].flat();
|
||||
|
||||
if (readonly) {
|
||||
|
||||
@@ -309,7 +309,7 @@
|
||||
class="h-10"
|
||||
>
|
||||
{#if isPulling}
|
||||
<Loader2 class="w-4 h-4 mr-2 animate-spin" />
|
||||
<Download class="w-4 h-4 mr-2 animate-spin" />
|
||||
Pulling...
|
||||
{:else}
|
||||
<Download class="w-4 h-4" />
|
||||
@@ -327,7 +327,7 @@
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="flex items-center gap-2">
|
||||
{#if status === 'pulling'}
|
||||
<Loader2 class="w-4 h-4 animate-spin text-blue-600" />
|
||||
<Download class="w-4 h-4 animate-spin text-blue-600" />
|
||||
<span class="text-sm">Pulling layers...</span>
|
||||
{:else if status === 'complete'}
|
||||
<CheckCircle2 class="w-4 h-4 text-green-600" />
|
||||
|
||||
@@ -228,7 +228,7 @@
|
||||
<Shield class="w-4 h-4 text-muted-foreground" />
|
||||
<span class="text-sm text-muted-foreground">Ready to scan</span>
|
||||
{:else if status === 'scanning'}
|
||||
<Loader2 class="w-4 h-4 animate-spin text-blue-600" />
|
||||
<Shield class="w-4 h-4 animate-spin text-blue-600" />
|
||||
<span class="text-sm">Scanning for vulnerabilities...</span>
|
||||
{:else if status === 'complete'}
|
||||
{#if hasCriticalOrHigh}
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
import { Button } from '$lib/components/ui/button';
|
||||
import { Sparkles, Bug, Zap, CheckCircle, ScrollText } from 'lucide-svelte';
|
||||
import { compareVersions } from '$lib/utils/version';
|
||||
import ChangelogText from '$lib/components/ChangelogText.svelte';
|
||||
|
||||
interface ChangelogEntry {
|
||||
version: string;
|
||||
@@ -66,7 +67,7 @@
|
||||
{@const { icon: Icon, class: iconClass } = getChangeIcon(change.type)}
|
||||
<div class="flex items-start gap-2">
|
||||
<Icon class="w-4 h-4 mt-0.5 shrink-0 {iconClass}" />
|
||||
<span class="text-sm">{change.text}</span>
|
||||
<ChangelogText text={change.text} />
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user