From 5a79ddee79f18c533fa6119fa6f833c6bb499efa Mon Sep 17 00:00:00 2001 From: Wild Karl-Heinz Date: Mon, 28 Sep 2026 02:11:51 +0200 Subject: [PATCH] =?UTF-8?q?Start=20with=20an=20empty=20document;=20offer?= =?UTF-8?q?=20Datei=20=E2=80=BA=20Neu=20and=20Datei=20=E2=80=BA=20Muster?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A first start (nothing in localStorage) now opens a blank document -- one sheet "Blatt 1" with an empty "Tabelle 1" -- instead of the pre-filled sample. The file menu gets "Neu" (blank document) and "Muster · Umsatzanalyse" (the former seed), both behind a confirm and both starting a fresh undo history. The toolbar's "Zurücksetzen" button is gone; its job is now Datei › Muster. Co-Authored-By: Claude Opus 5.5 --- README.md | 12 +++++++----- src/components/AppToolbar.vue | 17 +++++++++++++---- src/data/seed.ts | 21 +++++++++++++++++++++ src/store/__tests__/document.spec.ts | 13 +++++++++++++ src/store/document.ts | 10 ++++++++-- 5 files changed, 62 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 2f14cd3..f5bad26 100644 --- a/README.md +++ b/README.md @@ -1060,11 +1060,13 @@ Alles clientseitig (`Blob` + `URL.createObjectURL` + `` + revoke). ## Persistenz Das gesamte Dokument wird (debounced) nach `localStorage` gespiegelt, robust -gegen leeren/kaputten State — Fallback ist das Seed-Dokument. Ein v1-State im -Storage wird beim Laden migriert. Button **„Zurücksetzen"** stellt das -Seed-Dokument wieder her. +gegen leeren/kaputten State — Fallback ist ein **leeres Dokument** (ein Blatt +„Blatt 1" mit einer leeren „Tabelle 1"). Ein v1-State im Storage wird beim +Laden migriert. **Datei › Neu** legt ein neues leeres Dokument an, **Datei › +Muster · Umsatzanalyse** lädt das vorbefüllte Musterdokument (beides nach +Rückfrage, die bisherigen Änderungen gehen verloren). -## Vorbefülltes Dokument +## Vorbefülltes Dokument (Datei › Muster) Blatt **„Analyse"** mit drei Tabellen-Objekten (**Umsatz**, **Kosten**, **Übersicht**) und einem **Diagramm** (Umsatz je Region), plus ein leeres Blatt @@ -1452,6 +1454,6 @@ src/ numolus-logo.svg # Marke: drei überlappende Pop-Art-Quadrate + Schriftzug config/brand.ts # Herausgeber-Metadaten (wicom.li) + Social-Media-Liste composables/ # Theme, Toasts - data/seed.ts # vorbefülltes Dokument + data/seed.ts # leeres Dokument + Musterdokument styles/main.css # Design-Tokens (Light/Dark) ``` diff --git a/src/components/AppToolbar.vue b/src/components/AppToolbar.vue index aa9a016..380e9ee 100644 --- a/src/components/AppToolbar.vue +++ b/src/components/AppToolbar.vue @@ -196,10 +196,17 @@ async function doImport(action: 'replace' | 'append' | 'confirm') { } } -function onReset() { - if (confirm('Vorbefülltes Dokument wiederherstellen? Alle Änderungen gehen verloren.')) { +function onNew() { + if (confirm('Neues, leeres Dokument anlegen? Alle Änderungen gehen verloren.')) { + store.newDocument(); + toasts.info('Neues Dokument angelegt.'); + } +} + +function onSample() { + if (confirm('Musterdokument laden? Alle Änderungen gehen verloren.')) { store.resetToSeed(); - toasts.info('Dokument zurückgesetzt.'); + toasts.info('Musterdokument geladen.'); } } @@ -291,6 +298,9 @@ function onReset() {
    +
    • +
    • +
    • @@ -310,7 +320,6 @@ function onReset() { > - Verarbeite … diff --git a/src/data/seed.ts b/src/data/seed.ts index 7b5b2ba..a90fc76 100644 --- a/src/data/seed.ts +++ b/src/data/seed.ts @@ -1,4 +1,7 @@ /** + * Document templates: `createBlankDocument()` (Datei › Neu, and what a first + * start opens) and `createSeedDocument()` (Datei › Muster). + * * The pre-filled document ("roter Faden" of the study), in the v2 canvas model: * one sheet ("Analyse") carrying three table objects and a chart object, plus a * second empty sheet to try things out. @@ -144,3 +147,21 @@ export function createSeedDocument(): DocumentState { macros: [], }; } + +/** An empty document: one sheet with one empty table, ready to type into. */ +export function createBlankDocument(): DocumentState { + const table = makeTable('Tabelle 1', 40, 40, 12, 6, []); + const sheet = { id: nextId('sheet'), name: 'Blatt 1', objects: [table] }; + return { + version: 2, + sheets: [sheet], + activeSheetId: sheet.id, + activeObjectId: table.id, + selection: { tableId: table.id, anchor: { col: 0, row: 0 }, focus: { col: 0, row: 0 } }, + locale: 'de-DE', + csvDelimiter: ',', + customFunctions: [], + namedRanges: [], + macros: [], + }; +} diff --git a/src/store/__tests__/document.spec.ts b/src/store/__tests__/document.spec.ts index a6e8a53..fbc1e81 100644 --- a/src/store/__tests__/document.spec.ts +++ b/src/store/__tests__/document.spec.ts @@ -120,6 +120,19 @@ describe('seed document acceptance (canvas model)', () => { expect(val(s, 'Übersicht', 'B2')).toBe(5970); }); + it('newDocument replaces everything with one empty sheet + table and a fresh history', () => { + const s = fresh(); + setCell(s, 'Umsatz', 'B2', '99999'); + s.newDocument(); + expect(s.doc.sheets).toHaveLength(1); + expect(s.doc.sheets[0].name).toBe('Blatt 1'); + const [table] = s.doc.sheets[0].objects; + expect(table.kind === 'table' && table.name).toBe('Tabelle 1'); + expect(table.kind === 'table' && Object.keys(table.cells)).toEqual([]); + expect(s.doc.namedRanges).toEqual([]); + expect(s.canUndo.value).toBe(false); + }); + it('inserting a new table and referencing it across sheets works', () => { const s = fresh(); const sheet2 = s.doc.sheets[1].id; diff --git a/src/store/document.ts b/src/store/document.ts index dc387ee..6371b61 100644 --- a/src/store/document.ts +++ b/src/store/document.ts @@ -77,7 +77,7 @@ import type { TextObject, } from './types'; import { defaultTableView, DEFAULT_ROW_H, MIN_GRID_SIZE, MAX_GRID_SIZE } from './types'; -import { createSeedDocument } from '../data/seed'; +import { createBlankDocument, createSeedDocument } from '../data/seed'; import { validateDocument } from '../io/json'; const STORAGE_KEY = 'numolus:doc:v2'; @@ -535,7 +535,7 @@ function loadInitial(): DocumentState { } catch { /* missing / corrupt / stale-schema -> clean fallback */ } - return createSeedDocument(); + return createBlankDocument(); } // ---- store singleton -------------------------------------------------- @@ -2848,6 +2848,11 @@ function createStore() { applyDocumentState(next); resetHistory(); } + /** Datei › Neu: an empty document. */ + function newDocument() { + replaceDocument(createBlankDocument()); + } + /** Datei › Muster: the pre-filled sample document. */ function resetToSeed() { replaceDocument(createSeedDocument()); } @@ -3040,6 +3045,7 @@ function createStore() { pointDrag, // document replaceDocument, + newDocument, resetToSeed, appendSheets, addTableFromCells,