@363045841yyt/klinechart 0.7.4 → 0.7.5-alpha.2

package/package.json

@@ -1,77 +1,83 @@
-{
-  "name": "@363045841yyt/klinechart",
-  "version": "0.7.4",
-  "description": "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
-  "license": "MIT",
-  "type": "module",
-  "engines": {
-    "node": "^20.19.0 || >=22.12.0"
-  },
-  "sideEffects": false,
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
-    },
-    "./style.css": "./dist/klinechart.css"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "vite --config preview/vite.config.ts",
-    "build": "vite build && node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
-    "postbuild": "node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "size": "size-limit",
-    "lint:publish": "publint --strict .",
-    "prepublishOnly": "npm run build",
-    "lint:types": "attw --pack ."
-  },
-  "size-limit": [
-    {
-      "name": "vue (entry, pre-build src measurement)",
-      "path": "src/index.ts",
-      "limit": "8 KB",
-      "gzip": true,
-      "ignore": [
-        "vue",
-        "@363045841yyt/klinechart-core"
-      ]
-    }
-  ],
-  "peerDependencies": {
-    "@363045841yyt/klinechart-core": "workspace:^",
-    "vue": "^3.4.0"
-  },
-  "devDependencies": {
-    "@arethetypeswrong/cli": "^0.18.3",
-    "@size-limit/preset-small-lib": "^12.1.0",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "@vue/test-utils": "^2.4.10",
-    "jsdom": "^29.1.1",
-    "publint": "^0.3.0",
-    "size-limit": "^12.1.0",
-    "typescript": "~6.0.3",
-    "unplugin-icons": "^23.0.1",
-    "vite": "^8.0.14",
-    "vite-plugin-babel": "^1.3.2",
-    "vite-plugin-dts": "^5.0.1",
-    "vitest": "^4.1.5",
-    "vue": "^3.5.0"
-  }
+{
+  "name": "@363045841yyt/klinechart",
+  "version": "0.7.5-alpha.2",
+  "description": "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/363045841/KLineChartQuant.git"
+  },
+  "bugs": "https://github.com/363045841/KLineChartQuant/issues",
+  "homepage": "https://363045841.github.io/KLineChartQuant/",
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./style.css": "./dist/klinechart.css"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite --config preview/vite.config.ts",
+    "build": "vite build && node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
+    "postbuild": "node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "size": "size-limit",
+    "lint:publish": "publint --strict .",
+    "prepublishOnly": "npm run build",
+    "lint:types": "attw --pack ."
+  },
+  "size-limit": [
+    {
+      "name": "vue (entry, pre-build src measurement)",
+      "path": "src/index.ts",
+      "limit": "8 KB",
+      "gzip": true,
+      "ignore": [
+        "vue",
+        "@363045841yyt/klinechart-core"
+      ]
+    }
+  ],
+  "peerDependencies": {
+    "@363045841yyt/klinechart-core": "^",
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.3",
+    "@size-limit/preset-small-lib": "^12.1.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vue/test-utils": "^2.4.10",
+    "jsdom": "^29.1.1",
+    "publint": "^0.3.0",
+    "size-limit": "^12.1.0",
+    "typescript": "~6.0.3",
+    "unplugin-icons": "^23.0.1",
+    "vite": "^8.0.14",
+    "vite-plugin-babel": "^1.3.2",
+    "vite-plugin-dts": "^5.0.1",
+    "vitest": "^4.1.5",
+    "vue": "^3.5.0"
+  }
 }

package/src/__tests__/_mockController.ts

@@ -1,192 +1,192 @@
-/**
- * Mock ChartController for Vue adapter tests.
- *
- * Mirrors the framework-agnostic signal-bearing shape from
- * @363045841yyt/klinechart-core without spinning up the real Chart engine.
- *
- * To keep this test file runnable from the repo root vitest (which does not
- * alias @363045841yyt/klinechart-core), we inline a tiny `Signal` implementation
- * that is shape-compatible with `packages/core/src/reactivity/signal.ts`.
- */
-
-import type { Signal } from '@363045841yyt/klinechart-core/reactivity'
-import type {
-    ActiveIndicator,
-    ChartController,
-    ChartMountOptions,
-    ChartViewport,
-    DrawingController,
-    DrawingState,
-    IndicatorDefinition,
-    IndicatorSelectorController,
-    KLineData,
-    ToolbarController,
-    ToolDefinition,
-    ToolId,
-} from '@363045841yyt/klinechart-core'
-
-// ---------------------------------------------------------------------------
-// Inline mini-signal �?Object.is-equality, sync notify. Drop-in compatible
-// with `@363045841yyt/klinechart-core/reactivity` for shape-only test purposes.
-// ---------------------------------------------------------------------------
-
-function createSignal<T>(initial: T): Signal<T> {
-    let value = initial
-    const subs = new Set<() => void>()
-    const read = (): T => value
-    const peek = (): T => value
-    const set = (next: T): void => {
-        if (Object.is(value, next)) return
-        value = next
-        for (const listener of [...subs]) listener()
-    }
-    const subscribe = (listener: () => void): (() => void) => {
-        subs.add(listener)
-        return () => {
-            subs.delete(listener)
-        }
-    }
-    return Object.assign(read, { peek, set, subscribe }) as Signal<T>
-}
-
-export interface MockChartController extends ChartController {
-    /** spy: how many times `dispose` was called */
-    disposeCalls: () => number
-    /** test-only signal mutators */
-    _setViewport: (vp: ChartViewport) => void
-    _setData: (data: ReadonlyArray<KLineData>) => void
-}
-
-function createMockIndicatorSelector(): IndicatorSelectorController {
-    const catalog = createSignal<ReadonlyArray<IndicatorDefinition>>([])
-    const active = createSignal<ReadonlyArray<ActiveIndicator>>([])
-    const menuOpen = createSignal<boolean>(false)
-    const searchQuery = createSignal<string>('')
-    const filteredMain = createSignal<ReadonlyArray<IndicatorDefinition>>([])
-    const filteredSub = createSignal<ReadonlyArray<IndicatorDefinition>>([])
-
-    return {
-        catalog,
-        active,
-        menuOpen,
-        searchQuery,
-        filteredMain,
-        filteredSub,
-        add: () => null,
-        remove: () => false,
-        updateParams: () => false,
-        reorder: () => false,
-        openMenu: () => menuOpen.set(true),
-        closeMenu: () => menuOpen.set(false),
-        toggleMenu: () => menuOpen.set(!menuOpen.peek()),
-        setSearchQuery: (q: string) => searchQuery.set(q),
-        isActive: () => false,
-        dispose: () => {},
-    }
-}
-
-function createMockToolbar(): ToolbarController {
-    const tools = createSignal<ReadonlyArray<ToolDefinition>>([])
-    const activeTool = createSignal<ToolId | null>(null)
-    const disabledTools = createSignal<ReadonlySet<ToolId>>(new Set())
-    return {
-        tools,
-        activeTool,
-        disabledTools,
-        selectTool: (id) => activeTool.set(id),
-        clearSelection: () => activeTool.set(null),
-        setDisabled: () => {},
-        dispose: () => {},
-    }
-}
-
-function createMockDrawing(): DrawingController {
-    const state = createSignal<DrawingState>({
-        activeTool: null,
-        drawingCount: 0,
-    })
-    return {
-        state,
-        setActiveTool: (tool) =>
-            state.set({ ...state.peek(), activeTool: tool }),
-        clearAll: () => state.set({ ...state.peek(), drawingCount: 0 }),
-        deleteLast: () =>
-            state.set({
-                ...state.peek(),
-                drawingCount: Math.max(0, state.peek().drawingCount - 1),
-            }),
-        dispose: () => {},
-    }
-}
-
-export function createMockChartController(
-    opts: Partial<ChartMountOptions> = {},
-): MockChartController {
-    let disposeCalls = 0
-
-    const viewport = createSignal<ChartViewport>({
-        zoomLevel: opts.initialZoomLevel ?? 3,
-        kWidth: 6,
-        visibleFrom: 0,
-        visibleTo: 0,
-    })
-    const data = createSignal<ReadonlyArray<KLineData>>(opts.data ?? [])
-    const theme = createSignal<'light' | 'dark'>(opts.theme ?? 'light')
-    const indicatorSelector = createMockIndicatorSelector()
-    const toolbar = createMockToolbar()
-    const drawing = createMockDrawing()
-
-    return {
-        viewport,
-        data,
-        theme,
-        indicatorSelector,
-        toolbar,
-        drawing,
-        setData: (next) => data.set(next),
-        appendData: (next) => data.set([...data.peek(), ...next]),
-        updateData: (next) => data.set(next),
-        setTheme: (next) => theme.set(next),
-        zoomToLevel: (level) =>
-            viewport.set({ ...viewport.peek(), zoomLevel: level }),
-        zoomIn: () =>
-            viewport.set({
-                ...viewport.peek(),
-                zoomLevel: viewport.peek().zoomLevel + 1,
-            }),
-        zoomOut: () =>
-            viewport.set({
-                ...viewport.peek(),
-                zoomLevel: viewport.peek().zoomLevel - 1,
-            }),
-        handlePointerEvent: () => false,
-        handleWheelEvent: () => {},
-        handleScrollEvent: () => {},
-        handlePinchZoom: () => {},
-        addIndicator: () => null,
-        removeIndicator: () => false,
-        updateIndicatorParams: () => false,
-        updateRendererConfig: () => {},
-        setDrawingTool: (tool) => drawing.setActiveTool(tool),
-        clearDrawings: () => drawing.clearAll(),
-        removeDrawing: () => {},
-        resizeSubPane: () => false,
-        createSubPane: () => false,
-        clearSubPanes: () => {},
-        updateCustomMarkers: () => {},
-        clearCustomMarkers: () => {},
-        updateSettingsFacade: () => {},
-        updateOptionsFacade: () => {},
-        dispose: () => {
-            disposeCalls += 1
-        },
-        disposeCalls: () => disposeCalls,
-        _setViewport: (vp) => viewport.set(vp),
-        _setData: (next) => data.set(next),
-    }
-}
-
-/** Signal helper used by reactivity bridge tests. */
-export function createTestSignal<T>(initial: T): Signal<T> {
-    return createSignal(initial)
-}
+/**
+ * Mock ChartController for Vue adapter tests.
+ *
+ * Mirrors the framework-agnostic signal-bearing shape from
+ * @363045841yyt/klinechart-core without spinning up the real Chart engine.
+ *
+ * To keep this test file runnable from the repo root vitest (which does not
+ * alias @363045841yyt/klinechart-core), we inline a tiny `Signal` implementation
+ * that is shape-compatible with `packages/core/src/reactivity/signal.ts`.
+ */
+
+import type { Signal } from '@363045841yyt/klinechart-core/reactivity'
+import type {
+    ActiveIndicator,
+    ChartController,
+    ChartMountOptions,
+    ChartViewport,
+    DrawingController,
+    DrawingState,
+    IndicatorDefinition,
+    IndicatorSelectorController,
+    KLineData,
+    ToolbarController,
+    ToolDefinition,
+    ToolId,
+} from '@363045841yyt/klinechart-core'
+
+// ---------------------------------------------------------------------------
+// Inline mini-signal �?Object.is-equality, sync notify. Drop-in compatible
+// with `@363045841yyt/klinechart-core/reactivity` for shape-only test purposes.
+// ---------------------------------------------------------------------------
+
+function createSignal<T>(initial: T): Signal<T> {
+    let value = initial
+    const subs = new Set<() => void>()
+    const read = (): T => value
+    const peek = (): T => value
+    const set = (next: T): void => {
+        if (Object.is(value, next)) return
+        value = next
+        for (const listener of [...subs]) listener()
+    }
+    const subscribe = (listener: () => void): (() => void) => {
+        subs.add(listener)
+        return () => {
+            subs.delete(listener)
+        }
+    }
+    return Object.assign(read, { peek, set, subscribe }) as Signal<T>
+}
+
+export interface MockChartController extends ChartController {
+    /** spy: how many times `dispose` was called */
+    disposeCalls: () => number
+    /** test-only signal mutators */
+    _setViewport: (vp: ChartViewport) => void
+    _setData: (data: ReadonlyArray<KLineData>) => void
+}
+
+function createMockIndicatorSelector(): IndicatorSelectorController {
+    const catalog = createSignal<ReadonlyArray<IndicatorDefinition>>([])
+    const active = createSignal<ReadonlyArray<ActiveIndicator>>([])
+    const menuOpen = createSignal<boolean>(false)
+    const searchQuery = createSignal<string>('')
+    const filteredMain = createSignal<ReadonlyArray<IndicatorDefinition>>([])
+    const filteredSub = createSignal<ReadonlyArray<IndicatorDefinition>>([])
+
+    return {
+        catalog,
+        active,
+        menuOpen,
+        searchQuery,
+        filteredMain,
+        filteredSub,
+        add: () => null,
+        remove: () => false,
+        updateParams: () => false,
+        reorder: () => false,
+        openMenu: () => menuOpen.set(true),
+        closeMenu: () => menuOpen.set(false),
+        toggleMenu: () => menuOpen.set(!menuOpen.peek()),
+        setSearchQuery: (q: string) => searchQuery.set(q),
+        isActive: () => false,
+        dispose: () => {},
+    }
+}
+
+function createMockToolbar(): ToolbarController {
+    const tools = createSignal<ReadonlyArray<ToolDefinition>>([])
+    const activeTool = createSignal<ToolId | null>(null)
+    const disabledTools = createSignal<ReadonlySet<ToolId>>(new Set())
+    return {
+        tools,
+        activeTool,
+        disabledTools,
+        selectTool: (id) => activeTool.set(id),
+        clearSelection: () => activeTool.set(null),
+        setDisabled: () => {},
+        dispose: () => {},
+    }
+}
+
+function createMockDrawing(): DrawingController {
+    const state = createSignal<DrawingState>({
+        activeTool: null,
+        drawingCount: 0,
+    })
+    return {
+        state,
+        setActiveTool: (tool) =>
+            state.set({ ...state.peek(), activeTool: tool }),
+        clearAll: () => state.set({ ...state.peek(), drawingCount: 0 }),
+        deleteLast: () =>
+            state.set({
+                ...state.peek(),
+                drawingCount: Math.max(0, state.peek().drawingCount - 1),
+            }),
+        dispose: () => {},
+    }
+}
+
+export function createMockChartController(
+    opts: Partial<ChartMountOptions> = {},
+): MockChartController {
+    let disposeCalls = 0
+
+    const viewport = createSignal<ChartViewport>({
+        zoomLevel: opts.initialZoomLevel ?? 3,
+        kWidth: 6,
+        visibleFrom: 0,
+        visibleTo: 0,
+    })
+    const data = createSignal<ReadonlyArray<KLineData>>(opts.data ?? [])
+    const theme = createSignal<'light' | 'dark'>(opts.theme ?? 'light')
+    const indicatorSelector = createMockIndicatorSelector()
+    const toolbar = createMockToolbar()
+    const drawing = createMockDrawing()
+
+    return {
+        viewport,
+        data,
+        theme,
+        indicatorSelector,
+        toolbar,
+        drawing,
+        setData: (next) => data.set(next),
+        appendData: (next) => data.set([...data.peek(), ...next]),
+        updateData: (next) => data.set(next),
+        setTheme: (next) => theme.set(next),
+        zoomToLevel: (level) =>
+            viewport.set({ ...viewport.peek(), zoomLevel: level }),
+        zoomIn: () =>
+            viewport.set({
+                ...viewport.peek(),
+                zoomLevel: viewport.peek().zoomLevel + 1,
+            }),
+        zoomOut: () =>
+            viewport.set({
+                ...viewport.peek(),
+                zoomLevel: viewport.peek().zoomLevel - 1,
+            }),
+        handlePointerEvent: () => false,
+        handleWheelEvent: () => {},
+        handleScrollEvent: () => {},
+        handlePinchZoom: () => {},
+        addIndicator: () => null,
+        removeIndicator: () => false,
+        updateIndicatorParams: () => false,
+        updateRendererConfig: () => {},
+        setDrawingTool: (tool) => drawing.setActiveTool(tool),
+        clearDrawings: () => drawing.clearAll(),
+        removeDrawing: () => {},
+        resizeSubPane: () => false,
+        createSubPane: () => false,
+        clearSubPanes: () => {},
+        updateCustomMarkers: () => {},
+        clearCustomMarkers: () => {},
+        updateSettingsFacade: () => {},
+        updateOptionsFacade: () => {},
+        dispose: () => {
+            disposeCalls += 1
+        },
+        disposeCalls: () => disposeCalls,
+        _setViewport: (vp) => viewport.set(vp),
+        _setData: (next) => data.set(next),
+    }
+}
+
+/** Signal helper used by reactivity bridge tests. */
+export function createTestSignal<T>(initial: T): Signal<T> {
+    return createSignal(initial)
+}