@assecosolutions/fox-progress
Advanced tools
@assecosolutions/fox-progress - npm Package Compare versions
Comparing version 0.0.1-alpha.7.0.11 to 1.0.1-fox
| { | ||
| "name": "@assecosolutions/fox-progress", | ||
| "version": "0.0.1-alpha.7.0.11", | ||
| "version": "1.0.1-fox", | ||
| "public": true, | ||
@@ -18,10 +18,10 @@ "lib": { | ||
| "license": "MIT", | ||
| "main": "index.ts", | ||
| "module": "index.ts", | ||
| "dependencies": { | ||
| "@material/mwc-circular-progress": "^0.20.0", | ||
| "@material/mwc-linear-progress": "^0.20.0", | ||
| "lit-element": "^2.4.0", | ||
| "lit-html": "^1.3.0" | ||
| } | ||
| "@material/mwc-circular-progress": "^0.21.0", | ||
| "@material/mwc-linear-progress": "^0.21.0", | ||
| "lit": "^2.0.0-rc.2" | ||
| }, | ||
| "main": "./shared-ui-atoms-fox-progress.umd.js", | ||
| "module": "./shared-ui-atoms-fox-progress.esm.js", | ||
| "typings": "./index.d.ts" | ||
| } |
| # 🦊 Fox - Future Open Experience | ||
| This webcomponent is made by 🦊🧙. | ||
| This monorepo is the home of all applications and libraries build by the 🦊 Fox team. | ||
| ## Installation | ||
| ## Tech Stack - From Web-Components to Dev-Containers | ||
| ```bash | ||
| npm i @assecosolutions/fox-progress | ||
| ``` | ||
| In the following sections we describe our tech stack and how it all fits together. | ||
| ## Usage | ||
| ### Web-Components | ||
| ```html | ||
| <script type="module"> | ||
| import '@assecosolutions/fox-progress'; | ||
| </script> | ||
| We are using [Lit-Element](https://github.com/Polymer/lit-element) and [Lit-HTML](https://github.com/Polymer/lit-html) | ||
| to write [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components). Web Components enables us to | ||
| ship cross browser compatible, framework / library independent and reusable custom elements. All of our web components | ||
| are used within our very own applications and are well tested. If you would like to use one of our components just add | ||
| it as follows e.g. `npm install @fox/button --save` or `yarn add @fox/button` and you are good to go. You can find an | ||
| overview of all our available components in our [Storybook](https://fox.assecosolutions.com/fox-web-components/?path=/story/atoms-foxbutton--default). | ||
| <fox-progress type="linear"> </fox-progress> | ||
| <fox-progress type="circular"> </fox-progress> | ||
| ``` | ||
| ### Angular | ||
| ## Docs | ||
| As an engine for our applications and to bring our web components to life we decided to go for [Angular](https://angular.io/). | ||
| Angular is a web application framework / platfrom which is developed by google, and provides everything needed to build robust | ||
| enterprise web applications. | ||
| This component is wrapped around mwc-linear and mwc-circular progress<br> | ||
| [Official documentation linear](https://github.com/material-components/material-components-web-components/tree/master/packages/linear-progress) <br> | ||
| [Official documentation circular](https://github.com/material-components/material-components-web-components/tree/master/packages/circular-progress) | ||
| ### Monorepo with Nx Workspace | ||
| ## Further Reading | ||
| [Nx-Workspace](https://nx.dev/angular) and its sophisticated tools enables our team to manage the complexity of having all of our application components in one giant git repository. This approach, called monorepo, was inspired by google and comes with a lot of | ||
| advantages: | ||
| Please, also check the documentations about the [API](https://github.com/assecosolutions/fox/blob/master/api/README.md) and our [client](https://github.com/assecosolutions/fox/blob/master/client/README.md) | ||
| 1. **Increase Visibility** | ||
| ## Contribute | ||
| - _In a nx workspace project a change of a library directly affectes all of its consumers_ | ||
| - _API contracts are clearly visible for all participants_ | ||
| If you would like to contribute please make sure that you have read our [development guidelines](https://github.com/assecosolutions/fox/blob/master/docs/3_DEV_GUIDELINES.md). | ||
| 2. **Reuse Code Directly** | ||
| ## Maintainer | ||
| - _No need for usage of npm link or additional build pipelines._ | ||
| |  |  | <img src="https://avatars0.githubusercontent.com/u/17983201?s=100&v=3" width="100" alt="Julia Nissen" /> | | ||
| | :----------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------: | | ||
| | Burak Topal ([@biggisb](https://github.com/Biggisb)) | Jari Möllenbernd ([@jarmee](https://github.com/jarmee)) | Julia Nissen ([@JuliaNssn](https://github.com/JuliaNssn)) | | ||
| 3. **Consistency of version Numbers** | ||
| - _One package.json for all your applications and libraries_ | ||
| Furthermore you can even build multi framework or fullstack applications side by side all in one nx-workspace. To get more insights on | ||
| nx-workspace please see the [documentation](https://nx.dev/latest/angular/getting-started/why-nx) of nrwl. | ||
| ### Dev-Container | ||
| To decrease time for dev machine setup to a minimum and to prevent complicated os specific installations we leverage [Docker](https://www.docker.com/) and [VS Code](https://code.visualstudio.com/) to make it a breeze to get your dev machine ready to code. Just install the | ||
| [Remote Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extension for VS Code and you are ready to contribute to 🦊 Fox. For more information see the documentation about [Dev-Container](https://code.visualstudio.com/docs/remote/containers). |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1023.65%
392064
- Dependency count
- decreased by-25%
3
- Lines of code
- increased by3454.03%
8814
- Number of lines in readme file
- increased by19.51%
49
Worsened metrics
- Number of package files
- decreased by-35.29%
11
Dependency changes
+ Addedlit@^2.0.0-rc.2
+ Added@lit-labs/ssr-dom-shim@1.2.1(transitive)
+ Added@lit/reactive-element@1.6.3(transitive)
+ Added@material/mwc-base@0.21.0(transitive)
+ Added@material/mwc-circular-progress@0.21.0(transitive)
+ Added@material/mwc-linear-progress@0.21.0(transitive)
+ Added@types/trusted-types@2.0.7(transitive)
+ Addedlit@2.8.0(transitive)
+ Addedlit-element@2.4.03.3.3(transitive)
+ Addedlit-html@2.8.0(transitive)
- Removedlit-element@^2.4.0
- Removedlit-html@^1.3.0
- Removed@material/mwc-base@0.20.0(transitive)
- Removed@material/mwc-circular-progress@0.20.0(transitive)
- Removed@material/mwc-linear-progress@0.20.0(transitive)
- Removed@types/resize-observer-browser@0.1.11(transitive)
- Removedlit-element@2.5.1(transitive)