New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
dls-graphics
Advanced tools
dls-graphics - npm Package Compare versions
Comparing version 1.2.0 to 1.3.0-beta.0
| { | ||
| "name": "dls-graphics", | ||
| "version": "1.2.0", | ||
| "version": "1.3.0-beta.0", | ||
| "description": "Graphics materials for Baidu Light DLS.", | ||
@@ -16,22 +16,12 @@ "keywords": [ | ||
| "type": "git", | ||
| "url": "https://github.com/ecomfe/light-dls.git" | ||
| "url": "https://github.com/ecomfe/dls-illustrations.git", | ||
| "directory": "packages/dls-graphics" | ||
| }, | ||
| "homepage": "https://github.com/ecomfe/dls-illustrations/tree/master/packages/dls-graphics/#readme", | ||
| "devDependencies": { | ||
| "cssnano": "^5.0.8", | ||
| "dompurify": "^2.3.4", | ||
| "ejs": "^3.1.5", | ||
| "esm": "^3.2.25", | ||
| "jsdom": "^19.0.0", | ||
| "mkdirp": "^1.0.4", | ||
| "postcss": "^8.3.6", | ||
| "rimraf": "^3.0.2", | ||
| "rollup": "^2.34.0", | ||
| "stringify-object": "^3.3.0", | ||
| "svgo": "^2.8.0", | ||
| "svgson": "^4.1.0" | ||
| "rollup": "^2.75.7" | ||
| }, | ||
| "scripts": { | ||
| "build": "node -r esm build/index.js && rollup -c" | ||
| }, | ||
| "readme": "# dls-graphics\n\nShared graphic resources for Baidu Light DLS.\n\n## Installation\n\n```sh\nnpm i --save-dev dls-graphics\n```\n\n## Usage\n\n### JavaScript\n\n```js\nimport { loading } from 'dls-graphics'\n\nconsole.log(loading)\n/*\n{\n contents: '<g style=\"transform-origin:50% 50%;animation:spin-359eb...',\n attrs: {\n width: '40',\n height: '40',\n class: 'dls-loading',\n viewBox: '0 0 64 64'\n }\n}\n*/\n```\n\nFor example, to use it in a React component:\n\n```js\nimport { loading } from 'dls-graphics'\n\nexport function IconLoading() {\n return (\n <svg\n {...loading.attrs}\n dangerouslySetInnerHTML={{ __html: loading.contents }}\n />\n )\n}\n```\n\n#### Separate\n\nTo get `<style>` contents extracted outside SVG data, you can use:\n\n```js\nimport { loading, loadingCss } from 'dls-graphics/dist/separate'\n\nconsole.log(loading)\nconsole.log(loadingCss)\n/*\n{\n contents: '<g style=\"transform-origin:50% 50%;animation:spin-359eb...',\n attrs: {\n width: '40',\n height: '40',\n class: 'dls-loading',\n viewBox: '0 0 64 64'\n }\n}\n\n@keyframes spin-359eb{0%{transform:rotate(0deg)}to{transform...\n*/\n```\n\n### SVG assets\n\nAll graphics are also distributed as SVG files. You can acquire these minified SVG source to use properly. eg. import and render into your HTML file with webpack's `HtmlWebpackPlugin`, or use with some custom SVG loader to convert them directly into components.\n\n#### Standalone\n\nStandalone SVGs resides at `dls-graphics/dist`.\n\n#### Separate\n\nIf you want to use SVGs with `<style>` contents extracted into separate CSS files, you can look into `dls-graphics/dist/separate`.\n\n### List of available graphs\n\n<!-- assets-begin -->\n* **`blank`** (blank.svg)\n\n \n\n* **`forbidden`** (forbidden.svg)\n\n \n\n* **`imagePlaceholder`** (image-placeholder.svg)\n\n \n\n* **`loading`** (loading.svg)\n\n \n\n* **`notFound`** (not-found.svg)\n\n \n\n* **`partialBlankBrush`** (partial-blank-brush.svg)\n\n \n\n* **`partialBlank`** (partial-blank.svg)\n\n \n\n* **`partialError`** (partial-error.svg)\n\n \n\n* **`partialForbidden`** (partial-forbidden.svg)\n\n \n\n* **`serverError`** (server-error.svg)\n\n \n\n* **`underReview`** (under-review.svg)\n\n \n\n<!-- assets-end -->\n" | ||
| "build": "rollup -c" | ||
| } | ||
| } |
@@ -85,47 +85,49 @@ # dls-graphics | ||
| <!-- assets-begin --> | ||
| <!-- assets:start --> | ||
| * **`blank`** (blank.svg) | ||
|  | ||
|  | ||
| * **`forbidden`** (forbidden.svg) | ||
|  | ||
|  | ||
| * **`imagePlaceholder`** (image-placeholder.svg) | ||
|  | ||
|  | ||
| * **`loading`** (loading.svg) | ||
|  | ||
|  | ||
| * **`notFound`** (not-found.svg) | ||
|  | ||
|  | ||
| * **`partialBlankBrush`** (partial-blank-brush.svg) | ||
|  | ||
|  | ||
| * **`partialBlank`** (partial-blank.svg) | ||
|  | ||
|  | ||
| * **`partialError`** (partial-error.svg) | ||
|  | ||
|  | ||
| * **`partialForbidden`** (partial-forbidden.svg) | ||
|  | ||
|  | ||
| * **`serverError`** (server-error.svg) | ||
|  | ||
|  | ||
| * **`underReview`** (under-review.svg) | ||
|  | ||
|  | ||
| <!-- assets-end --> | ||
| <!-- assets:end --> |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
New alerts
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Fixed alerts
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
Improved metrics
- Dev dependency count
- decreased by-91.67%
1
- Number of lines in readme file
- increased by1.53%
133
- Number of low supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-20.96%
209295
- Number of package files
- decreased by-31.03%
40
- Lines of code
- decreased by-22.34%
904
No dependency changes