Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@assecosolutions/fox-icon
Advanced tools
@assecosolutions/fox-icon - npm Package Compare versions
Comparing version 0.0.1-alpha.7.0.12 to 1.0.1-fox
| { | ||
| "name": "@assecosolutions/fox-icon", | ||
| "version": "0.0.1-alpha.7.0.12", | ||
| "version": "1.0.1-fox", | ||
| "public": true, | ||
@@ -18,8 +18,8 @@ "lib": { | ||
| "license": "MIT", | ||
| "main": "index.ts", | ||
| "module": "index.ts", | ||
| "dependencies": { | ||
| "lit-element": "^2.4.0", | ||
| "lit-html": "^1.3.0" | ||
| } | ||
| "lit": "^2.0.0-rc.2" | ||
| }, | ||
| "main": "./shared-ui-atoms-fox-icon.umd.js", | ||
| "module": "./shared-ui-atoms-fox-icon.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-icon | ||
| ``` | ||
| 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-icon'; | ||
| </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-icon>edit</fox-icon> | ||
| ``` | ||
| ### 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. | ||
| You can find the Material Icons here | ||
| [Official documentation](https://material.io/resources/icons/?style=baseline) <br> | ||
| ### Monorepo with Nx Workspace | ||
| If you are not using Material Icons inside your Project don´t forget to import | ||
| [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: | ||
| ```html | ||
| <link | ||
| href="https://fonts.googleapis.com/icon?family=Material+Icons" | ||
| rel="stylesheet" | ||
| /> | ||
| ``` | ||
| 1. **Increase Visibility** | ||
| ## Further Reading | ||
| - _In a nx workspace project a change of a library directly affectes all of its consumers_ | ||
| - _API contracts are clearly visible for all participants_ | ||
| 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) | ||
| 2. **Reuse Code Directly** | ||
| ## Contribute | ||
| - _No need for usage of npm link or additional build pipelines._ | ||
| 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). | ||
| 3. **Consistency of version Numbers** | ||
| ## Maintainer | ||
| - _One package.json for all your applications and libraries_ | ||
| |  |  | <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)) | | ||
| 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
Improved metrics
- Total package byte prevSize
- increased by2071.02%
239246
- Dependency count
- decreased by-50%
1
- Lines of code
- increased by2918.08%
5342
- Number of lines in readme file
- increased by2.08%
49
Worsened metrics
- Number of package files
- decreased by-61.9%
8
- Number of medium supply chain risk alerts
- increased byInfinity%
1
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@types/trusted-types@2.0.7(transitive)
+ Addedlit@2.8.0(transitive)
+ Addedlit-element@3.3.3(transitive)
+ Addedlit-html@2.8.0(transitive)
- Removedlit-element@^2.4.0
- Removedlit-html@^1.3.0
- Removedlit-element@2.5.1(transitive)
- Removedlit-html@1.4.1(transitive)