chore: add webpack copy plugin

Author: ngfelixl

NOTES.md

@@ -28,6 +28,11 @@ These are notes for the stream implementation of Nodeplotlib.
 - Is the `stack` function really needed? Stack served the purpose that only one window opens which
   could display several plots.
 
+## The clear function
+
+- The `clear` function is also probably not needed. Just close all windows and it should close the
+  subscriptions to the plots and streams.
+
 ## Backlog
 
 - The user can remove plots from the frontend. If that happened it submits a message to the

angular.json

@@ -138,9 +138,10 @@
             "main": "apps/nodeplotlib/src/main.ts",
             "tsConfig": "apps/nodeplotlib/tsconfig.app.json",
             "assets": [
-              "apps/nodeplotlib/src/assets",
               "apps/nodeplotlib/src/package.json"
-            ]
+            ],
+            "externalDendencies": "none",
+            "webpackConfig": "apps/nodeplotlib/webpack.config.js"
           },
           "configurations": {
             "production": {

apps/nodeplotlib/src/main.d.ts

@@ -0,0 +1,7 @@
+// This file should be generated automatically by the webpack compiler.
+import { PlotData, Layout as PlotlyLayout } from 'plotly.js';
+import { Observable } from 'rxjs';
+
+export type Plot = Partial<PlotData>;
+export type Layout = Partial<PlotlyLayout>;
+export function plot(plot: Plot[] | Observable<Plot[]>, layout?: Layout): void

apps/nodeplotlib/src/package.json

@@ -2,5 +2,17 @@
   "name": "npl",
   "version": "0.8.0-rc0",
   "license": "MIT",
-  "main": "main.js"
+  "main": "main.js",
+  "types": "main.d.ts",
+  "files": [
+    "main.js",
+    "main.d.ts",
+    "web/**"
+  ],
+  "dependencies": {
+    "@types/plotly.js": "^1.54.17"
+  },
+  "peerDependencies": {
+    "rxjs": "^6.5.3"
+  }
 }

apps/nodeplotlib/webpack.config.js

@@ -0,0 +1,15 @@
+const CopyPlugin = require("copy-webpack-plugin");
+
+module.exports = (x) => ({
+  ...x,
+  plugins: [
+    ...x.plugins,
+    new CopyPlugin({
+      patterns: [
+        { from: "dist/apps/web", to: "web" },
+        { from: "apps/nodeplotlib/src/main.d.ts", to: "" },
+        { from: "LICENSE", to: "" },
+      ],
+    }),
+  ],
+});

nx.json

@@ -37,7 +37,8 @@
       "tags": ["type:util", "scope:shared"]
     },
     "nodeplotlib": {
-      "tags": []
+      "tags": [],
+      "implicitDependencies": ["web"]
     },
     "web": {
       "tags": []

package-lock.json

@@ -69,6 +69,7 @@
     "@types/request": "^2.48.7",
     "@typescript-eslint/eslint-plugin": "~4.28.3",
     "@typescript-eslint/parser": "~4.28.3",
+    "copy-webpack-plugin": "^6.3.2",
     "cypress": "^8.3.0",
     "eslint": "7.22.0",
     "eslint-config-prettier": "8.1.0",

package.json

@@ -0,0 +1,14 @@
+# Demo plots
+
+These plots are meant to run with the compiled version of nodeplotlib. You can run them
+with the following commands:
+
+
+```
+node ./tools/demo/scatter.js
+node ./tools/demo/candlestick.js
+npx ts-node ./tools/demo/scatter.ts
+```
+
+For further demos you can have a look at the **dev-server** app. In the */data* folder
+you'll find demos for several plot types.

tools/demo/README.md

@@ -0,0 +1,3 @@
+import { plot } from '../../dist/apps/nodeplotlib';
+
+plot([{ x: [0, 1], y: [1, 1], type: 'scatter' }]);