@chalabi/svelte-sheets 2.0.2 → 2.0.3

package/Readme.md

@@ -2,7 +2,7 @@
 
 Ultra fast excel sheets in the browser. Hugely inspired by JExcel, built on XLSX shoulders.
 
-=> Find a live example [Here](https://ticruz38.github.io/svelte-sheets/)
+=> Find a live example [Here](https://chalabi2.github.io/svelte-sheets/)
 
 ### Motivation
 

package/dist/Sheet.svelte

@@ -84,8 +84,8 @@ let extendRaf = null;
 // implement virtual list
 export let startY = 0;
 export let startX = 0;
-export let endY = 0;
-export let endX = 0;
+export let endY = 50; // Initial render batch
+export let endX = 20; // Initial render batch
 // virtual list state
 let height_map = [];
 let width_map = [];
@@ -227,7 +227,7 @@ function refresh(data, viewport_height, viewport_width) {
 let scrollLeft;
 let scrollTop;
 $: (function scrollX() {
-    if (!scrollLeft || !colElements)
+    if (scrollLeft === undefined || !colElements)
         return;
     // if (!scrollLeft) ;
     // horizontal scrolling
@@ -261,7 +261,7 @@ $: (function scrollX() {
     right = remaining * average_width;
 })();
 $: (function scrollY() {
-    if (!scrollTop || !rowElements)
+    if (scrollTop === undefined || !rowElements)
         return;
     // vertical scrolling
     for (let v = 0; v < rowElements.length; v += 1) {
@@ -315,6 +315,53 @@ onMount(() => {
         // document.addEventListener("touchmove", jexcel.touchEndControls);
         document === null || document === void 0 ? void 0 : document.addEventListener("keydown", onKeyDown);
         document === null || document === void 0 ? void 0 : document.addEventListener("keyup", onKeyUp);
+        // Initialize hotkeys in browser only
+        hotkeys("ctrl+z, command+z", function (e) {
+            if (isReadOnly)
+                return;
+            e.preventDefault();
+            cmdz = true;
+            if (historyIndex == 0)
+                return;
+            historyIndex -= 1;
+            const res = JSON.parse(history[historyIndex]);
+            data = res.data;
+            columns = res.columns;
+            rows = res.rows;
+            style = res.style;
+            setTimeout((_) => (cmdz = false), 10);
+        });
+        hotkeys("ctrl+shift+z, command+shift+z", function (e) {
+            if (isReadOnly)
+                return;
+            console.log("redo");
+            e.preventDefault();
+            cmdz = true;
+            if (history.length - 1 == historyIndex)
+                return;
+            historyIndex = historyIndex + 1;
+            const res = JSON.parse(history[historyIndex]);
+            data = res.data;
+            columns = res.columns;
+            rows = res.rows;
+            style = res.style;
+            setTimeout((_) => (cmdz = false), 10);
+        });
+        hotkeys("ctrl+c, command+c, ctrl+x, command+x", function (e, handler) {
+            var _a;
+            if (isReadOnly && ((_a = handler === null || handler === void 0 ? void 0 : handler.key) === null || _a === void 0 ? void 0 : _a.includes("x")))
+                return;
+            e.preventDefault();
+            clipboard = JSON.stringify(selected);
+        });
+        hotkeys("ctrl+v, command+v", function (e) {
+            if (isReadOnly)
+                return;
+            e.preventDefault();
+            if (!clipboard)
+                return;
+            data = pasteSelection(data, JSON.parse(clipboard), selected);
+        });
     }
 });
 function onMouseDown(e) {
@@ -521,52 +568,6 @@ function onKeyUp(e) {
     // on keyup just reinitialize everything
     keypressed[e.keyCode] = false;
 }
-hotkeys("ctrl+z, command+z", function (e) {
-    if (isReadOnly)
-        return;
-    e.preventDefault();
-    cmdz = true;
-    if (historyIndex == 0)
-        return;
-    historyIndex -= 1;
-    const res = JSON.parse(history[historyIndex]);
-    data = res.data;
-    columns = res.columns;
-    rows = res.rows;
-    style = res.style;
-    setTimeout((_) => (cmdz = false), 10);
-});
-hotkeys("ctrl+shift+z, command+shift+z", function (e) {
-    if (isReadOnly)
-        return;
-    console.log("redo");
-    e.preventDefault();
-    cmdz = true;
-    if (history.length - 1 == historyIndex)
-        return;
-    historyIndex = historyIndex + 1;
-    const res = JSON.parse(history[historyIndex]);
-    data = res.data;
-    columns = res.columns;
-    rows = res.rows;
-    style = res.style;
-    setTimeout((_) => (cmdz = false), 10);
-});
-hotkeys("ctrl+c, command+c, ctrl+x, command+x", function (e, handler) {
-    var _a;
-    if (isReadOnly && ((_a = handler === null || handler === void 0 ? void 0 : handler.key) === null || _a === void 0 ? void 0 : _a.includes("x")))
-        return;
-    e.preventDefault();
-    clipboard = JSON.stringify(selected);
-});
-hotkeys("ctrl+v, command+v", function (e) {
-    if (isReadOnly)
-        return;
-    e.preventDefault();
-    if (!clipboard)
-        return;
-    data = pasteSelection(data, JSON.parse(clipboard), selected);
-});
 function onKeyDown(e) {
     keypressed[e.keyCode] = true;
     if (!!edition) {
@@ -634,6 +635,9 @@ $: (() => {
             }
             data = d;
         }
+        else if (!columns.length) {
+            columns = Array.from({ length: data[0].length }, () => ({}));
+        }
     }
     // Adjust minimal dimensions
     var j = 0;
@@ -669,8 +673,8 @@ let rowLine;
 let square;
 let squareX;
 let squareY;
-let topLeft;
-let bottomRight;
+let topLeft = { c: 0, r: 0 };
+let bottomRight = { c: 0, r: 0 };
 $: if (mounted) {
     if (extendRaf)
         cancelAnimationFrame(extendRaf);
@@ -864,7 +868,7 @@ function historyPush(data, rows, columns, style) {
           {/each}
         </tr>
       </thead>
-      <tbody class="draggable" bind:this={viewport} on:scroll={handle_scroll}>
+      <tbody class="draggable" on:scroll={handle_scroll}>
         {#each visibleY as r}
           <tr
             class="virtual-row"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chalabi/svelte-sheets",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Run your excel sheet in the browser!",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",