[ { "path": ".editorconfig", "content": "# Editor configuration, see http://editorconfig.org\nroot = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n\n[*.md]\nmax_line_length = off\ntrim_trailing_whitespace = false\n" }, { "path": ".eslintrc.json", "content": "{\n \"root\": true,\n \"ignorePatterns\": [\"**/*\"],\n \"plugins\": [\"@nrwl/nx\"],\n \"overrides\": [\n {\n \"files\": [\"*.ts\", \"*.tsx\", \"*.js\", \"*.jsx\"],\n \"rules\": {\n \"@nrwl/nx/enforce-module-boundaries\": [\n \"error\",\n {\n \"enforceBuildableLibDependency\": true,\n \"allow\": [],\n \"depConstraints\": [\n {\n \"sourceTag\": \"*\",\n \"onlyDependOnLibsWithTags\": [\"*\"]\n }\n ]\n }\n ]\n },\n \"plugins\": [],\n \"extends\": []\n },\n {\n \"files\": [\"*.ts\", \"*.tsx\"],\n \"extends\": [\"plugin:@nrwl/nx/typescript\"],\n \"rules\": {},\n \"plugins\": []\n },\n {\n \"files\": [\"*.js\", \"*.jsx\"],\n \"extends\": [\"plugin:@nrwl/nx/javascript\"],\n \"rules\": {}\n }\n ]\n}\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.md", "content": "---\nname: Bug report\nabout: Create a report to help us improve\ntitle: ''\nlabels: ''\nassignees: ''\n\n---\n\n**Describe the bug**\nA clear and concise description of what the bug is.\n\n**To Reproduce**\nSteps to reproduce the behavior:\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'\n4. See error\n\n**Expected behavior**\nA clear and concise description of what you expected to happen.\n\n**Screenshots**\nIf applicable, add screenshots to help explain your problem.\n\n**Desktop (please complete the following information):**\n - OS: [e.g. iOS]\n - Browser [e.g. chrome, safari]\n - Version [e.g. 22]\n\n**Smartphone (please complete the following information):**\n - Device: [e.g. iPhone6]\n - OS: [e.g. iOS8.1]\n - Browser [e.g. stock browser, safari]\n - Version [e.g. 22]\n\n**Additional context**\nAdd any other context about the problem here.\n" }, { "path": ".github/ISSUE_TEMPLATE/feature_request.md", "content": "---\nname: Feature request\nabout: Suggest an idea for this project\ntitle: ''\nlabels: ''\nassignees: ''\n\n---\n\n**Is your feature request related to a problem? Please describe.**\nA clear and concise description of what the problem is. Ex. I'm always frustrated when [...]\n\n**Describe the solution you'd like**\nA clear and concise description of what you want to happen.\n\n**Describe alternatives you've considered**\nA clear and concise description of any alternative solutions or features you've considered.\n\n**Additional context**\nAdd any other context or screenshots about the feature request here.\n" }, { "path": ".github/workflows/ci.yml", "content": "name: Node.js CI\n\non:\n push:\n branches:\n - main\n pull_request:\n\njobs:\n build:\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v2\n with:\n fetch-depth: 0\n - uses: nrwl/nx-set-shas@v2\n - run: npm ci\n - run: npx nx workspace-lint\n - run: npx nx format:check\n - run: npx nx run-many --target=lint --all\n - run: npx nx run-many --target=test --all\n - run: npx nx run dev-server:build\n - run: npm run build:prod\n env:\n CI: true\n" }, { "path": ".gitignore", "content": "# See http://help.github.com/ignore-files/ for more about ignoring files.\n\n# compiled output\n/dist\n/tmp\n/out-tsc\n\n# dependencies\n/node_modules\n\n# IDEs and editors\n/.idea\n.project\n.classpath\n.c9/\n*.launch\n.settings/\n*.sublime-workspace\n\n# IDE - VSCode\n.vscode/*\n!.vscode/settings.json\n!.vscode/tasks.json\n!.vscode/launch.json\n!.vscode/extensions.json\n\n# misc\n/.angular/cache\n/.sass-cache\n/connect.lock\n/coverage\n/libpeerconnection.log\nnpm-debug.log\nyarn-error.log\ntestem.log\n/typings\n\n# System Files\n.DS_Store\nThumbs.db\n" }, { "path": ".prettierignore", "content": "# Add files here to ignore them from prettier formatting\n\n/dist\n/coverage\n" }, { "path": ".prettierrc", "content": "{\n \"singleQuote\": true\n}\n" }, { "path": ".vscode/extensions.json", "content": "{\n \"recommendations\": [\n \"angular.ng-template\",\n \"nrwl.angular-console\",\n \"esbenp.prettier-vscode\",\n \"firsttris.vscode-jest-runner\",\n \"dbaeumer.vscode-eslint\"\n ]\n}\n" }, { "path": "CODE_OF_CONDUCT.md", "content": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nIn the interest of fostering an open and welcoming environment, we as\ncontributors and maintainers pledge to making participation in our project and\nour community a harassment-free experience for everyone, regardless of age, body\nsize, disability, ethnicity, sex characteristics, gender identity and expression,\nlevel of experience, education, socio-economic status, nationality, personal\nappearance, race, religion, or sexual identity and orientation.\n\n## Our Standards\n\nExamples of behavior that contributes to creating a positive environment\ninclude:\n\n* Using welcoming and inclusive language\n* Being respectful of differing viewpoints and experiences\n* Gracefully accepting constructive criticism\n* Focusing on what is best for the community\n* Showing empathy towards other community members\n\nExamples of unacceptable behavior by participants include:\n\n* The use of sexualized language or imagery and unwelcome sexual attention or\n advances\n* Trolling, insulting/derogatory comments, and personal or political attacks\n* Public or private harassment\n* Publishing others' private information, such as a physical or electronic\n address, without explicit permission\n* Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Our Responsibilities\n\nProject maintainers are responsible for clarifying the standards of acceptable\nbehavior and are expected to take appropriate and fair corrective action in\nresponse to any instances of unacceptable behavior.\n\nProject maintainers have the right and responsibility to remove, edit, or\nreject comments, commits, code, wiki edits, issues, and other contributions\nthat are not aligned to this Code of Conduct, or to ban temporarily or\npermanently any contributor for other behaviors that they deem inappropriate,\nthreatening, offensive, or harmful.\n\n## Scope\n\nThis Code of Conduct applies both within project spaces and in public spaces\nwhen an individual is representing the project or its community. Examples of\nrepresenting a project or community include using an official project e-mail\naddress, posting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event. Representation of a project may be\nfurther defined and clarified by project maintainers.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported by contacting the project team at flemke.dev@gmail.com. All\ncomplaints will be reviewed and investigated and will result in a response that\nis deemed necessary and appropriate to the circumstances. The project team is\nobligated to maintain confidentiality with regard to the reporter of an incident.\nFurther details of specific enforcement policies may be posted separately.\n\nProject maintainers who do not follow or enforce the Code of Conduct in good\nfaith may face temporary or permanent repercussions as determined by other\nmembers of the project's leadership.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,\navailable at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html\n\n[homepage]: https://www.contributor-covenant.org\n\nFor answers to common questions about this code of conduct, see\nhttps://www.contributor-covenant.org/faq\n" }, { "path": "CONTRIBUTING.md", "content": "## Contribution guidelines\n\nContributions are very welcome. Please stick to the [code of conduct](./CODE_OF_CONDUCT.md) and, if possible, follow the issue templates.\n\n\n### Commit message guidelines\n\nPlease use the following template for your commit messages.\n\n```\ntype(scope): message\n\nmessage-body\n\nBREAKING CHANGE\nCloses #4746\n```\n\nThe message body can be multiple lines without any empty lines in between. If there is a breaking change please add the `BREAKING CHANGE` note.\nIf there is a related issue to this commit, please add a line containing `Closes/Fixes/Related to #ISSUENUMBER`. The type may be\none of the following\n\n- feature (if new features are introduced)\n- fix (if a bug was fixed and no features are introduced)\n- package (for changes related to npm/travis configuration)\n- misc (anything that does not fit in the above)\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2022 Felix Lemke\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE." }, { "path": "NOTES.md", "content": "These are notes for the stream implementation of Nodeplotlib.\n\n## General\n\n- A plot window (**apps/web**) tries to connect to the server via a realtime api (e.g. websockets).\n- The server recognizes the count of connected apps.\n- If the user executes the `plot` function several times, it will only open a window if there is no\n open connection to a **apps/web**.\n\n## Server lifecycle\n\n- The server starts with the execution of the `plot` function if there is no active server running.\n- The server stops if all **apps/web** are disconnected (and there were connections before).\n\n## The plot function\n\n- The plot function can either handle a `Plot` or an `Observable`.\n - It creates an `Observable` by using Rxjs' `of` observable constructor.\n- The plot streams are saved in a Plots Set.\n- If there is an active **apps/web** that listens to the server, it subscribes to all Plots in the Set.\n- It does not submit a whole \"plots\" object, but rather submits all plots one by one. The reason is\n realtime data, for which only the updated plot should be transmitted.\n- If all **apps/web** are disconnected, it should close the observable subscriptions of the plots and close\n the server as mentioned in the **server lifecycle** section.\n\n## The stack function\n\n- Is the `stack` function really needed? Stack served the purpose that only one window opens which\n could display several plots.\n\n## The clear function\n\n- The `clear` function is also probably not needed. Just close all windows and it should close the\n subscriptions to the plots and streams.\n\n## Backlog\n\n- The user can remove plots from the frontend. If that happened it submits a message to the\n backend so that the subscription can be cancelled and the plot stream can be removed from the plots set.\n\n## Frontend only\n\n- The user has the possibility to rearrange plots per drag and drop.\n- The user can resize the individual plot windows.\n\n## Development\n\nTo start the app for development purposes run\n\n```\nnpm run build web -- --watch\nnpm start dev-server\n```\n" }, { "path": "README.md", "content": "# NodePlotLib\n\n[![NodeJS CI](https://github.com/ngfelixl/nodeplotlib/workflows/Node.js%20CI/badge.svg)](https://github.com/ngfelixl/nodeplotlib/actions?query=workflow%3A%22Node.js+CI%22)\n[![npm](https://img.shields.io/npm/v/nodeplotlib?color=#00f800)](https://npmjs.com/package/nodeplotlib)\n[![npm](https://img.shields.io/npm/dt/nodeplotlib.svg)](https://npmjs.com/package/nodeplotlib)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n[![Animation (View on Github)](https://raw.githubusercontent.com/ngfelixl/nodeplotlib/master/img/animation-next.gif)](https://raw.githubusercontent.com/ngfelixl/nodeplotlib/master/img/animation-next.gif)\n\nThis readme contains all the necessary information for the development.\n\n## [Go to the user docs](./libs/nodeplotlib/README.md)\n\n## Installation\n\n### Npmjs\n\n```sh\nnpm install nodeplotlib\n# or\nyarn add nodeplotlib\n```\n\n### Repository\n\nCreate a fork of this repository. Then clone it\n\n```\ngit clone https://github.com/{{USERNAME}}/nodeplotlib\ncd nodeplotlib\nnpm i\n```\n\n## Serving the app for development\n\nServing in development mode prevents the app to open a new browser window on changes.\nYou can open the app at the specified port, e.g. `http://localhost:4201`.\n\n```\nnpx nx run web:build -- --watch\n\nNODEPLOTLIB_PORT=4201 npx nx run dev-server:serve\n// or on Windows cmd\nset \"NODEPLOTLIB_PORT=4201\" && npx nx run dev-server:serve\n// or on Windows Powershell\n$env:NODEPLOTLIB_PORT = \"4201\" ; npx nx run dev-server:serve\n```\n\n## Build for production\n\nTo build for production three steps are necessary. Build the web app, build\nthe library, and finally copy the web app files to the libraries dist folder.\nAll steps are bundled in the following script:\n\n```\nnpm run build:prod\n```\n\nAll dist files are located in **/dist/libs/nodeplotlib**\n\n## Release Guide\n\nThis is a note for maintainers only. There are several steps to follow before you\ncan publish the new version to npm.\n\n1. Bump the version number using semver. Use \"rc\" for release candidates as the _preid_, e.g.\n `1.0.0-rc1`. Update the version number in the root [package.json](./package.json)\n and in the libs [package.json](./libs/nodeplotlib/package.json).\n2. If everything is committed and in place on \"master\" for non-release candidates,\n or on \"release/...\" for release candidates. Create a tag with that version number,\n e.g. `v1.0.0-rc1` or `v1.0.1`, and push it to the repository.\n3. Run `npm run build:prod`\n4. Navigate to **/dist/libs/nodeplotlib**\n5. Run `npm pack`\n6. Make sure to be logged in to npmjs. Then run\n - `npm publish {{filename}}.tgz` or\n - `npm publish {{filename}}.tgz --tag test` for release candidates.\n7. Create a release on Github for non-release cadidate versions.\n\n## Behind the scenes\n\nThe lib launches a webserver and opens new tabs for every plot located at\n`http://localhost:{{PORT}}`, where `PORT` is a free port determined by the express\nserver itself. At this address the Angular application will be served temporarily.\nThe server and the app set up a connection via socket.io. This way a realtime\ntransmission is possible.\n\n## Contributing\n\nContributions in all forms are welcome.\n\n## Contributors\n\n\n\n\n\n\n" }, { "path": "angular.json", "content": "{\n \"$schema\": \"./node_modules/nx/schemas/workspace-schema.json\",\n \"version\": 2,\n \"projects\": {\n \"dev-server\": \"apps/dev-server\",\n \"nodeplotlib\": \"libs/nodeplotlib\",\n \"web\": \"apps/web\",\n \"web-e2e\": \"apps/web-e2e\"\n }\n}\n" }, { "path": "apps/.gitkeep", "content": "" }, { "path": "apps/dev-server/.eslintrc.json", "content": "{\n \"extends\": [\"../../.eslintrc.json\"],\n \"ignorePatterns\": [\"!**/*\"],\n \"overrides\": [\n {\n \"files\": [\"*.ts\", \"*.tsx\", \"*.js\", \"*.jsx\"],\n \"rules\": {}\n },\n {\n \"files\": [\"*.ts\", \"*.tsx\"],\n \"rules\": {}\n },\n {\n \"files\": [\"*.js\", \"*.jsx\"],\n \"rules\": {}\n }\n ]\n}\n" }, { "path": "apps/dev-server/jest.config.ts", "content": "/* eslint-disable */\nexport default {\n displayName: 'dev-server',\n preset: '../../jest.preset.js',\n globals: {\n 'ts-jest': {\n tsconfig: '/tsconfig.spec.json',\n },\n },\n testEnvironment: 'node',\n transform: {\n '^.+\\\\.[tj]s$': 'ts-jest',\n },\n moduleFileExtensions: ['ts', 'js', 'html'],\n coverageDirectory: '../../coverage/apps/dev-server',\n};\n" }, { "path": "apps/dev-server/project.json", "content": "{\n \"$schema\": \"../../node_modules/nx/schemas/project-schema.json\",\n \"sourceRoot\": \"apps/dev-server/src\",\n \"projectType\": \"application\",\n \"architect\": {\n \"build\": {\n \"executor\": \"@nrwl/node:webpack\",\n \"outputs\": [\"{options.outputPath}\"],\n \"options\": {\n \"outputPath\": \"dist/apps/dev-server\",\n \"main\": \"apps/dev-server/src/main.ts\",\n \"tsConfig\": \"apps/dev-server/tsconfig.app.json\",\n \"assets\": [\n \"apps/dev-server/src/assets\",\n {\n \"glob\": \"**/*\",\n \"input\": \"dist/apps/web\",\n \"output\": \"web\"\n }\n ]\n },\n \"configurations\": {\n \"production\": {\n \"optimization\": true,\n \"extractLicenses\": true,\n \"inspect\": false,\n \"fileReplacements\": [\n {\n \"replace\": \"apps/dev-server/src/environments/environment.ts\",\n \"with\": \"apps/dev-server/src/environments/environment.prod.ts\"\n }\n ]\n }\n }\n },\n \"serve\": {\n \"executor\": \"@nrwl/node:node\",\n \"options\": {\n \"buildTarget\": \"dev-server:build\"\n }\n },\n \"lint\": {\n \"executor\": \"@nrwl/linter:eslint\",\n \"outputs\": [\"{options.outputFile}\"],\n \"options\": {\n \"lintFilePatterns\": [\"apps/dev-server/**/*.ts\"]\n }\n },\n \"test\": {\n \"executor\": \"@nrwl/jest:jest\",\n \"outputs\": [\"coverage/apps/dev-server\"],\n \"options\": {\n \"jestConfig\": \"apps/dev-server/jest.config.ts\",\n \"passWithNoTests\": true\n }\n }\n },\n \"implicitDependencies\": [\"web\"]\n}\n" }, { "path": "apps/dev-server/src/assets/.gitkeep", "content": "" }, { "path": "apps/dev-server/src/data/2d-histogram.ts", "content": "import { Layout, Plot } from '@npl/nodeplotlib';\n\nfunction normal() {\n let x = 0,\n y = 0,\n rds;\n do {\n x = Math.random() * 2 - 1;\n y = Math.random() * 2 - 1;\n rds = x * x + y * y;\n } while (rds == 0 || rds > 1);\n const c = Math.sqrt((-2 * Math.log(rds)) / rds); // Box-Muller transform\n return x * c; // throw away extra sample y * c\n}\n\nconst N = 2000;\nconst a = -1;\nconst b = 1.2;\n\nconst step = (b - a) / (N - 1);\nconst t = new Array(N),\n x = new Array(N),\n y = new Array(N);\n\nfor (let i = 0; i < N; i++) {\n t[i] = a + step * i;\n x[i] = Math.pow(t[i], 3) + 0.3 * normal();\n y[i] = Math.pow(t[i], 6) + 0.3 * normal();\n}\n\nconst trace1: Plot = {\n x: x,\n y: y,\n mode: 'markers',\n name: 'points',\n marker: {\n color: 'rgb(102,0,0)',\n size: 2,\n opacity: 0.4,\n },\n type: 'scatter',\n};\nconst trace2: Plot = {\n x: x,\n y: y,\n name: 'density',\n ncontours: 20,\n colorscale: 'Hot',\n reversescale: true,\n showscale: false,\n type: 'histogram2dcontour',\n} as Plot;\nconst trace3: Plot = {\n x: x,\n name: 'x density',\n marker: { color: 'rgb(102,0,0)' },\n yaxis: 'y2',\n type: 'histogram',\n};\nconst trace4: Plot = {\n y: y,\n name: 'y density',\n marker: { color: 'rgb(102,0,0)' },\n xaxis: 'x2',\n type: 'histogram',\n};\nexport const data = [trace1, trace2, trace3, trace4];\nexport const layout: Layout = {\n showlegend: false,\n autosize: false,\n width: 600,\n height: 550,\n margin: { t: 50 },\n hovermode: 'closest',\n bargap: 0,\n xaxis: {\n domain: [0, 0.85],\n showgrid: false,\n zeroline: false,\n },\n yaxis: {\n domain: [0, 0.85],\n showgrid: false,\n zeroline: false,\n },\n xaxis2: {\n domain: [0.85, 1],\n showgrid: false,\n zeroline: false,\n },\n yaxis2: {\n domain: [0.85, 1],\n showgrid: false,\n zeroline: false,\n },\n};\n" }, { "path": "apps/dev-server/src/data/bar.ts", "content": "import { Plot } from '@npl/nodeplotlib';\n\nexport const data: Plot[] = [\n {\n type: 'bar',\n x: [20, 14, 23],\n y: ['giraffes', 'orangutans', 'monkeys'],\n orientation: 'h',\n },\n];\n" }, { "path": "apps/dev-server/src/data/candlestick.ts", "content": "import { Plot } from '@npl/nodeplotlib';\n\nconst trace1 = {\n x: [\n '2017-01-04',\n '2017-01-05',\n '2017-01-06',\n '2017-01-09',\n '2017-01-10',\n '2017-01-11',\n '2017-01-12',\n '2017-01-13',\n '2017-01-17',\n '2017-01-18',\n '2017-01-19',\n '2017-01-20',\n '2017-01-23',\n '2017-01-24',\n '2017-01-25',\n '2017-01-26',\n '2017-01-27',\n '2017-01-30',\n '2017-01-31',\n '2017-02-01',\n '2017-02-02',\n '2017-02-03',\n '2017-02-06',\n '2017-02-07',\n '2017-02-08',\n '2017-02-09',\n '2017-02-10',\n '2017-02-13',\n '2017-02-14',\n '2017-02-15',\n ],\n close: [\n 116.019997, 116.610001, 117.910004, 118.989998, 119.110001, 119.75, 119.25,\n 119.040001, 120, 119.989998, 119.779999, 120, 120.080002, 119.970001,\n 121.879997, 121.940002, 121.949997, 121.629997, 121.349998, 128.75,\n 128.529999, 129.080002, 130.289993, 131.529999, 132.039993, 132.419998,\n 132.119995, 133.289993, 135.020004, 135.509995,\n ],\n decreasing: { line: { color: '#7F7F7F' } },\n high: [\n 116.510002, 116.860001, 118.160004, 119.43, 119.379997, 119.93, 119.300003,\n 119.620003, 120.239998, 120.5, 120.089996, 120.449997, 120.809998,\n 120.099998, 122.099998, 122.440002, 122.349998, 121.629997, 121.389999,\n 130.490005, 129.389999, 129.190002, 130.5, 132.089996, 132.220001,\n 132.449997, 132.940002, 133.820007, 135.089996, 136.270004,\n ],\n increasing: { line: { color: '#17BECF' } },\n line: { color: 'rgba(31,119,180,1)' },\n low: [\n 115.75, 115.809998, 116.470001, 117.940002, 118.300003, 118.599998,\n 118.209999, 118.809998, 118.220001, 119.709999, 119.370003, 119.730003,\n 119.769997, 119.5, 120.279999, 121.599998, 121.599998, 120.660004,\n 120.620003, 127.010002, 127.779999, 128.160004, 128.899994, 130.449997,\n 131.220001, 131.119995, 132.050003, 132.75, 133.25, 134.619995,\n ],\n open: [\n 115.849998, 115.919998, 116.779999, 117.949997, 118.769997, 118.739998,\n 118.900002, 119.110001, 118.339996, 120, 119.400002, 120.449997, 120,\n 119.550003, 120.419998, 121.669998, 122.139999, 120.93, 121.150002,\n 127.029999, 127.980003, 128.309998, 129.130005, 130.539993, 131.350006,\n 131.649994, 132.460007, 133.080002, 133.470001, 135.520004,\n ],\n type: 'candlestick',\n xaxis: 'x',\n yaxis: 'y',\n} as Plot;\n\nexport const data = [trace1];\n\nexport const layout = {\n dragmode: 'zoom',\n margin: {\n r: 10,\n t: 25,\n b: 40,\n l: 60,\n },\n showlegend: false,\n xaxis: {\n autorange: true,\n domain: [0, 1],\n range: ['2017-01-03 12:00', '2017-02-15 12:00'],\n rangeslider: { range: ['2017-01-03 12:00', '2017-02-15 12:00'] },\n title: 'Date',\n type: 'date',\n },\n yaxis: {\n autorange: true,\n domain: [0, 1],\n range: [114.609999778, 137.410004222],\n type: 'linear',\n },\n};\n" }, { "path": "apps/dev-server/src/data/line-stream.ts", "content": "import { Plot } from '@npl/nodeplotlib';\nimport { interval, Observable, map } from 'rxjs';\n\nexport const stream$: Observable = interval(100).pipe(\n map((index) => {\n const data: Plot = {\n x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],\n y: Array(10)\n .fill(0)\n .map((_, i) => Math.sin(index + i)),\n type: 'scatter',\n };\n return [data];\n })\n);\n" }, { "path": "apps/dev-server/src/data/sankey.ts", "content": "import { Plot } from '@npl/nodeplotlib';\n\nexport const data = [\n {\n type: 'sankey',\n orientation: 'h',\n node: {\n pad: 15,\n thickness: 30,\n line: {\n color: 'black',\n width: 0.5,\n },\n label: ['A1', 'A2', 'B1', 'B2', 'C1', 'C2'],\n color: ['blue', 'blue', 'blue', 'blue', 'blue', 'blue'],\n },\n\n link: {\n source: [0, 1, 0, 2, 3, 3],\n target: [2, 3, 3, 4, 4, 5],\n value: [8, 4, 2, 8, 4, 2],\n },\n } as Plot,\n];\n\nexport const layout = {\n title: 'Basic Sankey',\n font: {\n size: 10,\n },\n};\n" }, { "path": "apps/dev-server/src/data/scatter.ts", "content": "import { Plot } from '@npl/nodeplotlib';\n\nconst trace1: Plot = {\n x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],\n y: [1, 2, 1, 2, 1, 2, 1, 2, 1, 2],\n type: 'scatter',\n};\nexport const data = [trace1];\nexport const layout = {};\n" }, { "path": "apps/dev-server/src/data/table.ts", "content": "import { Plot } from '@npl/nodeplotlib';\n\nconst values = [\n ['Salaries', 'Office', 'Merchandise', 'Legal', 'TOTAL'],\n [1200000, 20000, 80000, 2000, 12120000],\n [1300000, 20000, 70000, 2000, 130902000],\n [1300000, 20000, 120000, 2000, 131222000],\n [1400000, 20000, 90000, 2000, 14102000],\n];\n\nconst headerColor = 'grey';\nconst rowEvenColor = 'lightgrey';\nconst rowOddColor = 'white';\n\nexport const data = [\n {\n type: 'table',\n header: {\n values: [\n ['EXPENSES'],\n ['Q1'],\n ['Q2'],\n ['Q3'],\n ['Q4'],\n ],\n align: 'center',\n line: { width: 1, color: 'black' },\n fill: { color: headerColor },\n font: { family: 'Arial', size: 12, color: 'white' },\n },\n cells: {\n values: values,\n align: 'center',\n line: { color: 'black', width: 1 },\n fill: {\n color: [\n [rowOddColor, rowEvenColor, rowOddColor, rowEvenColor, rowOddColor],\n ],\n },\n font: { family: 'Arial', size: 11, color: ['black'] },\n },\n } as Plot,\n];\n" }, { "path": "apps/dev-server/src/environments/environment.prod.ts", "content": "export const environment = {\n production: true,\n};\n" }, { "path": "apps/dev-server/src/environments/environment.ts", "content": "export const environment = {\n production: false,\n};\n" }, { "path": "apps/dev-server/src/main.ts", "content": "/**\n * This is not a production server yet!\n * This is only a minimal backend to get started.\n */\n\nimport { plot } from '@npl/nodeplotlib';\nimport {\n data as histogram,\n layout as histogramLayout,\n} from './data/2d-histogram';\nimport { data as bar } from './data/bar';\nimport { stream$ } from './data/line-stream';\nimport { data as sankey, layout as sankeyLayout } from './data/sankey';\nimport { data as scatter, layout as scatterPlotLayout } from './data/scatter';\nimport { data as table } from './data/table';\n\nplot(stream$);\nplot(scatter, scatterPlotLayout);\nplot(bar);\nplot(sankey, sankeyLayout);\nplot(histogram, histogramLayout);\nplot(table);\n" }, { "path": "apps/dev-server/tsconfig.app.json", "content": "{\n \"extends\": \"./tsconfig.json\",\n \"compilerOptions\": {\n \"outDir\": \"../../dist/out-tsc\",\n \"module\": \"commonjs\",\n \"types\": [\"node\"],\n \"emitDecoratorMetadata\": true,\n \"target\": \"es2015\"\n },\n \"exclude\": [\"**/*.spec.ts\", \"**/*.test.ts\"],\n \"include\": [\"**/*.ts\"]\n}\n" }, { "path": "apps/dev-server/tsconfig.json", "content": "{\n \"extends\": \"../../tsconfig.base.json\",\n \"files\": [],\n \"include\": [],\n \"references\": [\n {\n \"path\": \"./tsconfig.app.json\"\n },\n {\n \"path\": \"./tsconfig.spec.json\"\n }\n ]\n}\n" }, { "path": "apps/dev-server/tsconfig.spec.json", "content": "{\n \"extends\": \"./tsconfig.json\",\n \"compilerOptions\": {\n \"outDir\": \"../../dist/out-tsc\",\n \"module\": \"commonjs\",\n \"types\": [\"jest\", \"node\"]\n },\n \"include\": [\"**/*.spec.ts\", \"**/*.test.ts\", \"**/*.d.ts\"]\n}\n" }, { "path": "apps/web/.browserslistrc", "content": "# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.\n# For additional information regarding the format and rule options, please see:\n# https://github.com/browserslist/browserslist#queries\n\n# For the full list of supported browsers by the Angular framework, please see:\n# https://angular.io/guide/browser-support\n\n# You can see what browsers were selected by your queries by running:\n# npx browserslist\n\nlast 1 Chrome version\nlast 1 Firefox version\nlast 2 Edge major versions\nlast 2 Safari major versions\nlast 2 iOS major versions\nFirefox ESR\nnot IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.\n" }, { "path": "apps/web/.eslintrc.json", "content": "{\n \"extends\": [\"../../.eslintrc.json\"],\n \"ignorePatterns\": [\"!**/*\"],\n \"overrides\": [\n {\n \"files\": [\"*.ts\"],\n \"extends\": [\n \"plugin:@nrwl/nx/angular\",\n \"plugin:@angular-eslint/template/process-inline-templates\"\n ],\n \"rules\": {\n \"@angular-eslint/directive-selector\": [\n \"error\",\n {\n \"type\": \"attribute\",\n \"prefix\": \"npl\",\n \"style\": \"camelCase\"\n }\n ],\n \"@angular-eslint/component-selector\": [\n \"error\",\n {\n \"type\": \"element\",\n \"prefix\": \"npl\",\n \"style\": \"kebab-case\"\n }\n ]\n }\n },\n {\n \"files\": [\"*.html\"],\n \"extends\": [\"plugin:@nrwl/nx/angular-template\"],\n \"rules\": {}\n }\n ]\n}\n" }, { "path": "apps/web/jest.config.ts", "content": "/* eslint-disable */\nexport default {\n displayName: 'web',\n preset: '../../jest.preset.js',\n setupFilesAfterEnv: ['/src/test-setup.ts'],\n globals: {\n 'ts-jest': {\n tsconfig: '/tsconfig.spec.json',\n stringifyContentPathRegex: '\\\\.(html|svg)$',\n },\n },\n coverageDirectory: '../../coverage/apps/web',\n transform: {\n '^.+\\\\.(ts|mjs|js|html)$': 'jest-preset-angular',\n },\n transformIgnorePatterns: ['node_modules/(?!.*\\\\.mjs$)'],\n snapshotSerializers: [\n 'jest-preset-angular/build/serializers/no-ng-attributes',\n 'jest-preset-angular/build/serializers/ng-snapshot',\n 'jest-preset-angular/build/serializers/html-comment',\n ],\n};\n" }, { "path": "apps/web/project.json", "content": "{\n \"$schema\": \"../../node_modules/nx/schemas/project-schema.json\",\n \"projectType\": \"application\",\n \"sourceRoot\": \"apps/web/src\",\n \"prefix\": \"npl\",\n \"targets\": {\n \"build\": {\n \"executor\": \"@angular-devkit/build-angular:browser\",\n \"outputs\": [\"{options.outputPath}\"],\n \"options\": {\n \"outputPath\": \"dist/apps/web\",\n \"index\": \"apps/web/src/index.html\",\n \"main\": \"apps/web/src/main.ts\",\n \"polyfills\": \"apps/web/src/polyfills.ts\",\n \"tsConfig\": \"apps/web/tsconfig.app.json\",\n \"assets\": [\"apps/web/src/favicon.ico\", \"apps/web/src/assets\"],\n \"styles\": [\"apps/web/src/custom-theme.scss\", \"apps/web/src/styles.css\"],\n \"scripts\": []\n },\n \"configurations\": {\n \"production\": {\n \"budgets\": [\n {\n \"type\": \"initial\",\n \"maximumWarning\": \"500kb\",\n \"maximumError\": \"1mb\"\n },\n {\n \"type\": \"anyComponentStyle\",\n \"maximumWarning\": \"2kb\",\n \"maximumError\": \"4kb\"\n }\n ],\n \"fileReplacements\": [\n {\n \"replace\": \"apps/web/src/environments/environment.ts\",\n \"with\": \"apps/web/src/environments/environment.prod.ts\"\n }\n ],\n \"outputHashing\": \"none\"\n },\n \"development\": {\n \"buildOptimizer\": false,\n \"optimization\": false,\n \"vendorChunk\": true,\n \"extractLicenses\": false,\n \"sourceMap\": true,\n \"namedChunks\": true\n }\n },\n \"defaultConfiguration\": \"production\"\n },\n \"serve\": {\n \"executor\": \"@angular-devkit/build-angular:dev-server\",\n \"configurations\": {\n \"production\": {\n \"browserTarget\": \"web:build:production\"\n },\n \"development\": {\n \"browserTarget\": \"web:build:development\"\n }\n },\n \"defaultConfiguration\": \"development\"\n },\n \"extract-i18n\": {\n \"executor\": \"@angular-devkit/build-angular:extract-i18n\",\n \"options\": {\n \"browserTarget\": \"web:build\"\n }\n },\n \"lint\": {\n \"executor\": \"@nrwl/linter:eslint\",\n \"options\": {\n \"lintFilePatterns\": [\"apps/web/src/**/*.ts\", \"apps/web/src/**/*.html\"]\n }\n },\n \"test\": {\n \"executor\": \"@nrwl/jest:jest\",\n \"outputs\": [\"coverage/apps/web\"],\n \"options\": {\n \"jestConfig\": \"apps/web/jest.config.ts\",\n \"passWithNoTests\": true\n }\n }\n }\n}\n" }, { "path": "apps/web/src/app/app-routing.module.ts", "content": "import { NgModule } from '@angular/core';\nimport {\n ActivatedRouteSnapshot,\n BaseRouteReuseStrategy,\n DetachedRouteHandle,\n Route,\n RouteReuseStrategy,\n RouterModule,\n} from '@angular/router';\nimport { PlotsComponent } from './components/plots/plots.component';\nimport { TutorialComponent } from './components/tutorial/tutorial.component';\n\nconst routes: Route[] = [\n { path: 'plots', component: PlotsComponent },\n { path: 'tutorial', component: TutorialComponent },\n { path: '**', redirectTo: 'plots' },\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes)],\n exports: [RouterModule],\n})\nexport class AppRoutingModule {}\n\nexport class AppRoutesReuseStrategy implements RouteReuseStrategy {\n private cache: { [key: string]: DetachedRouteHandle } = {};\n\n shouldDetach(route: ActivatedRouteSnapshot): boolean {\n return true;\n }\n\n store(route: ActivatedRouteSnapshot, handler: DetachedRouteHandle): void {\n if (handler) {\n this.cache[this.getUrl(route)] = handler;\n }\n }\n\n shouldAttach(route: ActivatedRouteSnapshot): boolean {\n return !!this.cache[this.getUrl(route)];\n }\n\n shouldReuseRoute(\n future: ActivatedRouteSnapshot,\n current: ActivatedRouteSnapshot\n ): boolean {\n return future.routeConfig === current.routeConfig;\n }\n\n retrieve(route: ActivatedRouteSnapshot) {\n if (!route.routeConfig || route.routeConfig.loadChildren) {\n return null;\n }\n return this.cache[this.getUrl(route)];\n }\n\n private getUrl(route: ActivatedRouteSnapshot): string {\n return route.routeConfig?.path ?? '';\n }\n}\n" }, { "path": "apps/web/src/app/app.module.ts", "content": "import { HttpClientModule } from '@angular/common/http';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { AppRoutesReuseStrategy, AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './components/app/app.component';\nimport { TutorialComponent } from './components/tutorial/tutorial.component';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatListModule } from '@angular/material/list';\nimport { PlotComponent } from './components/plot/plot.component';\nimport { PlotsComponent } from './components/plots/plots.component';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { RouteReuseStrategy } from '@angular/router';\n\n@NgModule({\n declarations: [\n AppComponent,\n TutorialComponent,\n PlotComponent,\n PlotsComponent,\n ],\n imports: [\n AppRoutingModule,\n BrowserAnimationsModule,\n BrowserModule,\n MatButtonModule,\n MatToolbarModule,\n HttpClientModule,\n MatSidenavModule,\n MatListModule,\n DragDropModule,\n MatCardModule,\n MatIconModule,\n MatTooltipModule,\n ],\n providers: [\n { provide: RouteReuseStrategy, useClass: AppRoutesReuseStrategy },\n ],\n bootstrap: [AppComponent],\n})\nexport class AppModule {}\n" }, { "path": "apps/web/src/app/components/app/app.component.css", "content": ":host {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n align-items: stretch;\n}\n\nmain {\n flex: 1 1 0;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: stretch;\n}\n\nmat-toolbar {\n flex: 0 0 auto;\n justify-content: space-between;\n}\n\n.info-icons {\n display: flex;\n gap: 8px;\n}\n\n.info-icons img {\n width: 24px;\n height: 24px;\n}\n\n.green {\n color: #00ff2a;\n}\n" }, { "path": "apps/web/src/app/components/app/app.component.html", "content": "\n \n \n \n \n \n