deskforge 1.0.0

package/examples/notekeeper/dist/components/noteCard.js

@@ -0,0 +1,124 @@
+"use strict";
+// NoteCard.dtx
+// A single note card component.
+// Shows title, preview, date, and action buttons.
+// Used in the notes list on the Home screen.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoteCard = void 0;
+const tree_1 = require("@deskforge/core//tree");
+const state_1 = require("@deskforge/state/");
+const component_1 = require("@deskforge/core//component");
+// NoteCard component
+// Shows note preview with action buttons
+exports.NoteCard = (0, component_1.Component)((props) => {
+    const { note } = props;
+    // Local state for hover
+    const state = (0, state_1.State)({ hovered: false });
+    // Format the date
+    function formatDate(timestamp) {
+        const date = new Date(timestamp);
+        return date.toLocaleDateString('en-GB', {
+            day: '2-digit',
+            month: 'short',
+            year: 'numeric',
+        });
+    }
+    // Get content preview — first 100 chars
+    function preview(content) {
+        if (content.length <= 100)
+            return content;
+        return content.slice(0, 100) + '...';
+    }
+    // The card node tree
+    return (0, tree_1.createNode)('Card', {
+        padding: 16,
+        radius: 8,
+        background: state.hovered ? 'surfaceAlt' : 'surface',
+        shadow: state.hovered ? 'md' : 'sm',
+        cursor: 'pointer',
+        transition: { duration: 150, easing: 'easeOut' },
+        onHoverEnter: () => { state.hovered = true; },
+        onHoverLeave: () => { state.hovered = false; },
+        onClick: props.onOpen,
+    }, [
+        // Top row — title and pin indicator
+        (0, tree_1.createNode)('Row', {
+            align: 'center',
+            gap: 8,
+            marginBottom: 8,
+        }, [
+            // Pin icon if pinned
+            note.pinned
+                ? (0, tree_1.createNode)('Icon', {
+                    name: 'pin',
+                    size: 14,
+                    color: 'primary',
+                })
+                : (0, tree_1.createNode)('Fragment', {}),
+            // Note title
+            (0, tree_1.createNode)('Text', {
+                value: note.title,
+                style: 'subheading',
+                flex: 1,
+                maxLines: 1,
+                overflow: 'ellipsis',
+            }),
+        ]),
+        // Content preview
+        (0, tree_1.createNode)('Text', {
+            value: preview(note.content),
+            style: 'body',
+            color: 'textMuted',
+            maxLines: 2,
+            overflow: 'ellipsis',
+            marginBottom: 12,
+        }),
+        // Bottom row — date and actions
+        (0, tree_1.createNode)('Row', {
+            align: 'center',
+            justify: 'space-between',
+        }, [
+            // Date
+            (0, tree_1.createNode)('Text', {
+                value: formatDate(note.updatedAt),
+                style: 'caption',
+                color: 'textMuted',
+            }),
+            // Action buttons
+            (0, tree_1.createNode)('Row', { gap: 4 }, [
+                // Pin button
+                (0, tree_1.createNode)('Button', {
+                    variant: 'ghost',
+                    icon: note.pinned ? 'pin-filled' : 'pin',
+                    size: 'sm',
+                    onClick: (e) => {
+                        e.stopPropagation();
+                        props.onTogglePin();
+                    },
+                }),
+                // Archive button
+                (0, tree_1.createNode)('Button', {
+                    variant: 'ghost',
+                    icon: 'archive',
+                    size: 'sm',
+                    onClick: (e) => {
+                        e.stopPropagation();
+                        props.onToggleArchive();
+                    },
+                }),
+                // Delete button
+                (0, tree_1.createNode)('Button', {
+                    variant: 'ghost',
+                    icon: 'trash',
+                    size: 'sm',
+                    color: 'danger',
+                    onClick: (e) => {
+                        e.stopPropagation();
+                        props.onDelete();
+                    },
+                }),
+            ]),
+        ]),
+    ]);
+});
+//# sourceMappingURL=noteCard.js.map

package/examples/notekeeper/dist/components/noteCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noteCard.js","sourceRoot":"","sources":["../../src/components/noteCard.ts"],"names":[],"mappings":";AAAA,eAAe;AACf,gCAAgC;AAChC,kDAAkD;AAClD,6CAA6C;;;AAE7C,gDAE2C;AAC3C,6CAAyC;AAEzC,0DAAoD;AAWpD,qBAAqB;AACrB,yCAAyC;AAC5B,QAAA,QAAQ,GAAG,IAAA,qBAAS,EAAC,CAAC,KAAoB,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAEtB,wBAAwB;IACxB,MAAM,KAAK,GAAG,IAAA,aAAK,EAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAEvC,kBAAkB;IAClB,SAAS,UAAU,CAAC,SAAiB;QACnC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAA;QAChC,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACtC,GAAG,EAAI,SAAS;YAChB,KAAK,EAAE,OAAO;YACd,IAAI,EAAG,SAAS;SACjB,CAAC,CAAA;IACJ,CAAC;IAED,wCAAwC;IACxC,SAAS,OAAO,CAAC,OAAe;QAC9B,IAAI,OAAO,CAAC,MAAM,IAAI,GAAG;YAAE,OAAO,OAAO,CAAA;QACzC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;IACtC,CAAC;IAED,qBAAqB;IACrB,OAAO,IAAA,iBAAU,EAAC,MAAM,EAAE;QACxB,OAAO,EAAK,EAAE;QACd,MAAM,EAAM,CAAC;QACb,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;QACpD,MAAM,EAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;QACvC,MAAM,EAAM,SAAS;QACrB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE;QAEhD,YAAY,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA,CAAE,CAAC;QAC7C,YAAY,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA,CAAC,CAAC;QAC7C,OAAO,EAAQ,KAAK,CAAC,MAAM;KAC5B,EAAE;QAED,oCAAoC;QACpC,IAAA,iBAAU,EAAC,KAAK,EAAE;YAChB,KAAK,EAAI,QAAQ;YACjB,GAAG,EAAM,CAAC;YACV,YAAY,EAAE,CAAC;SAChB,EAAE;YACD,qBAAqB;YACrB,IAAI,CAAC,MAAM;gBACT,CAAC,CAAC,IAAA,iBAAU,EAAC,MAAM,EAAE;oBACjB,IAAI,EAAG,KAAK;oBACZ,IAAI,EAAG,EAAE;oBACT,KAAK,EAAE,SAAS;iBACjB,CAAC;gBACJ,CAAC,CAAC,IAAA,iBAAU,EAAC,UAAU,EAAE,EAAE,CAAC;YAE9B,aAAa;YACb,IAAA,iBAAU,EAAC,MAAM,EAAE;gBACjB,KAAK,EAAO,IAAI,CAAC,KAAK;gBACtB,KAAK,EAAO,YAAY;gBACxB,IAAI,EAAQ,CAAC;gBACb,QAAQ,EAAI,CAAC;gBACb,QAAQ,EAAI,UAAU;aACvB,CAAC;SACH,CAAC;QAEF,kBAAkB;QAClB,IAAA,iBAAU,EAAC,MAAM,EAAE;YACjB,KAAK,EAAK,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;YAC/B,KAAK,EAAK,MAAM;YAChB,KAAK,EAAK,WAAW;YACrB,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,EAAE;SACjB,CAAC;QAEF,gCAAgC;QAChC,IAAA,iBAAU,EAAC,KAAK,EAAE;YAChB,KAAK,EAAI,QAAQ;YACjB,OAAO,EAAE,eAAe;SACzB,EAAE;YAED,OAAO;YACP,IAAA,iBAAU,EAAC,MAAM,EAAE;gBACjB,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;gBACjC,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,WAAW;aACnB,CAAC;YAEF,iBAAiB;YACjB,IAAA,iBAAU,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;gBAE5B,aAAa;gBACb,IAAA,iBAAU,EAAC,QAAQ,EAAE;oBACnB,OAAO,EAAE,OAAO;oBAChB,IAAI,EAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK;oBAC3C,IAAI,EAAK,IAAI;oBACb,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE;wBACpB,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,KAAK,CAAC,WAAW,EAAE,CAAA;oBACrB,CAAC;iBACF,CAAC;gBAEF,iBAAiB;gBACjB,IAAA,iBAAU,EAAC,QAAQ,EAAE;oBACnB,OAAO,EAAE,OAAO;oBAChB,IAAI,EAAK,SAAS;oBAClB,IAAI,EAAK,IAAI;oBACb,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE;wBACpB,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,KAAK,CAAC,eAAe,EAAE,CAAA;oBACzB,CAAC;iBACF,CAAC;gBAEF,gBAAgB;gBAChB,IAAA,iBAAU,EAAC,QAAQ,EAAE;oBACnB,OAAO,EAAE,OAAO;oBAChB,IAAI,EAAK,OAAO;oBAChB,IAAI,EAAK,IAAI;oBACb,KAAK,EAAI,QAAQ;oBACjB,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE;wBACpB,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,KAAK,CAAC,QAAQ,EAAE,CAAA;oBAClB,CAAC;iBACF,CAAC;aACH,CAAC;SACH,CAAC;KACH,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/examples/notekeeper/dist/hooks/useNotes.d.ts

@@ -0,0 +1,14 @@
+import type { Note } from '../state/appState';
+export declare function useNotes(): {
+    notes: import("@deskforge/state/").DFComputed<any[]>;
+    loading: any;
+    query: any;
+    filter: any;
+    createNote: (title: string, content?: string) => Promise<Note>;
+    updateNote: (id: string, changes: Partial<Pick<Note, "title" | "content">>) => Promise<void>;
+    deleteNote: (id: string) => Promise<void>;
+    togglePin: (id: string) => Promise<void>;
+    toggleArchive: (id: string) => Promise<void>;
+    setQuery: (q: string) => any;
+    setFilter: (f: "all" | "pinned" | "archived") => any;
+};

package/examples/notekeeper/dist/hooks/useNotes.js

@@ -0,0 +1,127 @@
+"use strict";
+// useNotes.dtx
+// Custom hook for note management.
+// Encapsulates all note logic in one place.
+// Components use this hook — never touch DB directly.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNotes = useNotes;
+const state_1 = require("@deskforge/state/");
+const scheduler_1 = require("@deskforge/core//scheduler");
+const db_1 = require("@deskforge/db/");
+const appState_1 = require("../state/appState");
+// Generates a unique note ID
+function noteId() {
+    return 'note_' + Math.random().toString(16).slice(2, 10);
+}
+// Custom hook for note operations
+// Returns filtered notes and CRUD functions
+function useNotes() {
+    const state = appState_1.AppStore.state;
+    const scheduler = (0, scheduler_1.createScheduler)();
+    // Filtered notes based on query and filter
+    const filtered = (0, state_1.Computed)(() => {
+        let notes = state.notes;
+        // Apply filter
+        if (state.filter === 'pinned') {
+            notes = notes.filter(n => n.pinned);
+        }
+        else if (state.filter === 'archived') {
+            notes = notes.filter(n => n.archived);
+        }
+        else {
+            // All — exclude archived unless filter is archived
+            notes = notes.filter(n => !n.archived);
+        }
+        // Apply search query
+        if (state.query.trim()) {
+            const q = state.query.toLowerCase();
+            notes = notes.filter(n => n.title.toLowerCase().includes(q) ||
+                n.content.toLowerCase().includes(q));
+        }
+        // Pinned notes first
+        return [...notes].sort((a, b) => {
+            if (a.pinned && !b.pinned)
+                return -1;
+            if (!a.pinned && b.pinned)
+                return 1;
+            return b.updatedAt - a.updatedAt;
+        });
+    });
+    // Load notes from DB on mount
+    (0, state_1.Effect)(() => {
+        appState_1.AppStore.dispatch('setLoading', true);
+        db_1.DB.query('notes')
+            .orderBy('updatedAt', 'desc')
+            .all()
+            .then(notes => {
+            appState_1.AppStore.dispatch('loadNotes', notes);
+        })
+            .catch(err => {
+            console.error('Failed to load notes:', err);
+            appState_1.AppStore.dispatch('setLoading', false);
+        });
+    }, scheduler);
+    // Creates a new note and saves to DB
+    async function createNote(title, content = '') {
+        const note = {
+            id: noteId(),
+            title: title.trim() || 'Untitled',
+            content,
+            pinned: false,
+            archived: false,
+            createdAt: Date.now(),
+            updatedAt: Date.now(),
+        };
+        // Save to database
+        await db_1.DB.insert('notes', note);
+        // Update store
+        appState_1.AppStore.dispatch('addNote', note);
+        return note;
+    }
+    // Updates a note and saves to DB
+    async function updateNote(id, changes) {
+        await db_1.DB.update('notes', id, {
+            ...changes,
+            updatedAt: Date.now(),
+        });
+        appState_1.AppStore.dispatch('updateNote', { id, changes });
+    }
+    // Deletes a note from DB and store
+    async function deleteNote(id) {
+        await db_1.DB.delete('notes', id);
+        appState_1.AppStore.dispatch('deleteNote', id);
+    }
+    // Toggles pin on a note
+    async function togglePin(id) {
+        const note = state.notes.find(n => n.id === id);
+        if (!note)
+            return;
+        await db_1.DB.update('notes', id, { pinned: !note.pinned });
+        appState_1.AppStore.dispatch('togglePin', id);
+    }
+    // Toggles archive on a note
+    async function toggleArchive(id) {
+        const note = state.notes.find(n => n.id === id);
+        if (!note)
+            return;
+        await db_1.DB.update('notes', id, { archived: !note.archived });
+        appState_1.AppStore.dispatch('toggleArchive', id);
+    }
+    return {
+        // Reactive data
+        notes: filtered,
+        loading: state.loading,
+        query: state.query,
+        filter: state.filter,
+        // Actions
+        createNote,
+        updateNote,
+        deleteNote,
+        togglePin,
+        toggleArchive,
+        // Filters
+        setQuery: (q) => appState_1.AppStore.dispatch('setQuery', q),
+        setFilter: (f) => appState_1.AppStore.dispatch('setFilter', f),
+    };
+}
+//# sourceMappingURL=useNotes.js.map

package/examples/notekeeper/dist/hooks/useNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotes.js","sourceRoot":"","sources":["../../src/hooks/useNotes.ts"],"names":[],"mappings":"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"}

package/examples/notekeeper/dist/state/appState.d.ts

@@ -0,0 +1,11 @@
+interface Note {
+    id: string;
+    title: string;
+    content: string;
+    pinned: boolean;
+    archived: boolean;
+    createdAt: number;
+    updatedAt: number;
+}
+export declare const AppStore: any;
+export type { Note };

package/examples/notekeeper/dist/state/appState.js

@@ -0,0 +1,125 @@
+"use strict";
+// appState.dtx
+// Global state for the NoteKeeper app.
+// Accessible from any component without prop drilling.
+// Persists to local SQLite on device.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppStore = void 0;
+const store_1 = require("@deskforge/state//store");
+// The global app state
+exports.AppStore = (0, store_1.Store)({
+    state: {
+        // All notes
+        notes: [],
+        // Current search query
+        query: '',
+        // Active filter
+        filter: 'all',
+        // Currently editing note id
+        editingId: null,
+        // Whether sidebar is open on desktop
+        sidebarOpen: true,
+        // App theme
+        theme: 'system',
+        // Whether app is loading initial data
+        loading: false,
+    },
+    actions: {
+        // Adds a new note to the list
+        addNote(state, payload) {
+            const note = payload;
+            if (!note)
+                return;
+            state.notes.push(note);
+        },
+        // Updates an existing note by id
+        updateNote(state, payload) {
+            const p = payload;
+            if (!p)
+                return;
+            const index = state.notes.findIndex(n => n.id === p.id);
+            if (index !== -1) {
+                state.notes[index] = {
+                    ...state.notes[index],
+                    ...p.changes,
+                    updatedAt: Date.now(),
+                };
+            }
+        },
+        // Removes a note by id
+        deleteNote(state, payload) {
+            const id = payload;
+            if (!id)
+                return;
+            state.notes = state.notes.filter(n => n.id !== id);
+        },
+        // Pins or unpins a note
+        togglePin(state, payload) {
+            const id = payload;
+            if (!id)
+                return;
+            const note = state.notes.find(n => n.id === id);
+            if (note)
+                note.pinned = !note.pinned;
+        },
+        // Archives or unarchives a note
+        toggleArchive(state, payload) {
+            const id = payload;
+            if (!id)
+                return;
+            const note = state.notes.find(n => n.id === id);
+            if (note)
+                note.archived = !note.archived;
+        },
+        // Sets the search query
+        setQuery(state, payload) {
+            const query = payload;
+            if (query === undefined)
+                return;
+            state.query = query;
+        },
+        // Sets the active filter
+        setFilter(state, payload) {
+            const filter = payload;
+            if (!filter)
+                return;
+            state.filter = filter;
+        },
+        // Sets the editing note id
+        setEditing(state, payload) {
+            const id = payload;
+            if (id === undefined)
+                return;
+            state.editingId = id;
+        },
+        // Toggles the sidebar
+        toggleSidebar(state) {
+            state.sidebarOpen = !state.sidebarOpen;
+        },
+        // Sets the theme
+        setTheme(state, payload) {
+            const theme = payload;
+            if (!theme)
+                return;
+            state.theme = theme;
+        },
+        // Sets loading state
+        setLoading(state, payload) {
+            const loading = payload;
+            if (loading === undefined)
+                return;
+            state.loading = loading;
+        },
+        // Loads notes from database
+        loadNotes(state, payload) {
+            const notes = payload;
+            if (!notes)
+                return;
+            state.notes = notes;
+            state.loading = false;
+        },
+    },
+    persist: true,
+    persistKey: 'notekeeper-store',
+});
+//# sourceMappingURL=appState.js.map

package/examples/notekeeper/dist/state/appState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appState.js","sourceRoot":"","sources":["../../src/state/appState.ts"],"names":[],"mappings":"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"}

package/examples/notekeeper/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@deskforge/notekeeper",
+  "version": "1.0.0",
+  "private": true,
+  "description": "DeskForge NoteKeeper example app",
+  "main": "dist/app.js",
+  "scripts": {
+    "build": "tsc -p ./tsconfig.json",
+    "start": "npm run build && node dist/app.js"
+  },
+  "dependencies": {
+    "@deskforge/core": "1.0.0",
+    "@deskforge/renderer": "1.0.0",
+    "@deskforge/state": "1.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0"
+  }
+}

package/examples/notekeeper/src/README.md

@@ -0,0 +1,10 @@
+# NoteKeeper Example
+
+This example app demonstrates a simple DeskForge app using workspace aliases.
+
+Use the local workspace packages directly via `@deskforge/*` and `deskforge` aliases.
+
+Commands:
+
+- `npm run build` — compile the app to `dist/`
+- `npm run start` — build and run the compiled `dist/app.js`

package/examples/notekeeper/src/app.ts

@@ -0,0 +1,98 @@
+// app.ts
+// Minimal NoteKeeper example application entry.
+
+import { createNode } from '@deskforge/core'
+import { Renderer } from '@deskforge/renderer'
+
+async function main() {
+  const root = createNode('view', {
+    x: 0,
+    y: 0,
+    width: 800,
+    height: 600,
+    fill: '#f7f8fb'
+  }, [
+    createNode('rect', {
+      x: 20,
+      y: 20,
+      width: 760,
+      height: 140,
+      fill: '#2563eb',
+      radius: 24
+    }),
+    createNode('text', {
+      x: 40,
+      y: 60,
+      text: 'DeskForge NoteKeeper',
+      font: 'bold 32px sans-serif',
+      fill: '#ffffff'
+    }),
+    createNode('text', {
+      x: 40,
+      y: 110,
+      text: 'A lightweight app framework powered by DeskForge',
+      font: '16px sans-serif',
+      fill: '#dbeafe'
+    }),
+    createNode('rect', {
+      x: 20,
+      y: 200,
+      width: 220,
+      height: 60,
+      fill: '#10b981',
+      radius: 18
+    }),
+    createNode('text', {
+      x: 52,
+      y: 240,
+      text: 'Create Note',
+      font: '16px sans-serif',
+      fill: '#ffffff'
+    }),
+    createNode('rect', {
+      x: 20,
+      y: 280,
+      width: 760,
+      height: 260,
+      fill: '#ffffff',
+      radius: 20,
+      stroke: '#e5e7eb'
+    }),
+    createNode('text', {
+      x: 40,
+      y: 320,
+      text: 'Welcome to the DeskForge example app.',
+      font: '18px sans-serif',
+      fill: '#111827'
+    }),
+    createNode('text', {
+      x: 40,
+      y: 355,
+      text: 'Render engine, reactive state, and UI framework are all wired up.',
+      font: '14px sans-serif',
+      fill: '#4b5563'
+    }),
+    createNode('text', {
+      x: 40,
+      y: 390,
+      text: 'Build with `npm run build` and run with `npm run start`.',
+      font: '14px sans-serif',
+      fill: '#4b5563'
+    })
+  ])
+
+  const renderer = new Renderer({
+    width: 800,
+    height: 600,
+    backgroundColor: '#f7f8fb'
+  })
+
+  renderer.renderNode(root)
+  await renderer.saveAs('./dist/notekeeper.png')
+  console.log('Rendered NoteKeeper app to dist/notekeeper.png')
+}
+
+main().catch(err => {
+  console.error(err)
+  process.exit(1)
+})