From a4251b69b7f4a0cd6e173532634064dad2ed7b5c Mon Sep 17 00:00:00 2001 From: vargburz Date: Wed, 27 Dec 2023 14:50:48 +0300 Subject: [PATCH] build example --- build/webpack.demo.conf.js | 40 +++++++++++++++++++++++ example/README.md | 5 +++ example/example.html | 11 +++---- example/{examplePod.ts => example_pod.ts} | 2 +- package.json | 1 + src/index.ts | 1 + tsconfig.json | 2 -- 7 files changed, 52 insertions(+), 10 deletions(-) create mode 100755 build/webpack.demo.conf.js create mode 100644 example/README.md rename example/{examplePod.ts => example_pod.ts} (97%) diff --git a/build/webpack.demo.conf.js b/build/webpack.demo.conf.js new file mode 100755 index 0000000..89ef151 --- /dev/null +++ b/build/webpack.demo.conf.js @@ -0,0 +1,40 @@ +const path = require('path'); + +function resolve(dir) { + return path.join(__dirname, '..', dir) +} + +module.exports = { + context: resolve('example'), + entry: './example_pod.ts', + plugins: [], + devtool: 'inline-source-map', + watch: true, + mode: 'development', + module: { + rules: [ + { + test: /\.ts$/, + use: 'ts-loader', + exclude: /node_modules/ + }, + { + test: /\.css$/, + use: [ + { loader: 'style-loader', options: { injectType: 'lazyStyleTag' } }, + 'css-loader', + ], + exclude: /node_modules/ + } + ], + }, + resolve: { + extensions: ['.ts', '.js'], + }, + output: { + filename: 'example.js', + path: resolve('example/dist'), + libraryTarget: 'umd', + umdNamedDefine: true + } +}; diff --git a/example/README.md b/example/README.md new file mode 100644 index 0000000..4dd7c7e --- /dev/null +++ b/example/README.md @@ -0,0 +1,5 @@ +### HOW TO RUN + +run `yarn run dev` and `yarn run demo` in separate terminals simultaneously. + +open `example.html` in your browser. diff --git a/example/example.html b/example/example.html index 9c6f55a..a978084 100644 --- a/example/example.html +++ b/example/example.html @@ -4,7 +4,7 @@ - +
@@ -15,10 +15,9 @@ const data1 = Array.from({ length: arrayLength }, (el, idx) => [startTime + idx * 10000, Math.floor(Math.random() * 40)]); let options = { - renderLegend: false, usePanning: false, + renderLegend: false, axis: { - y: { invert: false, range: [0, 350] }, - y1: { isActive: true, range: [0, 10], ticksCount: 8 }, + y: { range: [0, 350] }, x: { format: 'time' } }, zoomEvents: { @@ -29,9 +28,7 @@ var pod = new ExamplePod( document.getElementById('chart'), [ - { target: 'test1', datapoints: data1, color: 'green', dashArray: '5,3', class: 'first', renderArea: true }, - { target: 'test2', datapoints: data2, color: 'blue', yOrientation: 'right' }, - { target: 'test3', datapoints: data3, color: 'orange' }, + { target: 'test1', datapoints: data1, color: 'green' }, ], options ); diff --git a/example/examplePod.ts b/example/example_pod.ts similarity index 97% rename from example/examplePod.ts rename to example/example_pod.ts index 7f97ce2..5ddb1ba 100644 --- a/example/examplePod.ts +++ b/example/example_pod.ts @@ -43,7 +43,7 @@ class ExamplePod extends ChartwerkPod { .append('path') .datum(serie.datapoints) .attr('class', `metric-path-${serie.idx} metric-el ${serie.class}`) - .attr('fill', serie.color) + .attr('fill-opacity', 0) .attr('stroke', serie.color) .attr('stroke-width', 1) .attr('stroke-opacity', 0.7) diff --git a/package.json b/package.json index 04238f5..c8b9e6a 100755 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "scripts": { "build": "webpack --config build/webpack.prod.conf.js", "dev": "webpack --config build/webpack.dev.conf.js", + "demo": "webpack --config build/webpack.demo.conf.js", "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { diff --git a/src/index.ts b/src/index.ts index 66c46d4..7e6dcdb 100644 --- a/src/index.ts +++ b/src/index.ts @@ -102,6 +102,7 @@ abstract class ChartwerkPod { } public render(): void { + console.log('tut'); this.options.callbackRenderStart(); this.renderClipPath(); diff --git a/tsconfig.json b/tsconfig.json index 558c8fc..4c96b42 100755 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,7 +1,6 @@ { "compilerOptions": { "target": "es5", - "rootDir": "./src", "module": "esnext", "declaration": true, "declarationDir": "dist", @@ -16,7 +15,6 @@ "noImplicitUseStrict": false, "noImplicitAny": false, "noUnusedLocals": false, - "baseUrl": "./src", "moduleResolution": "node" } }