@chalabi/svelte-sheets 2.0.0

package/dist/defaultconfig.js

@@ -0,0 +1,195 @@
+export const defaultconfig = {
+    // External data
+    url: null,
+    // Data
+    // data,
+    // Copy behavior
+    copyCompatibility: false,
+    root: null,
+    // Rows and columns definitions
+    // rows: [],
+    // columns,
+    // Deprected legacy options
+    colHeaders: [],
+    colWidths: [],
+    colAlignments: [],
+    nestedHeaders: null,
+    // Column width that is used by default
+    defaultColWidth: 50,
+    defaultColAlign: "center",
+    // Spare rows and columns
+    minSpareRows: 0,
+    minSpareCols: 0,
+    // Minimal table dimensions
+    minDimensions: [0, 0],
+    // Allow Export
+    allowExport: true,
+    // @type {boolean} - Include the header titles on download
+    includeHeadersOnDownload: false,
+    // @type {boolean} - Include the header titles on copy
+    includeHeadersOnCopy: false,
+    // Allow column sorting
+    columnSorting: true,
+    // Allow column dragging
+    columnDrag: false,
+    // Allow column resizing
+    columnResize: true,
+    // Allow row resizing
+    rowResize: false,
+    // Allow row dragging
+    rowDrag: true,
+    // Allow table edition
+    editable: true,
+    // Global read-only mode (overrides editable)
+    readOnly: false,
+    // Disable hover tracking/selection updates
+    disableHover: false,
+    // Allow new rows
+    allowInsertRow: true,
+    // Allow new rows
+    allowManualInsertRow: true,
+    // Allow new columns
+    allowInsertColumn: true,
+    // Allow new rows
+    allowManualInsertColumn: true,
+    // Allow row delete
+    allowDeleteRow: true,
+    // Allow deleting of all rows
+    allowDeletingAllRows: false,
+    // Allow column delete
+    allowDeleteColumn: true,
+    // Allow rename column
+    allowRenameColumn: true,
+    // Allow comments
+    allowComments: false,
+    // Global wrap
+    wordWrap: false,
+    // Image options
+    imageOptions: null,
+    // CSV source
+    csv: null,
+    // Filename
+    csvFileName: "jexcel",
+    // Consider first line as header
+    csvHeaders: true,
+    // Delimiters
+    csvDelimiter: ",",
+    // First row as header
+    parseTableFirstRowAsHeader: false,
+    parseTableAutoCellType: false,
+    // Disable corner selection
+    selectionCopy: true,
+    // Merged cells
+    // mergeCells: {},
+    // Create toolbar
+    toolbar: null,
+    // Allow search
+    search: false,
+    // Create pagination
+    pagination: false,
+    paginationOptions: null,
+    // Full screen
+    fullscreen: false,
+    // Lazy loading
+    lazyLoading: false,
+    loadingSpin: false,
+    // Table overflow
+    tableOverflow: false,
+    tableHeight: "300px",
+    tableWidth: null,
+    // Meta
+    meta: null,
+    // Style
+    style: null,
+    // Execute formulas
+    parseFormulas: true,
+    autoIncrement: true,
+    autoCasting: true,
+    // Security
+    secureFormulas: true,
+    stripHTML: true,
+    stripHTMLOnCopy: false,
+    // Filters
+    filters: false,
+    footers: null,
+    // Event handles
+    onundo: null,
+    onredo: null,
+    onload: null,
+    onchange: null,
+    oncomments: null,
+    onbeforechange: null,
+    onafterchanges: null,
+    onbeforeinsertrow: null,
+    oninsertrow: null,
+    onbeforeinsertcolumn: null,
+    oninsertcolumn: null,
+    onbeforedeleterow: null,
+    ondeleterow: null,
+    onbeforedeletecolumn: null,
+    ondeletecolumn: null,
+    onmoverow: null,
+    onmovecolumn: null,
+    onresizerow: null,
+    onresizecolumn: null,
+    onsort: null,
+    onselection: null,
+    oncopy: null,
+    onpaste: null,
+    onbeforepaste: null,
+    onmerge: null,
+    onfocus: null,
+    onblur: null,
+    onchangeheader: null,
+    oncreateeditor: null,
+    oneditionstart: null,
+    oneditionend: null,
+    onchangestyle: null,
+    onchangemeta: null,
+    onchangepage: null,
+    onbeforesave: null,
+    onsave: null,
+    // Global event dispatcher
+    onevent: null,
+    // Persistance
+    persistance: false,
+    // Customize any cell behavior
+    updateTable: null,
+    // Detach the HTML table when calling updateTable
+    detachForUpdates: false,
+    freezeColumns: null,
+    // Texts
+    text: {
+        noRecordsFound: "No records found",
+        showingPage: "Showing page {0} of {1} entries",
+        show: "Show ",
+        search: "Search",
+        entries: " entries",
+        columnName: "Column name",
+        insertANewColumnBefore: "Insert a new column before",
+        insertANewColumnAfter: "Insert a new column after",
+        deleteSelectedColumns: "Delete selected columns",
+        renameThisColumn: "Rename this column",
+        orderAscending: "Order ascending",
+        orderDescending: "Order descending",
+        insertANewRowBefore: "Insert a new row before",
+        insertANewRowAfter: "Insert a new row after",
+        deleteSelectedRows: "Delete selected rows",
+        editComments: "Edit comments",
+        addComments: "Add comments",
+        comments: "Comments",
+        clearComments: "Clear comments",
+        copy: "Copy...",
+        paste: "Paste...",
+        saveAs: "Save as...",
+        about: "About",
+        areYouSureToDeleteTheSelectedRows: "Are you sure to delete the selected rows?",
+        areYouSureToDeleteTheSelectedColumns: "Are you sure to delete the selected columns?",
+        thisActionWillDestroyAnyExistingMergedCellsAreYouSure: "This action will destroy any existing merged cells. Are you sure?",
+        thisActionWillClearYourSearchResultsAreYouSure: "This action will clear your search results. Are you sure?",
+        thereIsAConflictWithAnotherMergedCell: "There is a conflict with another merged cell",
+        invalidMergeProperties: "Invalid merged properties",
+        cellAlreadyMerged: "Cell already merged",
+        noCellsSelected: "No cells selected",
+    },
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Menu } from "./Menu.svelte";
+export { default as Open } from "./Open.svelte";
+export { default as Sheet } from "./Sheet.svelte";
+export { default as Toolbar } from "./Toolbar.svelte";
+export * from "./actions/index.js";
+export * from "./utilities.js";

package/dist/index.js

@@ -0,0 +1,6 @@
+export { default as Menu } from "./Menu.svelte";
+export { default as Open } from "./Open.svelte";
+export { default as Sheet } from "./Sheet.svelte";
+export { default as Toolbar } from "./Toolbar.svelte";
+export * from "./actions/index.js";
+export * from "./utilities.js";

package/dist/utilities.d.ts

@@ -0,0 +1,13 @@
+import * as XLSX from "xlsx";
+export declare const computeStyles: (c: any, r: any, row: any, style: any, options: any, value: any, nextValue: any) => string;
+export declare function GetCellByAddress(map: any, c: any, r: any): any;
+export declare function GetColSpan(map: any, c: any, r: any): any;
+export declare function GetRowSpan(map: any, c: any, r: any): any;
+export declare function download(sheets: any[], fileName: string): Promise<void>;
+export declare function upload(sheets: any[], uploadURL: string): Promise<Error[]>;
+export declare function removeColumns(selection: XLSX.CellAddress[], data: any[][]): any[][];
+export declare function removeRows(selection: XLSX.CellAddress[], data: any[][]): any[][];
+export declare function pasteSelection(data: any, pasted: [string, string], selected: [string, string]): any;
+export declare function clearSelection(data: any, selected: [string, string]): any;
+export declare function deleteSelection(data: any, selected: [string, string]): any;
+export declare function mergeSelectExtends(data: any[][], selected: [string, string], extended: [string, string]): any[][];

package/dist/utilities.js

@@ -0,0 +1,211 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import * as XLSX from "xlsx";
+import btob from "b64-to-blob";
+function getRowHeight(row) {
+    var _a;
+    try {
+        const height = Number(typeof (row === null || row === void 0 ? void 0 : row.height) == "string"
+            ? (_a = row === null || row === void 0 ? void 0 : row.height) === null || _a === void 0 ? void 0 : _a.replace("px", "")
+            : (row === null || row === void 0 ? void 0 : row.height) || 24);
+        return height > 24 ? height : 24;
+    }
+    catch (e) {
+        return 24;
+    }
+}
+export const computeStyles = (c, r, row, style, options, value, nextValue) => {
+    // ${
+    //   c.wordWrap != false &&
+    //   (options.wordWrap || c.wordwrap || value?.length > 200)
+    //     ? "white-space: pre-wrap;"
+    //     : ""
+    // }
+    return `text-align: ${c.align || "center"}; 
+  height: ${getRowHeight(row)}px;
+  overflow: ${nextValue && nextValue.length ? "hidden" : "visible"};
+  ${style[XLSX.utils.encode_cell({ c, r })]};
+  `;
+};
+export function GetCellByAddress(map, c, r) {
+    return map[XLSX.utils.encode_cell({
+        c,
+        r,
+    })];
+}
+export function GetColSpan(map, c, r) {
+    return ((GetCellByAddress(map, c, r) && GetCellByAddress(map, c, r)[0]) || undefined);
+}
+export function GetRowSpan(map, c, r) {
+    return ((GetCellByAddress(map, c, r) && GetCellByAddress(map, c, r)[1]) || undefined);
+}
+export function download(sheets, fileName) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const wb = XLSX.utils.book_new();
+        const wss = [];
+        sheets.map((s, i) => {
+            const ws = XLSX.utils.aoa_to_sheet(s.data);
+            XLSX.utils.book_append_sheet(wb, ws, s.sheetName);
+        });
+        XLSX.writeFile(wb, fileName);
+    });
+}
+export function upload(sheets, uploadURL) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!sheets)
+            return;
+        const wb = XLSX.utils.book_new();
+        sheets.map((s, i) => {
+            const ws = XLSX.utils.aoa_to_sheet(s.data);
+            XLSX.utils.book_append_sheet(wb, ws, s.sheetName);
+        });
+        const wbout = XLSX.write(wb, {
+            bookType: "xlsx",
+            bookSST: false,
+            type: "base64",
+        });
+        const formData = new FormData();
+        formData.append("file", btob(wbout, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"), "test.xlsx");
+        const req = yield fetch(uploadURL, {
+            method: "POST",
+            body: formData,
+        });
+        if (req.status == 400) {
+            const res = yield req.json(); // res contains the list of errors
+            return res;
+        }
+        return [];
+    });
+}
+// Return bottomRight, and topLeft border for one selection
+function getBorder(selection) {
+    const br = {
+        c: selection[0].c > selection[1].c ? selection[0].c : selection[1].c,
+        r: selection[0].r > selection[1].r ? selection[0].r : selection[1].r,
+    };
+    const tl = {
+        c: selection[0].c < selection[1].c ? selection[0].c : selection[1].c,
+        r: selection[0].r < selection[1].r ? selection[0].r : selection[1].r,
+    };
+    return { tl, br };
+}
+export function removeColumns(selection, data) {
+    const { tl, br } = getBorder(selection);
+    return data.map((d) => d.filter((_, i) => !(i >= tl.c && i <= br.c)));
+}
+export function removeRows(selection, data) {
+    const { tl, br } = getBorder(selection);
+    return data.filter((d, i) => !(i >= tl.c && i <= br.c));
+}
+function decode(address) {
+    return [
+        XLSX.utils.decode_cell(address[0]),
+        XLSX.utils.decode_cell(address[1]),
+    ];
+}
+export function pasteSelection(data, pasted, selected) {
+    const dpaste = getBorder(decode(pasted));
+    const dselect = getBorder(decode(selected));
+    const dx = dselect.tl.c - dpaste.tl.c;
+    const dy = dselect.tl.r - dpaste.tl.r;
+    console.log(dx, dy);
+    for (var r = dpaste.tl.r; r <= dpaste.br.r; r++) {
+        for (var c = dpaste.tl.c; c <= dpaste.br.c; c++) {
+            if (data.length - 1 < r + dy) {
+                data = [...data, Array.from({ length: r + dy - data.length + 1 })];
+            }
+            data[r + dy][c + dx] = data[r][c];
+        }
+    }
+    return data;
+}
+export function clearSelection(data, selected) {
+    console.log("clear");
+    const dselect = getBorder(decode(selected));
+    for (var r = dselect.tl.r; r <= dselect.br.r; r++) {
+        for (var c = dselect.tl.c; c <= dselect.br.c; c++) {
+            if (data.length - 1 < r)
+                return;
+            data[r][c] = "";
+        }
+    }
+    return data;
+}
+export function deleteSelection(data, selected) {
+    const dselect = getBorder(decode(selected));
+    if (dselect.br.c == data[0].length - 1) {
+        // delete rows
+        data = data.filter((v, i) => {
+            return i < dselect.tl.r || i > dselect.br.r;
+        });
+    }
+    if (dselect.br.r == data.length - 1) {
+        // delete columns
+        console.log("delete columns");
+        data = data.map((c) => c.filter((v, i) => {
+            return i < dselect.tl.c || i > dselect.br.c;
+        }));
+    }
+    return data;
+}
+export function mergeSelectExtends(data, selected, extended) {
+    // merge logic here...
+    const sel = getBorder(decode(selected));
+    const ext = getBorder(decode(extended));
+    // if extended is inside selected
+    if (ext.tl.c >= sel.tl.c &&
+        ext.br.c <= sel.br.c &&
+        ext.tl.r >= sel.tl.r &&
+        ext.br.r <= sel.br.r) {
+        // every cells outside ext and inside sel are emptied
+        for (var c = sel.tl.c; c <= sel.br.c; c++) {
+            for (var r = sel.tl.r; r <= sel.br.r; r++) {
+                // if the cell is outside extended and inside selected erase it
+                if (c > ext.br.c || r > ext.br.r) {
+                    data[r][c] = "";
+                }
+            }
+        }
+    }
+    else {
+        // extended extend the selection
+        // for all cells outside selection
+        for (var c = ext.tl.c; c <= ext.br.c; c++) {
+            for (var r = ext.tl.r; r <= ext.br.r; r++) {
+                const brsel = { c: sel.br.c + 1, r: sel.br.r + 1 };
+                const selwidth = brsel.c - sel.tl.c;
+                const selheight = brsel.r - sel.tl.r;
+                if (c < sel.tl.c) {
+                    // cell is on the left
+                    data[r][c] =
+                        data[r][sel.br.c - (Math.abs(c - sel.tl.c + 1) % selwidth)];
+                }
+                if (c > sel.br.c) {
+                    // cell is on the right
+                    data[r][c] = data[r][sel.tl.c + ((c - sel.br.c - 1) % selwidth)];
+                }
+                // if extended to unknown rows territory
+                if (data.length - 1 < r) {
+                    data = [...data, Array.from({ length: r - data.length + 1 })];
+                }
+                if (r < sel.tl.r) {
+                    // cell is on top
+                    data[r][c] =
+                        data[sel.br.r - (Math.abs(r - sel.tl.r + 1) % selheight)][c];
+                }
+                if (r > sel.br.r) {
+                    // cell is below
+                    data[r][c] = data[sel.tl.r + ((r - sel.br.r - 1) % selheight)][c];
+                }
+            }
+        }
+    }
+    return data;
+}

package/package.json

@@ -0,0 +1,182 @@
+{
+  "name": "@chalabi/svelte-sheets",
+  "version": "2.0.0",
+  "description": "Run your excel sheet in the browser!",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite dev",
+    "package": "svelte-package",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "test": "vitest run"
+  },
+  "keywords": [
+    "svelte",
+    "xlsx",
+    "excel",
+    "spreadsheets"
+  ],
+  "author": "Thibaut Duchêne",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chalabi2/svelte-sheets.git"
+  },
+  "bugs": {
+    "url": "https://github.com/chalabi2/svelte-sheets/issues"
+  },
+  "homepage": "https://github.com/chalabi2/svelte-sheets#readme",
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/adapter-static": "^3.0.10",
+    "@sveltejs/kit": "^2.50.1",
+    "@sveltejs/package": "^2.5.7",
+    "@tsconfig/svelte": "^3.0.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-svelte": "^3.4.1",
+    "svelte": "^5.48.5",
+    "svelte-check": "^4.3.5",
+    "svelte-preprocess": "^6.0.3",
+    "svelte2tsx": "^0.7.46",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
+  },
+  "peerDependencies": {
+    "b64-to-blob": "^1.2.19",
+    "hotkeys-js": "^4.0.0",
+    "svelte": "^5.48.5",
+    "xlsx": "^0.18.5"
+  },
+  "dependencies": {
+    "b64-to-blob": "^1.2.19",
+    "hotkeys-js": "^4.0.0",
+    "xlsx": "^0.18.5"
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "browser": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./Menu.svelte": {
+      "types": "./dist/Menu.svelte.d.ts",
+      "svelte": "./dist/Menu.svelte",
+      "default": "./dist/Menu.svelte"
+    },
+    "./Open.svelte": {
+      "types": "./dist/Open.svelte.d.ts",
+      "svelte": "./dist/Open.svelte",
+      "default": "./dist/Open.svelte"
+    },
+    "./Sheet.svelte": {
+      "types": "./dist/Sheet.svelte.d.ts",
+      "svelte": "./dist/Sheet.svelte",
+      "default": "./dist/Sheet.svelte"
+    },
+    "./Toolbar.svelte": {
+      "types": "./dist/Toolbar.svelte.d.ts",
+      "svelte": "./dist/Toolbar.svelte",
+      "default": "./dist/Toolbar.svelte"
+    },
+    "./actions": {
+      "types": "./dist/actions/index.d.ts",
+      "svelte": "./dist/actions/index.js",
+      "default": "./dist/actions/index.js"
+    },
+    "./actions/copypaste": {
+      "types": "./dist/actions/copypaste.d.ts",
+      "svelte": "./dist/actions/copypaste.js",
+      "default": "./dist/actions/copypaste.js"
+    },
+    "./actions/draggable": {
+      "types": "./dist/actions/draggable.d.ts",
+      "svelte": "./dist/actions/draggable.js",
+      "default": "./dist/actions/draggable.js"
+    },
+    "./actions/resizable": {
+      "types": "./dist/actions/resizable.d.ts",
+      "svelte": "./dist/actions/resizable.js",
+      "default": "./dist/actions/resizable.js"
+    },
+    "./actions/rightclick": {
+      "types": "./dist/actions/rightclick.d.ts",
+      "svelte": "./dist/actions/rightclick.js",
+      "default": "./dist/actions/rightclick.js"
+    },
+    "./actions/selected": {
+      "types": "./dist/actions/selected.d.ts",
+      "svelte": "./dist/actions/selected.js",
+      "default": "./dist/actions/selected.js"
+    },
+    "./convert": {
+      "types": "./dist/convert.d.ts",
+      "svelte": "./dist/convert.js",
+      "default": "./dist/convert.js"
+    },
+    "./defaultconfig": {
+      "types": "./dist/defaultconfig.d.ts",
+      "svelte": "./dist/defaultconfig.js",
+      "default": "./dist/defaultconfig.js"
+    },
+    "./utilities": {
+      "types": "./dist/utilities.d.ts",
+      "svelte": "./dist/utilities.js",
+      "default": "./dist/utilities.js"
+    }
+  },
+  "svelte": "./dist/index.js",
+  "browser": "./dist/index.js",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "typesVersions": {
+    ">4.0": {
+      "index": [
+        "./dist/index.d.ts"
+      ],
+      "Menu.svelte": [
+        "./dist/Menu.svelte.d.ts"
+      ],
+      "Open.svelte": [
+        "./dist/Open.svelte.d.ts"
+      ],
+      "Sheet.svelte": [
+        "./dist/Sheet.svelte.d.ts"
+      ],
+      "Toolbar.svelte": [
+        "./dist/Toolbar.svelte.d.ts"
+      ],
+      "actions": [
+        "./dist/actions/index.d.ts"
+      ],
+      "actions/*": [
+        "./dist/actions/*"
+      ],
+      "convert": [
+        "./dist/convert.d.ts"
+      ],
+      "defaultconfig": [
+        "./dist/defaultconfig.d.ts"
+      ],
+      "utilities": [
+        "./dist/utilities.d.ts"
+      ],
+      "*": [
+        "./dist/*"
+      ]
+    }
+  }
+}