@joinezco/codeblock 0.0.9 → 0.0.11

package/dist/panels/{footer.js → settings.js}

@@ -1,5 +1,5 @@
 import { EditorView } from "@codemirror/view";
-import { StateEffect, StateField } from "@codemirror/state";
+import { Facet, StateEffect, StateField } from "@codemirror/state";
 import { setThemeEffect, lineWrappingCompartment } from "../editor";
 const defaultSettings = {
     theme: 'system',
@@ -10,11 +10,20 @@ const defaultSettings = {
     lspLogEnabled: false,
     agentUrl: '',
     terminalEnabled: false,
+    maxVisibleLines: 0,
+    showLineNumbers: true,
+    showFoldGutter: true,
+    autoHideToolbar: false,
 };
+/** Facet carrying initial settings so settingsField.create() can read them without circular imports. */
+export const InitialSettingsFacet = Facet.define({
+    combine: (values) => Object.assign({}, ...values),
+});
 export const updateSettingsEffect = StateEffect.define();
 export const settingsField = StateField.define({
-    create() {
-        return { ...defaultSettings };
+    create(state) {
+        const initial = state.facet(InitialSettingsFacet);
+        return { ...defaultSettings, ...initial };
     },
     update(value, tr) {
         for (const e of tr.effects) {

package/dist/panels/terminal.d.ts

@@ -0,0 +1,3 @@
+import { EditorView } from "@codemirror/view";
+/** Open (or toggle) the terminal panel on the given editor view. */
+export declare function openTerminal(view: EditorView): Promise<void>;

package/dist/panels/terminal.js

@@ -0,0 +1,76 @@
+import { showPanel } from "@codemirror/view";
+import { terminalCompartment } from "../editor";
+import { settingsField, resolveThemeDark } from "./settings";
+let ghosttyModule = null;
+async function ensureGhostty() {
+    if (ghosttyModule)
+        return ghosttyModule;
+    // Dynamic import — ghostty-web is loaded only when the terminal is opened.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    const mod = await import('ghostty-web');
+    await mod.init();
+    ghosttyModule = mod;
+    return mod;
+}
+const CLOSE_ICON = '\uf00d'; // nf-fa-close
+function createTerminalPanel(view) {
+    const dom = document.createElement("div");
+    dom.className = "cm-terminal-panel";
+    // Header bar with close button
+    const header = document.createElement("div");
+    header.className = "cm-terminal-header";
+    const title = document.createElement("span");
+    title.className = "cm-terminal-title";
+    title.textContent = "Terminal";
+    header.appendChild(title);
+    const closeBtn = document.createElement("button");
+    closeBtn.className = "cm-terminal-close";
+    closeBtn.style.fontFamily = 'var(--cm-icon-font-family)';
+    closeBtn.textContent = CLOSE_ICON;
+    closeBtn.title = "Close terminal";
+    closeBtn.addEventListener("click", () => {
+        view.dispatch({
+            effects: terminalCompartment.reconfigure([]),
+        });
+    });
+    header.appendChild(closeBtn);
+    dom.appendChild(header);
+    // Terminal container
+    const container = document.createElement("div");
+    container.className = "cm-terminal-container";
+    dom.appendChild(container);
+    let terminal = null;
+    // Lazy-load ghostty-web and mount
+    ensureGhostty().then(({ Terminal }) => {
+        if (!dom.isConnected)
+            return;
+        const settings = view.state.field(settingsField);
+        const dark = resolveThemeDark(settings.theme);
+        terminal = new Terminal({
+            fontSize: settings.fontSize,
+            theme: dark
+                ? { background: '#1e1e1e', foreground: '#d4d4d4' }
+                : { background: '#ffffff', foreground: '#1e1e1e' },
+        });
+        terminal.open(container);
+        terminal.write('\x1b[1;32m$\x1b[0m Terminal ready (no backend connected)\r\n');
+    }).catch((err) => {
+        container.textContent = `Failed to load terminal: ${err.message}`;
+        container.style.padding = '8px';
+        container.style.color = '#f44';
+    });
+    return {
+        dom,
+        top: false,
+        destroy() {
+            terminal?.dispose?.();
+            terminal = null;
+        },
+    };
+}
+/** Open (or toggle) the terminal panel on the given editor view. */
+export async function openTerminal(view) {
+    view.dispatch({
+        effects: terminalCompartment.reconfigure(showPanel.of(createTerminalPanel)),
+    });
+}

package/dist/panels/toolbar.d.ts

@@ -3,11 +3,32 @@ import { StateField } from "@codemirror/state";
 import { HighlightedSearch } from "../utils/search";
 export interface CommandResult {
     id: string;
-    type: 'create-file' | 'rename-file' | 'import-local-files' | 'import-local-folder' | 'open-file';
+    type: 'create-file' | 'save-as' | 'rename-file' | 'import-local-files' | 'import-local-folder' | 'open-file' | 'settings' | 'open-terminal' | 'file-action';
     icon: string;
     iconColor?: string;
     query: string;
     requiresInput?: boolean;
+    /** For type 'file-action': callback executed when the command is selected. */
+    action?: (view: EditorView) => void;
+}
+export interface FileActionEntry {
+    /** File extensions this command applies to (e.g. ['svg']) */
+    extensions: string[];
+    /** Display label */
+    label: string;
+    /** Nerd Font icon glyph */
+    icon: string;
+    /** Callback when selected */
+    action: (view: EditorView) => void;
+}
+/** Register a command that appears when files with matching extensions are open. */
+export declare function registerFileAction(entry: FileActionEntry): void;
+export interface SettingsEntry {
+    id: string;
+    settingKey: string;
+    type: 'settings-toggle' | 'settings-cycle' | 'settings-input';
+    icon: string;
+    currentValue: string;
 }
 export interface BrowseEntry {
     id: string;
@@ -16,10 +37,10 @@ export interface BrowseEntry {
     iconColor?: string;
     fullPath: string;
 }
-export type SearchResult = HighlightedSearch | CommandResult | BrowseEntry;
+export type SearchResult = HighlightedSearch | CommandResult | BrowseEntry | SettingsEntry;
 export interface NamingMode {
     active: boolean;
-    type: 'create-file' | 'rename-file';
+    type: 'create-file' | 'save-as' | 'rename-file';
     originalQuery: string;
     languageExtension?: string;
 }
@@ -28,6 +49,22 @@ export interface BrowseMode {
     currentPath: string;
     filter: string;
 }
+export interface SettingsMode {
+    active: boolean;
+    filter: string;
+    editing: string | null;
+}
+export interface DeleteMode {
+    active: boolean;
+    filePath: string;
+}
+export interface OverwriteMode {
+    active: boolean;
+    filePath: string;
+    action: 'save-as' | 'create-file' | 'rename';
+    /** For rename: the old path to delete after overwrite */
+    oldPath?: string;
+}
 export declare const setSearchResults: import("@codemirror/state").StateEffectType<SearchResult[]>;
 export declare const searchResultsField: StateField<SearchResult[]>;
 export declare const toolbarPanel: (view: EditorView) => Panel;