diff --git a/README.md b/README.md index 604a539..8fd540c 100644 --- a/README.md +++ b/README.md @@ -45,7 +45,7 @@ for guides, an API reference, and the complete chart controls. npm install @bloxwap/chart ``` -`0.1.0` is an early developer preview; expect breaking changes before `1.0`. +`0.2.0` is an early developer preview; expect breaking changes before `1.0`. ## Quick Example diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx index abefb03..666b428 100644 --- a/apps/docs/app/page.tsx +++ b/apps/docs/app/page.tsx @@ -14,9 +14,9 @@ export default function Home() {
-

DEVELOPER PREVIEW · v0.1.0

+

DEVELOPER PREVIEW · v0.2.0

Financial charts.
Your interface.

-

Your next trading interface starts here. Try the full chart below: draw a trend line, add indicators, change timeframes, and make it your own.

+

Your next trading interface starts here. Candles, live order books, and volume profiles, drawn with WebGL2. Try the full chart below: draw a trend line, add indicators, change timeframes, and make it your own.

Play with the chart Start building
@@ -26,13 +26,13 @@ export default function Home() {

LIVE HYPERLIQUID DATA

Chart playground

-

Draw, zoom, add indicators, and make it yours.

+

Draw, zoom, add indicators, and switch the right edge between the volume profile and the live order book.
01

One typed config.

Data, series, scales, and styling live in one configuration. Update just the fields you need.

02

Your stack. Your DOM.

Pass in a canvas. Add the UI when you need it. The chart has zero runtime dependencies.

-
03

Built for interaction.

Pan, zoom, annotate, and stream candle updates. WASM math includes a JavaScript fallback.

+
03

Order flow, built in.

Live order books, volume profiles, liquidity heatmaps, and footprint candles. WebGL2 rendering falls back to Canvas2D.

A SMALL API. ROOM TO BUILD.

From your first candle
to a complete workspace.

Start with the core, then add indicators, drawing tools, and the settings your users need.

diff --git a/apps/docs/content/docs/getting-started.mdx b/apps/docs/content/docs/getting-started.mdx index 3632f86..006bd5d 100644 --- a/apps/docs/content/docs/getting-started.mdx +++ b/apps/docs/content/docs/getting-started.mdx @@ -9,7 +9,7 @@ description: Build the package locally and put your first candlestick chart on s npm install @bloxwap/chart ``` -`0.1.0` is an early developer preview, so expect breaking changes before `1.0`. To try unreleased changes, build a local archive from the repository with `npm ci && npm run pack:chart` and install the resulting `packages/chart/bloxwap-chart-.tgz`. +`0.2.0` is an early developer preview, so expect breaking changes before `1.0`. To try unreleased changes, build a local archive from the repository with `npm ci && npm run pack:chart` and install the resulting `packages/chart/bloxwap-chart-.tgz`. ## Give the chart a box diff --git a/apps/docs/lib/structured-data.ts b/apps/docs/lib/structured-data.ts index f09fe99..07a82a0 100644 --- a/apps/docs/lib/structured-data.ts +++ b/apps/docs/lib/structured-data.ts @@ -33,13 +33,13 @@ export function homeStructuredData(): Record { '@id': `${home}#software`, name: '@bloxwap/chart', alternateName: 'Bloxwap Chart SDK', - description: 'A zero-dependency TypeScript library for interactive financial charts on HTML canvas, with WebAssembly-accelerated math, built-in indicators, and 89 drawing tools.', + description: 'A zero-dependency TypeScript library for interactive financial charts on HTML canvas and WebGL2, with WebAssembly-accelerated math, built-in indicators, 89 drawing tools, and order-flow views (order book, volume profile, liquidity heatmap, footprint).', url: home, applicationCategory: 'DeveloperApplication', applicationSubCategory: 'Charting library', operatingSystem: 'Web browser, Node.js', programmingLanguage: 'TypeScript', - softwareVersion: '0.1.0', + softwareVersion: '0.2.0', license: 'https://opensource.org/licenses/MIT', codeRepository: repository, isAccessibleForFree: true, diff --git a/apps/docs/package.json b/apps/docs/package.json index 3932c29..884f61f 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -1,6 +1,6 @@ { "name": "@bloxwap/chart-docs", - "version": "0.1.0", + "version": "0.2.0", "private": true, "type": "module", "scripts": { @@ -14,7 +14,7 @@ "postinstall": "fumadocs-mdx" }, "dependencies": { - "@bloxwap/chart": "0.1.0", + "@bloxwap/chart": "0.2.0", "fumadocs-core": "16.15.14", "fumadocs-mdx": "15.4.5", "fumadocs-ui": "16.15.14", diff --git a/apps/docs/public/llms.txt b/apps/docs/public/llms.txt index 31b2498..b31cf79 100644 --- a/apps/docs/public/llms.txt +++ b/apps/docs/public/llms.txt @@ -2,7 +2,7 @@ > A zero-dependency TypeScript library for interactive financial charts, drawn on an HTML canvas with WebAssembly-accelerated math and a JavaScript fallback. Open source (MIT) by Bloxwap, Inc. -`@bloxwap/chart` renders candlestick, hollow candle, Heikin Ashi, OHLC bar, line, area, and histogram series with 20 built-in indicators (SMA, EMA, Bollinger Bands, VWAP, MA ribbon, Supertrend, Ichimoku, Donchian, Parabolic SAR, MACD, RSI, KDJ, volume, ADX, CCI, MFI, OBV, ATR, Stochastic, Stochastic RSI) and 89 drawing tools grouped the way trading terminals present them (trend lines, channels, pitchforks, Fibonacci, Gann, harmonic patterns, Elliott waves, long/short positions, measurers, shapes, annotations). An optional UI layer, `@bloxwap/chart/ui`, adds a drawing toolbar, header bar, settings card, indicator dialog, context menus, touch gestures, and on-chart editing. An optional datafeed, `@bloxwap/chart/datafeed`, pages history from a server and folds live ticks into bars, replacing a TradingView UDF datafeed. +`@bloxwap/chart` renders candlestick, hollow candle, Heikin Ashi, OHLC bar, line, area, and histogram series with 20 built-in indicators (SMA, EMA, Bollinger Bands, VWAP, MA ribbon, Supertrend, Ichimoku, Donchian, Parabolic SAR, MACD, RSI, KDJ, volume, ADX, CCI, MFI, OBV, ATR, Stochastic, Stochastic RSI) and 89 drawing tools grouped the way trading terminals present them (trend lines, channels, pitchforks, Fibonacci, Gann, harmonic patterns, Elliott waves, long/short positions, measurers, shapes, annotations). An optional UI layer, `@bloxwap/chart/ui`, adds a drawing toolbar, header bar, settings card, indicator dialog, context menus, touch gestures, and on-chart editing. An optional datafeed, `@bloxwap/chart/datafeed`, pages history from a server and folds live ticks into bars, replacing a TradingView UDF datafeed; it also maintains a live L2 order book from a snapshot plus diff-depth stream. Order-flow views draw that data on the chart: an inline order book, a visible-range volume profile, a session volume profile/TPO pane, a liquidity heatmap, footprint candles, and delta/CVD indicators. Rendering can run on WebGL2 (`renderer: 'webgl2'`) with an automatic Canvas2D fallback, and host code can add custom series, panes, and pane primitives. ## When to use this @@ -12,6 +12,7 @@ Reach for `@bloxwap/chart` when an agent or developer needs to: - Let users draw and edit technical-analysis annotations: trend lines, Fibonacci retracements, pitchforks, long/short positions, price and date ranges. - Add standard technical indicators to a chart without writing the math. - Stream live candle updates into an existing chart, or page history in from a server as the user scrolls. +- Show order flow next to price: a live order book on the price axis, a volume profile, a liquidity heatmap, or footprint candles with delta/CVD. - Replace the TradingView Charting Library with an MIT-licensed, dependency-free library. - Keep full control of layout and DOM: the core draws into a canvas you pass in and never touches global `document` or `window`, so it also runs in workers, SSR, and tests. - Ship without runtime dependencies. @@ -24,7 +25,7 @@ Reach for `@bloxwap/chart` when an agent or developer needs to: ## How to use it -Install it from npm (0.1.0 is an early developer preview): +Install it from npm (0.2.0 is an early developer preview): ```sh npm install @bloxwap/chart diff --git a/apps/docs/public/openapi.json b/apps/docs/public/openapi.json index ed5436e..b639ee6 100644 --- a/apps/docs/public/openapi.json +++ b/apps/docs/public/openapi.json @@ -2,7 +2,7 @@ "openapi": "3.1.0", "info": { "title": "Bloxwap Chart SDK — Documentation Site API", - "version": "0.1.0", + "version": "0.2.0", "summary": "Machine-readable endpoints published by the @bloxwap/chart documentation site.", "description": "The Bloxwap Chart SDK (`@bloxwap/chart`) is a client-side TypeScript library for interactive financial charts on HTML canvas. It has no hosted HTTP API: charts are rendered by JavaScript running in your own page, worker, or test. This specification documents every machine-readable HTTP resource the documentation site itself publishes — the llms.txt agent index, the sitemap, the full-text search index, and this specification — so agents can discover and consume them automatically. The library's JavaScript API (createChart, indicators, drawings, the React component) is documented at https://bloxwap.github.io/chart/docs/api/chart/ and indexed in https://bloxwap.github.io/chart/llms.txt.", "contact": { diff --git a/apps/playground/package.json b/apps/playground/package.json index 4dee22d..5770438 100644 --- a/apps/playground/package.json +++ b/apps/playground/package.json @@ -1,6 +1,6 @@ { "name": "@bloxwap/chart-playground", - "version": "0.1.0", + "version": "0.2.0", "private": true, "type": "module", "scripts": { @@ -8,7 +8,7 @@ "dev": "bun run serve.ts" }, "dependencies": { - "@bloxwap/chart": "0.1.0" + "@bloxwap/chart": "0.2.0" }, "engines": { "node": ">=24" diff --git a/package-lock.json b/package-lock.json index a72d576..d663ce3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,10 +15,10 @@ }, "apps/docs": { "name": "@bloxwap/chart-docs", - "version": "0.1.0", + "version": "0.2.0", "hasInstallScript": true, "dependencies": { - "@bloxwap/chart": "0.1.0", + "@bloxwap/chart": "0.2.0", "fumadocs-core": "16.15.14", "fumadocs-mdx": "15.4.5", "fumadocs-ui": "16.15.14", @@ -42,9 +42,9 @@ }, "apps/playground": { "name": "@bloxwap/chart-playground", - "version": "0.1.0", + "version": "0.2.0", "dependencies": { - "@bloxwap/chart": "0.1.0" + "@bloxwap/chart": "0.2.0" }, "engines": { "node": ">=24" @@ -6434,7 +6434,7 @@ }, "packages/chart": { "name": "@bloxwap/chart", - "version": "0.1.0", + "version": "0.2.0", "license": "MIT", "devDependencies": { "@happy-dom/global-registrator": "^20.14.5", diff --git a/packages/chart/README.md b/packages/chart/README.md index c3d9001..b8828ef 100644 --- a/packages/chart/README.md +++ b/packages/chart/README.md @@ -7,7 +7,7 @@ Zero-dependency, WASM+SIMD-accelerated candlestick/financial charting library in Read the [documentation and interactive playground](https://bloxwap.github.io/chart/) for guides, an API reference, and the complete chart controls. -Install it with `npm install @bloxwap/chart`. `0.1.0` is an early developer +Install it with `npm install @bloxwap/chart`. `0.2.0` is an early developer preview; expect breaking changes before `1.0`. The library lives in `packages/chart`, the Fumadocs app in `apps/docs`, and the diff --git a/packages/chart/package.json b/packages/chart/package.json index be85534..5a2076e 100644 --- a/packages/chart/package.json +++ b/packages/chart/package.json @@ -1,6 +1,6 @@ { "name": "@bloxwap/chart", - "version": "0.1.0", + "version": "0.2.0", "description": "Zero-dependency, WASM-accelerated candlestick/financial charting library in TypeScript with injected DOM", "type": "module", "sideEffects": false, diff --git a/packages/chart/src/index.ts b/packages/chart/src/index.ts index 722971e..32e7cf0 100644 --- a/packages/chart/src/index.ts +++ b/packages/chart/src/index.ts @@ -11,7 +11,7 @@ */ /** Library version. */ -export const version = '0.1.0'; +export const version = '0.2.0'; export { createChart, Chart } from './core/chart.js'; export { DEFAULT_DRAWING_COLOR, LINE_STYLE_DASH, WEAK_MAGNET_PX, DEFAULT_DOCK_WIDTH } from './core/chart.js';