diff --git a/Makefile b/Makefile index abc5812..405a6da 100644 --- a/Makefile +++ b/Makefile @@ -1,5 +1,15 @@ JK = @pnpm exec jiek --root . +FLAGS += --bundle +FLAGS += --loader:.html=copy +FLAGS += --loader:.json=copy +FLAGS += --outdir=./display +FLAGS += --target=chrome51 +FLAGS += ./dev/index.html +FLAGS += ./dev/data.json +FLAGS += ./dev/main.ts + + bootstrap: @echo "Install dependiences" corepack enable @@ -19,8 +29,8 @@ build-pub: bootstrap build-lib dev-server: @echo "Start dev server" - @pnpm exec vite + ./node_modules/.bin/esbuild $(FLAGS) --define:LIVE_RELOAD=true --watch --servedir=./display build-server: @echo "Build server" - @pnpm exec vite build + ./node_modules/.bin/esbuild $(FLAGS) --define:LIVE_RELOAD=false diff --git a/README.md b/README.md index 008b7c7..f3a0899 100644 --- a/README.md +++ b/README.md @@ -4,20 +4,15 @@  -## Usage - -```ts -import { createTreemap, presetDecorator } from 'squarified' - -const root = document.querySelector('#app') +## Install -const treemap = createTreemap() -treemap.use('decorator', presetDecorator) +```shell +$ yarn add squarified +``` -treemap.init(root) +## Usage -treemap.setOptions({ data: [] }) -``` +See the dev directory for a minimal example. ### Auth diff --git a/dev/public/data.json b/dev/data.json similarity index 100% rename from dev/public/data.json rename to dev/data.json diff --git a/dev/index.html b/dev/index.html index 93c633a..3f1d61f 100644 --- a/dev/index.html +++ b/dev/index.html @@ -16,6 +16,6 @@
- +