@trebco/treb 30.2.14 → 30.6.0

package/treb-embed/src/export-worker.ts

@@ -0,0 +1,44 @@
+/*
+ * This file is part of TREB.
+ *
+ * TREB is free software: you can redistribute it and/or modify it under the 
+ * terms of the GNU General Public License as published by the Free Software 
+ * Foundation, either version 3 of the License, or (at your option) any 
+ * later version.
+ *
+ * TREB is distributed in the hope that it will be useful, but WITHOUT ANY 
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS 
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more 
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along 
+ * with TREB. If not, see <https://www.gnu.org/licenses/>. 
+ *
+ * Copyright 2022-2024 trebco, llc. 
+ * info@treb.app
+ * 
+ */
+
+// this is a new entrypoint for the worker, as a module. while we can't 
+// just create a worker script, if we create this as a module and embed
+// the worker script we can still get the benefits of dynamic loading.
+
+// why can't we create a worker script? it's OK for direct embedding but
+// breaks when embedding in a bundler (vite is OK, but webpack is not).
+// but all bundlers seem ok with local modules (knock on wood).
+
+/**
+ * import the worker as text so it will be embedded in this module
+ */
+import * as export_worker_script from 'worker:../../treb-export/src/index.worker';
+
+/**
+ * create the worker by loading the embedded text
+ * @returns 
+ */
+export const CreateWorker = async (): Promise<Worker> => {
+  const worker = new Worker(
+    URL.createObjectURL(new Blob([(export_worker_script as {default: string}).default], { type: 'application/javascript' })));
+  return worker;
+};
+

package/treb-embed/style/dark-theme.scss

@@ -97,7 +97,7 @@
   --treb-grid-background: rgb(30,30,30);
   --treb-grid-header-background: rgb(86,86,86);
   --treb-grid-header-color: rgb(221,221,221);
-  --treb-tab-bar-active-tab-background: field;
+  --treb-tab-bar-active-tab-background: #444;
   --treb-tab-bar-tab-background: transparent;
   --treb-tab-bar-tab-border-color: #444;
   --treb-ui-border-color: #aaa;

package/treb-export/src/export.ts

@@ -2076,12 +2076,33 @@ export class Exporter {
               }
             }
 
+            const color_series: {
+              rgb?: string;
+              tint?: string;
+              theme?: string;
+            } = {
+              rgb: 'FF376092' // default
+            };
+
+            if (sparkline.style?.text) {
+              if (IsHTMLColor(sparkline.style.text)) {
+                color_series.rgb = sparkline.style.text.text;
+              }
+              else if (IsThemeColor(sparkline.style.text)) {
+                color_series.rgb = undefined;
+                color_series.theme = sparkline.style.text.theme.toString(); 
+                color_series.tint = typeof sparkline.style.text.tint === 'number' ?
+                  sparkline.style.text.tint.toString() : undefined;
+              }
+            }
+
             return {
               a$: {
                 displayEmptyCellsAs: 'gap',
+                displayHidden: '1',
                 type: /column/i.test(sparkline.formula) ? 'column' : undefined,
               },
-              'x14:colorSeries': { a$: { rgb: 'FF376092' }},
+              'x14:colorSeries': { a$: { ...color_series }},
               'x14:sparklines': {
                 'x14:sparkline': {
                   'xm:f': source,

package/treb-export/src/{export-worker/export-worker.ts → index.worker.ts}

@@ -22,8 +22,8 @@
 import type { ImportedSheetData } from 'treb-base-types';
 import type { SerializedModel } from 'treb-data-model';
 
-import { Exporter } from '../export';
-import { Importer } from '../import2';
+import { Exporter } from './export';
+import { Importer } from './import2';
 
 const ctx: Worker = self as unknown as Worker;
 const exporter = new Exporter();

package/treb-grid/src/editors/overlay_editor.ts

@@ -418,7 +418,7 @@ export class OverlayEditor extends Editor<ResetSelectionEvent> {
       case 'Down':
       case 'Left':
       case 'Right':
-        return this.selecting ? undefined : 'handled';
+        return this.selecting ? undefined : 'commit';
 
     }
 

package/treb-grid/src/types/grid.ts

@@ -4014,7 +4014,15 @@ export class Grid extends GridBase {
     // unless we're selecting an argument, close the ICE
 
     if (this.overlay_editor?.editing && !this.overlay_editor?.selecting) {
-      this.DismissEditor();
+
+      // commit 
+
+      if (this.overlay_editor?.selection) {
+        const value = this.overlay_editor?.edit_node.textContent || undefined;
+        this.SetInferredType(this.overlay_editor.selection, value, false);
+      }
+
+      this.DismissEditor(); 
     }
 
     const offset_point = {