npm - @windborne/grapher - Versions diffs - 1.0.0 - Mend

@windborne/grapher 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (112) hide show

package/.eslintrc.js +85 -0
package/.idea/codeStyles/Project.xml +19 -0
package/.idea/codeStyles/codeStyleConfig.xml +5 -0
package/.idea/grapher.iml +12 -0
package/.idea/inspectionProfiles/Project_Default.xml +6 -0
package/.idea/misc.xml +6 -0
package/.idea/modules.xml +8 -0
package/.idea/vcs.xml +6 -0
package/0.bundle.js +2 -0
package/0.bundle.js.map +1 -0
package/1767282193a714f63082.module.wasm +0 -0
package/537.bundle.js +2 -0
package/537.bundle.js.map +1 -0
package/831.bundle.js +2 -0
package/831.bundle.js.map +1 -0
package/bundle.js +2 -0
package/bundle.js.map +1 -0
package/package.json +75 -0
package/readme.md +129 -0
package/src/components/annotations.js +62 -0
package/src/components/context_menu.js +73 -0
package/src/components/draggable_points.js +114 -0
package/src/components/graph_body.js +292 -0
package/src/components/graph_title.js +16 -0
package/src/components/options.js +111 -0
package/src/components/percentile_button.js +72 -0
package/src/components/range_graph.js +352 -0
package/src/components/range_selection.js +175 -0
package/src/components/range_selection_button.js +26 -0
package/src/components/range_selection_button_base.js +51 -0
package/src/components/series_key.js +235 -0
package/src/components/series_key_axis_container.js +70 -0
package/src/components/series_key_item.js +52 -0
package/src/components/sidebar.js +76 -0
package/src/components/tooltip.js +244 -0
package/src/components/vertical_lines.js +70 -0
package/src/components/x_axis.js +124 -0
package/src/components/y_axis.js +239 -0
package/src/eventable.js +65 -0
package/src/grapher.js +367 -0
package/src/grapher.scss +914 -0
package/src/helpers/axis_sizes.js +2 -0
package/src/helpers/binary_search.js +67 -0
package/src/helpers/color_to_vector.js +35 -0
package/src/helpers/colors.js +27 -0
package/src/helpers/custom_prop_types.js +159 -0
package/src/helpers/flatten_simple_data.js +81 -0
package/src/helpers/format.js +233 -0
package/src/helpers/generator_params_equal.js +10 -0
package/src/helpers/name_for_series.js +16 -0
package/src/helpers/place_grid.js +257 -0
package/src/helpers/pyodide_ready.js +13 -0
package/src/multigrapher.js +105 -0
package/src/renderer/background.frag +7 -0
package/src/renderer/background.vert +7 -0
package/src/renderer/background_program.js +48 -0
package/src/renderer/circle.frag +26 -0
package/src/renderer/circle.vert +12 -0
package/src/renderer/create_gl_program.js +36 -0
package/src/renderer/draw_area.js +159 -0
package/src/renderer/draw_background.js +15 -0
package/src/renderer/draw_bars.js +80 -0
package/src/renderer/draw_line.js +69 -0
package/src/renderer/draw_zero_line.js +24 -0
package/src/renderer/extract_vertices.js +137 -0
package/src/renderer/graph_body_renderer.js +293 -0
package/src/renderer/line.frag +51 -0
package/src/renderer/line.vert +32 -0
package/src/renderer/line_program.js +125 -0
package/src/renderer/paths_from.js +72 -0
package/src/renderer/scale_bounds.js +28 -0
package/src/renderer/size_canvas.js +59 -0
package/src/rust/Cargo.lock +233 -0
package/src/rust/Cargo.toml +35 -0
package/src/rust/pkg/grapher_rs.d.ts +42 -0
package/src/rust/pkg/grapher_rs.js +351 -0
package/src/rust/pkg/grapher_rs_bg.d.ts +11 -0
package/src/rust/pkg/grapher_rs_bg.wasm +0 -0
package/src/rust/pkg/index.js +342 -0
package/src/rust/pkg/index_bg.wasm +0 -0
package/src/rust/pkg/package.json +14 -0
package/src/rust/src/extract_vertices.rs +83 -0
package/src/rust/src/get_point_number.rs +50 -0
package/src/rust/src/lib.rs +15 -0
package/src/rust/src/selected_space_to_render_space.rs +131 -0
package/src/state/average_loop_times.js +15 -0
package/src/state/bound_calculator_from_selection.js +36 -0
package/src/state/bound_calculators.js +41 -0
package/src/state/calculate_annotations_state.js +59 -0
package/src/state/calculate_data_bounds.js +104 -0
package/src/state/calculate_tooltip_state.js +241 -0
package/src/state/data_types.js +13 -0
package/src/state/expand_bounds.js +58 -0
package/src/state/find_matching_axis.js +31 -0
package/src/state/get_default_bounds_calculator.js +15 -0
package/src/state/hooks.js +164 -0
package/src/state/infer_type.js +74 -0
package/src/state/merge_bounds.js +64 -0
package/src/state/multigraph_state_controller.js +334 -0
package/src/state/selection_from_global_bounds.js +25 -0
package/src/state/space_conversions/condense_data_space.js +115 -0
package/src/state/space_conversions/data_space_to_selected_space.js +328 -0
package/src/state/space_conversions/selected_space_to_background_space.js +144 -0
package/src/state/space_conversions/selected_space_to_render_space.js +161 -0
package/src/state/space_conversions/simple_series_to_data_space.js +229 -0
package/src/state/state_controller.js +1770 -0
package/src/state/sync_pool.js +101 -0
package/test/setup.js +15 -0
package/test/space_conversions/data_space_to_selected_space.test.js +434 -0
package/webpack.dev.config.js +109 -0
package/webpack.prod.config.js +60 -0
package/webpack.test.config.js +59 -0

package/src/state/sync_pool.js ADDED Viewed

@@ -0,0 +1,101 @@
+export default class SyncPool {
+    /**
+     *
+     * @param {Boolean} syncBounds
+     * @param {Boolean|'onShift'} syncTooltips
+     * @param {Boolean} syncDragState
+     */
+    constructor({ syncBounds=true, syncTooltips=true, syncDragState=false } = {}) {
+        this._stateControllers = new Set();
+        this._syncBounds = syncBounds;
+        this._syncTooltips = syncTooltips;
+        this._syncDragState = syncDragState;
+    }
+    add(stateController) {
+        this._stateControllers.add(stateController);
+        if (this._syncBounds) {
+            this.syncBounds(stateController);
+        }
+        if (this._syncTooltips) {
+            this.syncTooltips(stateController);
+        }
+        if (this._syncDragState) {
+            this.syncDragState(stateController);
+        }
+    }
+    remove(stateController) {
+        this._stateControllers.delete(stateController);
+        // TODO: remove listeners
+        // (though since this is currently only called by stateController dispose, it probably doesn't matter)
+    }
+    syncDragState(stateController) {
+        stateController.on('dragging_y_changed', (draggingY) => {
+            for (let otherStateController of this._stateControllers) {
+                if (stateController === otherStateController) {
+                    continue;
+                }
+                if (draggingY) {
+                    otherStateController.markDragStart();
+                } else {
+                    otherStateController.finalizeDrag(null, null);
+                }
+            }
+        });
+    }
+    syncBounds(stateController) {
+        stateController.on('bound_calculator_changed', (boundCalculator) => {
+            for (let otherStateController of this._stateControllers) {
+                if (stateController === otherStateController) {
+                    continue;
+                }
+                otherStateController.boundCalculator = boundCalculator;
+            }
+        });
+    }
+    syncTooltips(stateController) {
+        stateController.on('tooltip_state_changed', (tooltipState, stateArg) => {
+            if (this._tooltipIgnoreState === stateArg) { // avoid cascading changes
+                return;
+            }
+            const shouldHideTooltips = tooltipState.unsavedTooltipsCount === 0 ||
+                !tooltipState.mousePresent ||
+                (this._syncTooltips === 'onShift' && !stateController.shiftKeyPressedOnMove);
+            if (shouldHideTooltips) {
+                this._tooltipIgnoreState = Math.random();
+            }
+            for (let otherStateController of this._stateControllers) {
+                if (stateController === otherStateController) {
+                    continue;
+                }
+                if (shouldHideTooltips) {
+                    otherStateController.showOnlySavedTooltips(this._tooltipIgnoreState);
+                    continue;
+                }
+                otherStateController.setTooltipMousePosition({
+                    mouseX: tooltipState.mouseX,
+                    mouseY: tooltipState.mouseY,
+                    tooltipAllNext: true,
+                    tooltipStateArg: this._tooltipIgnoreState
+                });
+            }
+        });
+    }
+}

package/test/setup.js ADDED Viewed

@@ -0,0 +1,15 @@
+const JSDOMGlobal = require('jsdom-global');
+const chai = require('chai');
+const sinonChai = require('sinon-chai');
+JSDOMGlobal('<!doctype html><html><body></body></html>', {
+    url: 'http://localhost'
+});
+global.navigator = {
+    userAgent: 'node.js'
+};
+global.expect = require('chai').expect;
+chai.use(sinonChai);

package/test/space_conversions/data_space_to_selected_space.test.js ADDED Viewed

@@ -0,0 +1,434 @@
+import dataSpaceToSelectedSpace from '../../src/state/space_conversions/data_space_to_selected_space';
+describe('#dataSpaceToSelectedSpace', () => {
+    it('handles basic interpolation', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2]],
+            minX: 0.5,
+            maxX: 1.5,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[0.5, 0.5], [1, 1], [1.5, 1.5]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[0, 1], [1, 1], [2, 1], [3, 3]],
+            minX: 0.5,
+            maxX: 1.5,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[0.5, 1], [1, 1], [1.5, 1]]);
+    });
+    it('handles basic selection', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2], [3, 3], [4, 4]],
+            minX: 1,
+            maxX: 3,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[1, 1], [2, 2], [3, 3]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]],
+            minX: 1,
+            maxX: 3,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[1, 1], [2, 2], [3, 3]]);
+        const result3 = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]],
+            minX: 0,
+            maxX: 5,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result2
+        });
+        expect(result3.data).to.eql([[0, 0], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]]);
+    });
+    it('handles too-wide selection', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, 2], [3, 3]],
+            minX: -10,
+            maxX: 30,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[-10, null], [1, 1], [2, 2], [3, 3], [30, null]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, 2], [3, 3]],
+            minX: -10,
+            maxX: 30,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[-10, null], [1, 1], [2, 2], [3, 3], [30, null]]);
+    });
+    it('handles duplicate values at beginning and end', () => {
+        for (let square of [true, false]) {
+            const result = dataSpaceToSelectedSpace({
+                data: [[1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3]],
+                minX: 1,
+                maxX: 3,
+                ignoreDiscontinuities: true,
+                square
+            });
+            expect(result.data).to.eql([[1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3]]);
+            const result2 = dataSpaceToSelectedSpace({
+                data: [[1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3]],
+                minX: 1,
+                maxX: 3,
+                ignoreDiscontinuities: true,
+                square,
+                swap: result
+            });
+            expect(result2.data).to.eql([[1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3]]);
+        }
+    });
+    it('handles duplicate values at beginning and end with too wide bounds', () => {
+        for (let square of [true, false]) {
+            const result = dataSpaceToSelectedSpace({
+                data: [[1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3]],
+                minX: 0,
+                maxX: 4,
+                ignoreDiscontinuities: true,
+                square
+            });
+            expect(result.data).to.eql([[0, null], [1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3], [4, null]]);
+            const result2 = dataSpaceToSelectedSpace({
+                data: [[1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3]],
+                minX: 0,
+                maxX: 4,
+                ignoreDiscontinuities: true,
+                square,
+                swap: result
+            });
+            expect(result2.data).to.eql([[0, null], [1, 1], [1, 1], [2, 1], [2, 2], [3, 2], [3, 3], [4, null]]);
+        }
+    });
+    it('handles square interpolation', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, 1], [2, 2], [3, 2], [3, 3]],
+            minX: 1,
+            maxX: 2.5,
+            ignoreDiscontinuities: true,
+            square: true
+        });
+        expect(result.data).to.eql([[1, 1], [2, 1], [2, 2], [2.5, 2]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, 1], [2, 2], [3, 2], [3, 3]],
+            minX: 1,
+            maxX: 2.5,
+            ignoreDiscontinuities: true,
+            square: true,
+            swap: result
+        });
+        expect(result2.data).to.eql([[1, 1], [2, 1], [2, 2], [2.5, 2]]);
+    });
+    it('ignores discontinuities', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, null], [3, 3]],
+            minX: -10,
+            maxX: 30,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[-10, null], [1, 1], [3, 3], [30, null]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, null], [3, 3]],
+            minX: -10,
+            maxX: 30,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[-10, null], [1, 1], [3, 3], [30, null]]);
+    });
+    it('handles discontinuities at boundaries', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, null], [2, 2], [3, null]],
+            minX: 1,
+            maxX: 3,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[1, 1], [2, 2], [3, null]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[1, null], [2, 2], [3, null], [4, 4]],
+            minX: 1,
+            maxX: 3,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[1, null], [2, 2], [3, 3]]);
+    });
+    it('handles moving selection back', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]],
+            minX: 2.5,
+            maxX: 5,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[2.5, 2.5], [3, 3], [4, 4], [5, 5]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]],
+            minX: 1,
+            maxX: 3,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[1, 1], [2, 2], [3, 3]]);
+        const result3 = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]],
+            minX: 0.5,
+            maxX: 5,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result2
+        });
+        expect(result3.data).to.eql([[0.5, 0.5], [1, 1], [2, 2], [3, 3], [4, 4], [5, 5]]);
+    });
+    it('handles no data between bounds', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[0, 0], [3, 3]],
+            minX: 1,
+            maxX: 2,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[1, 1], [2, 2]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[0, 0], [3, 3]],
+            minX: 0.5,
+            maxX: 3,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[0.5, 0.5], [3, 3]]);
+    });
+    it('handles no data between bounds when square', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[0, 0], [2, 2]],
+            minX: 1,
+            maxX: 1.5,
+            ignoreDiscontinuities: true,
+            square: true
+        });
+        expect(result.data).to.eql([[1, 0], [1.5, 0]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[0, 0], [2, 2]],
+            minX: 1,
+            maxX: 2,
+            ignoreDiscontinuities: true,
+            square: true,
+            swap: result
+        });
+        expect(result2.data).to.eql([[1, 0], [2, 2]]);
+    });
+    it('handles one point in data', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, 1], [2, 2]],
+            minX: 1,
+            maxX: 1,
+            ignoreDiscontinuities: true,
+            square: true
+        });
+        expect(result.data).to.eql([[1, 0], [1, 1], [1, 1]]);
+    });
+    it('handles interpolation past nulls', () => {
+        const result = dataSpaceToSelectedSpace( {
+            data: [[1, 1], [2, null], [3, null], [4, 4], [5, 5], [6, null], [7, 7]],
+            minX: 3.5,
+            maxX: 5.5,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[3.5, 3.5], [4, 4], [5, 5], [5.5, 5.5]]);
+        const result2 = dataSpaceToSelectedSpace( {
+            data: [[1, 1], [2, null], [3, null], [4, 4], [5, 5], [6, null], [7, 7]],
+            minX: 1,
+            maxX: 7,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[1, 1], [4, 4], [5, 5], [7, 7]]);
+        const result3 = dataSpaceToSelectedSpace( {
+            data: [[1, 1], [2, null], [3, null], [4, 4], [5, 5], [6, null], [7, 7]],
+            minX: 2,
+            maxX: 7,
+            ignoreDiscontinuities: false,
+            square: true,
+            swap: result2
+        });
+        expect(result3.data).to.eql([[2, null], [3, null], [4, 4], [5, 5], [6, null], [7, 7]]);
+        const result4 = dataSpaceToSelectedSpace( {
+            data: [[1, 1], [2, null], [3, null], [4, 4], [5, 5], [6, null], [7, 7]],
+            minX: 3,
+            maxX: 5.5,
+            ignoreDiscontinuities: false,
+            square: true,
+            swap: result3
+        });
+        expect(result4.data).to.eql([[3, null], [4, 4], [5, 5], [5.5, 5]]);
+        const result5 = dataSpaceToSelectedSpace( {
+            data: [[1, 1], [2, null], [3, null], [4, 4], [5, 5], [6, null], [7, 7]],
+            minX: 3,
+            maxX: 5.5,
+            ignoreDiscontinuities: false,
+            square: false,
+            swap: result4
+        });
+        expect(result5.data).to.eql([[3, null], [4, 4], [5, 5], [5.5, null]]);
+    });
+    it('handles changing ignoreDiscontinuities', () => {
+        const result = dataSpaceToSelectedSpace( {
+            data: [[0, 0], [1, null], [2, null], [3, 3], [4, null], [5, 5], [6, 6]],
+            minX: 1,
+            maxX: 5.5,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[1, 1], [3, 3], [5, 5], [5.5, 5.5]]);
+        const result2 = dataSpaceToSelectedSpace( {
+            data: [[0, 0], [1, null], [2, null], [3, 3], [4, null], [5, 5], [6, 6]],
+            minX: 1,
+            maxX: 5.5,
+            ignoreDiscontinuities: false,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[1, null], [2, null], [3, 3], [4, null], [5, 5], [5.5, 5.5]]);
+        const result3 = dataSpaceToSelectedSpace( {
+            data: [[0, 0], [1, null], [2, null], [3, 3], [4, null], [5, 5], [6, 6]],
+            minX: 0,
+            maxX: 4,
+            ignoreDiscontinuities: true,
+            square: true,
+            swap: result2
+        });
+        expect(result3.data).to.eql([[0, 0], [3, 3], [4, 3]]);
+    });
+    it('handles all null data when square', () => {
+        const result = dataSpaceToSelectedSpace( {
+            data: [[0, null], [1, null], [2, null]],
+            minX: 0,
+            maxX: 2,
+            ignoreDiscontinuities: true,
+            square: true
+        });
+        expect(result.data).to.eql([[0, null], [2, null]]);
+        const result2 = dataSpaceToSelectedSpace( {
+            data: [[0, null], [1, null], [2, null]],
+            minX: 0,
+            maxX: 2,
+            ignoreDiscontinuities: false,
+            square: true
+        });
+        expect(result2.data).to.eql([[0, null], [1, null], [2, null]]);
+    });
+    it('handles no data to some data', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [],
+            minX: 0.5,
+            maxX: 1.5,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[0.5, null], [1.5, null]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[0, 1], [1, 1], [2, 1], [3, 3]],
+            minX: 0.5,
+            maxX: 1.5,
+            ignoreDiscontinuities: true,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[0.5, 1], [1, 1], [1.5, 1]]);
+    });
+    it('handles null data to some data', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[1, null], [2, null], [3, null]],
+            minX: 0.5,
+            maxX: 3.5,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[0.5, null], [3.5, null]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[0, 0], [1, null], [2, null], [3, null], [3, 3], [4, 4]],
+            minX: 0.5,
+            maxX: 3.5,
+            ignoreDiscontinuities: false,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[0.5, null], [1, null], [2, null], [3, null], [3, 3], [3.5, 3.5]]);
+    });
+    it('handles changing ignoreDiscontinuities with firstAdded true', () => {
+        const result = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, 2], [2.5, null], [3, 3]],
+            minX: 0.5,
+            maxX: 3.5,
+            ignoreDiscontinuities: true,
+            square: false
+        });
+        expect(result.data).to.eql([[0.5, null], [1, 1], [2, 2], [3, 3], [3.5, null]]);
+        const result2 = dataSpaceToSelectedSpace({
+            data: [[1, 1], [2, 2], [2.5, null], [3, 3]],
+            minX: 0,
+            maxX: 2.5,
+            ignoreDiscontinuities: false,
+            square: false,
+            swap: result
+        });
+        expect(result2.data).to.eql([[0, null], [1, 1], [2, 2], [2.5, null]]);
+    });
+});

package/webpack.dev.config.js ADDED Viewed

@@ -0,0 +1,109 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin");
+const pages = require('./examples/page_list')
+    .map((pageOrSection) => typeof pageOrSection === 'string' ? pageOrSection : pageOrSection.pages)
+    .flat();
+const entry = {
+    'grapher': './src/grapher.js',
+    // 'example_page': './examples/render_page.js',
+};
+for (let page of pages) {
+    entry[page] = `./examples/${page}.js`;
+}
+module.exports = {
+    mode: "development",
+    entry,
+    devtool: 'eval-source-map',
+    output: {
+        filename: '[name].bundle.js',
+        publicPath: '/',
+        path: path.resolve(__dirname, 'examples'),
+        libraryTarget: 'umd'
+    },
+    optimization: {
+        minimize: false,
+        splitChunks: {
+            chunks: "all",
+            cacheGroups: {
+                rust: {
+                    priority: 10,
+                    reuseExistingChunk: false,
+                    enforce: true,
+                    test: /rust/
+                },
+                vendors: {
+                    test: /[\\/]node_modules[\\/]/,
+                    priority: -10
+                },
+                default: {
+                    minChunks: 2,
+                    priority: -20,
+                    reuseExistingChunk: true
+                }
+            }
+        }
+    },
+    devServer: {
+        static: {
+            directory: path.resolve(__dirname, 'examples'),
+        },
+        compress: true,
+        port: 9090,
+        host: 'localhost',
+        open: false,
+        allowedHosts: 'all',
+        client: {
+            overlay: false
+        },
+        hot: true
+    },
+    experiments: {
+        syncWebAssembly: true
+    },
+    module: {
+        rules: [
+            {
+                test:/\.s?css$/,
+                exclude: /(node_modules|bower_components|build)/,
+                use:['style-loader', 'css-loader', 'sass-loader']
+            },
+            {
+                test: /\.js$/,
+                exclude: /(node_modules|bower_components|build)/,
+                use: {
+                    loader: 'babel-loader',
+                    options: {
+                        presets: ["@babel/preset-env", "@babel/preset-react"]
+                    }
+                }
+            },
+            {
+                test: /\.(vert|frag|glsl)$/,
+                use: 'webpack-glsl-loader'
+            }
+        ]
+    },
+    resolve: {
+        fallback: {
+            util: require.resolve("util/")
+        }
+    },
+    plugins: [
+        new WasmPackPlugin({
+            crateDirectory: path.resolve(__dirname, 'src', 'rust'),
+            outDir: path.resolve(__dirname, 'src', 'rust', 'pkg'),
+            extraArgs: '--no-typescript',
+            forceMode: 'production'
+        }),
+        ...pages.map((page) => new HtmlWebpackPlugin({
+            filename: `examples/${page}.html`,
+            template: 'examples/index.html',
+            chunks: ['grapher', page]
+        }))
+    ]
+};