svelteplot 0.0.1-alpha.16 → 0.0.1-alpha.17

package/dist/classes/Scale.svelte.js

@@ -2,7 +2,7 @@ import resolveChannel from '../helpers/resolveChannel.js';
 import { extent } from 'd3-array';
 import { CHANNEL_SCALE } from '../contants.js';
 import { isDateOrNull, isNumberOrNull, isStringOrNull } from '../helpers/typeChecks.js';
-import { uniq } from 'underscore';
+import uniq from 'underscore/modules/uniq.js';
 const FUNCTION = '(function)';
 export class Scale {
     name = undefined;

package/dist/contants.d.ts

@@ -1,3 +1,3 @@
-import type { ScaleName, ChannelName } from './types';
+import type { ScaleName, ChannelName } from './types.js';
 export declare const SCALE_TYPES: Record<ScaleName, symbol>;
 export declare const CHANNEL_SCALE: Record<ChannelName, ScaleName>;

package/dist/helpers/autoTimeFormat.js

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-import { isDate } from 'underscore';
+import isDate from 'underscore/modules/isDate.js';
 export default function autoTimeFormat(x, plotWidth) {
     const daysPer100Px = ((toNumber(x.domain[1]) - toNumber(x.domain[0])) / plotWidth / 864e5) * 100;
     const format = daysPer100Px < 1 ? 'HH:mm\nMMM DD' : daysPer100Px < 30 ? 'DD\nMMM' : 'MMM\nYYYY';

package/dist/marks/AreaX.svelte

@@ -3,10 +3,9 @@
 <script>import Area from "./Area.svelte";
 import { stackX, recordizeX, renameChannels } from "..";
 let { data: rawData, stack, ...rawChannels } = $props();
-let { data, ...channels } = $derived(renameChannels(stackX(recordizeX({ data: rawData, ...rawChannels }), stack), { y: "y1" }));
+let { data, ...channels } = $derived(
+  renameChannels(stackX(recordizeX({ data: rawData, ...rawChannels }), stack), { y: "y1" })
+);
 </script>
 
-<Area
-    {data}
-    {...channels}
-/>
+<Area {data} {...channels} />

package/dist/marks/AreaY.svelte

@@ -3,11 +3,10 @@
 <script>import Area from "./Area.svelte";
 import { stackY, recordizeY, renameChannels } from "..";
 let { data: rawData, stack, ...rawChannels } = $props();
-let { data, ...channels } = $derived(renameChannels(stackY(recordizeY({ data: rawData, ...rawChannels }), stack), { x: "x1" }));
+let { data, ...channels } = $derived(
+  renameChannels(stackY(recordizeY({ data: rawData, ...rawChannels }), stack), { x: "x1" })
+);
 $inspect({ data, channels });
 </script>
 
-<Area
-    {data}
-    {...channels}
-/>
+<Area {data} {...channels} />

package/dist/marks/AxisY.svelte

@@ -1,5 +1,4 @@
 <script>import { getContext } from "svelte";
-import { get } from "underscore";
 import BaseMark from "./BaseMark.svelte";
 import getBaseStyles from "../helpers/getBaseStyles.js";
 import autoTimeFormat from "../helpers/autoTimeFormat.js";

package/dist/marks/BarX.svelte

@@ -34,9 +34,9 @@ function isValid(value) {
                           ? null
                           : 'currentColor'}
                     style:stroke={maybeStrokeColor ? plot.colorScale(maybeStrokeColor) : null}
-                    transform="translate({[minx, plot.yScale(cy)+inset]})"
+                    transform="translate({[minx, plot.yScale(cy) + inset]})"
                     width={maxx - minx}
-                    height={plot.yScale.bandwidth()- inset*2}
+                    height={plot.yScale.bandwidth() - inset * 2}
                 />
             {/if}
         {/each}

package/dist/marks/BaseMark.svelte

@@ -1,6 +1,6 @@
 <script context="module"></script>
 
-<script generics="T extends BaseMarkProps">import { Mark } from "../classes/Mark.svelte";
+<script generics="T extends BaseMarkProps">import { Mark } from "../classes/Mark.svelte.js";
 import { getContext } from "svelte";
 const plot = getContext("svelteplot");
 let {

package/dist/marks/GridY.svelte

@@ -1,7 +1,6 @@
 <script>import { getContext } from "svelte";
 import BaseMark from "./BaseMark.svelte";
 import getBaseStyles from "../helpers/getBaseStyles.js";
-import { get } from "underscore";
 const plot = getContext("svelteplot");
 let { ticks = [], automatic = false, ...styleProps } = $props();
 let autoTickCount = $derived(plot.plotHeight / (plot.options.y?.tickSpacing || 80));

package/dist/transforms/recordize.d.ts

@@ -1,3 +1,3 @@
-import type { TransformArg } from "../types.js";
+import type { TransformArg } from '../types.js';
 export declare function recordizeX({ data, ...channels }: TransformArg): TransformArg;
 export declare function recordizeY({ data, ...channels }: TransformArg): TransformArg;

package/dist/transforms/recordize.js

@@ -1,13 +1,17 @@
-import isDataRecord from "../helpers/isDataRecord.js";
+import isDataRecord from '../helpers/isDataRecord.js';
 // This transform takes an array of raw values as input and returns
 export function recordizeX({ data, ...channels }) {
     const dataIsRawValueArray = !isDataRecord(data[0]);
     if (dataIsRawValueArray) {
         return {
-            data: data.map((value, index) => ({ __value: value, __index: index, ___orig___: value })),
+            data: data.map((value, index) => ({
+                __value: value,
+                __index: index,
+                ___orig___: value
+            })),
             ...channels,
             x: '__value',
-            y: '__index',
+            y: '__index'
         };
     }
     return { data, ...channels };
@@ -18,10 +22,14 @@ export function recordizeY({ data, ...channels }) {
     const dataIsRawValueArray = !isDataRecord(data[0]);
     if (dataIsRawValueArray) {
         return {
-            data: data.map((value, index) => ({ __value: value, __index: index, ___orig___: value })),
+            data: data.map((value, index) => ({
+                __value: value,
+                __index: index,
+                ___orig___: value
+            })),
             ...channels,
             x: '__index',
-            y: '__value',
+            y: '__value'
         };
     }
     return { data, ...channels };

package/dist/transforms/rename.d.ts

@@ -1,4 +1,4 @@
-import type { ChannelName, TransformArg } from "../types.js";
+import type { ChannelName, TransformArg } from '../types.js';
 type RenameChannelsOptions = Record<ChannelName, ChannelName>;
 export declare function renameChannels({ data, ...channels }: TransformArg, options: RenameChannelsOptions): TransformArg;
 export {};

package/dist/transforms/stack.js

@@ -13,7 +13,7 @@ const STACK_ORDER = {
     none: stackOrderNone,
     sum: stackOrderAscending,
     appearance: stackOrderAppearance,
-    "inside-out": stackOrderInsideOut,
+    'inside-out': stackOrderInsideOut
 };
 const STACK_OFFSET = {
     none: null,
@@ -26,7 +26,9 @@ function stackXY(byDim, data, channels, options) {
     const secondDim = byDim === 'x' ? 'y' : 'x';
     const byLow = `${byDim}1`;
     const byHigh = `${byDim}2`;
-    if (channels[byDim] !== undefined && channels[`${byLow}`] === undefined && channels[`${byHigh}`] === undefined) {
+    if (channels[byDim] !== undefined &&
+        channels[`${byLow}`] === undefined &&
+        channels[`${byHigh}`] === undefined) {
         const resolvedData = data.map((d) => ({
             ...(isDataRecord(d) ? d : { __orig: d }),
             [`__${secondDim}`]: resolveChannel(secondDim, d, channels),
@@ -42,7 +44,7 @@ function stackXY(byDim, data, channels, options) {
             .order(stackOrder)
             .offset(STACK_OFFSET[options.offset])
             .keys(union(resolvedData.map((d) => d.__group)))
-            .value(([, group], key) => group.get(key) ? group.get(key)[`__${byDim}`] : 0)(indexed);
+            .value(([, group], key) => (group.get(key) ? group.get(key)[`__${byDim}`] : 0))(indexed);
         const newData = series
             .map((values) => {
             const groupKey = values.key;
@@ -55,7 +57,12 @@ function stackXY(byDim, data, channels, options) {
         })
             .flat(1);
         console.log({ newData });
-        return { data: newData, ...channels, [byDim]: undefined, ...{ [byLow]: `__${byLow}`, [byHigh]: `__${byHigh}` } };
+        return {
+            data: newData,
+            ...channels,
+            [byDim]: undefined,
+            ...{ [byLow]: `__${byLow}`, [byHigh]: `__${byHigh}` }
+        };
     }
     return { data, ...channels };
 }

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { SCALE_TYPES } from './contants.js';
-import type { Plot } from './classes/Plot.svelte';
+import type { Plot } from './classes/Plot.svelte.js';
 import type { MouseEventHandler } from 'svelte/elements';
 export type ScaleName = 'opacity' | 'color' | 'x' | 'y' | 'angle' | 'radius' | 'symbol' | 'width' | 'fontSize';
 export type Datasets = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.0.1-alpha.16",
+    "version": "0.0.1-alpha.17",
     "scripts": {
         "dev": "vite dev",
         "build": "vite build",
@@ -34,6 +34,7 @@
         "@sveltejs/adapter-auto": "^3.1.0",
         "@sveltejs/kit": "^2.3.2",
         "@types/chroma-js": "^2.4.3",
+        "@types/d3-dsv": "^3.0.7",
         "@types/d3-interpolate": "^3.0.4",
         "@types/d3-random": "^3.0.3",
         "@types/d3-scale-chromatic": "^3.0.3",