react-device-frameset - npm Package Compare versions

Comparing version 1.0.1 to 1.0.3

package.json

 {
   "name": "react-device-frameset",
-  "version": "1.0.1",
-  "scripts": {
-    "dev": "vite serve",
-    "build": "npm run build:lib && npm run build:css && npm run build:ssr && build:readme",
-    "build:lib": "rm -rf lib && tsc -p tsconfig.json",
-    "build:site": "rm -rf dist && vite build --outDir dist",
-    "build:css": "gulp buildCss",
-    "build:readme": "gulp genSignature",
-    "build:ssr": "rm -rf dist && vite-pages ssr && serve dist",
-    "prepublish": "npm run build:lib && npm run build:css",
-    "predeploy": "npm run build",
-    "deploy": "gh-pages -d build"
-  },
+  "author": "Zheeeng <[e-mail]>",
+  "description": "This is yet another device frameset component for React.",
   "keywords": [
@@ -35,5 +24,20 @@ "frameset",
   ],
-  "author": "Zheeeng <[e-mail]>",
-  "repository": "https://github.com/zheeeng/react-device-frameset.git",
-  "license": "ISC",
+  "repository": "https://github.com/zheeeng/react-device-frameset",
+  "version": "1.0.3",
+  "license": "MIT",
+  "main": "lib/DeviceFrameset.js",
+  "scripts": {
+    "dev": "vite serve",
+    "build": "npm run build:pages",
+    "build:lib": "rm -rf lib && tsc -p tsconfig.json",
+    "build:css": "gulp buildCss",
+    "build:readme": "gulp genSignature",
+    "build:site": "rm -rf dist && vite build --outDir dist",
+    "build:ssr": "rm -rf dist && vite-pages ssr",
+    "build:pack": "npm run build:lib && npm run build:css && npm run build:readme",
+    "build:pages": "npm run build:pack && npm run build:ssr",
+    "prepublishOnly": "npm run build:pack",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build"
+  },
   "dependencies": {
@@ -43,6 +47,10 @@ "react": "^17.0.1",
   },
+  "files": [
+    "dist",
+    "lib"
+  ],
   "devDependencies": {
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@types/node": "^14.14.37",
+    "@types/node": "^15.6.1",
     "@types/react": "^17.0.3",
@@ -62,13 +70,7 @@ "@types/react-router-dom": "^5.1.7",
     "vite": "^2.0.5",
-    "vite-pages-theme-basic": "^3.0.0",
+    "vite-pages-theme-basic": "^3.0.1",
     "vite-plugin-mdx": "^3.3.1",
-    "vite-plugin-react-pages": "^3.0.0"
-  },
-  "main": "lib/DeviceFrameset.js",
-  "files": [
-    "dist",
-    "lib",
-    "pages",
-    "src"
-  ]
+    "vite-plugin-react-pages": "^3.0.0",
+    "vite-plugin-virtual-plain-text": "^1.0.5"
+  }
 }

README.md

 # React Device Frameset
 
+[![NPM](https://nodei.co/npm/react-device-frameset.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/react-device-frameset/)
+
+![publish workflow](https://github.com/zheeeng/react-device-frameset/actions/workflows/publish.yml/badge.svg)
+![pages workflow](https://github.com/zheeeng/react-device-frameset/actions/workflows/pages.yml/badge.svg)
+[![npm version](https://img.shields.io/npm/v/react-device-frameset.svg)](https://www.npmjs.com/package/react-device-frameset)
+
 This is yet another device frameset component for React.
@@ -27,8 +33,12 @@
 
-<DeviceFrameset device="iPhone 8" color="gold" landscape>
-    <div>Hello world</div>
-</DeviceFrameset>
+export const App = () => {
+    return (
+        <DeviceFrameset device="iPhone 8" color="gold" landscape>
+            <div>Hello world</div>
+        </DeviceFrameset>
+    )
+}
 ```
 
-### Signature
+### Prop Signature
 
@@ -50,1 +60,17 @@ ```ts (signature)
 ```
+
+## If you like the frameset selector?
+
+```tsx
+import { DeviceFrameset, DeviceSelector } from 'react-device-frameset'
+import 'react-device-frameset/lib/css/marvel-devices.min.css'
+import 'react-device-frameset/lib/css/device-selector.min.css'
+
+export const App = () => {
+    return (
+        <DeviceSelector>
+            {props => <DeviceFrameset {...props} />}
+        </DeviceSelector>
+    )
+}
+```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

0

decreased by-100%

Number of lines in readme file

75

increased by53.06%

Worsened metrics

Total package byte prevSize

1152374

decreased by-3.31%

Dev dependency count

21

increased by5%

Number of package files

27

decreased by-22.86%

Lines of code

4906

decreased by-4.25%

Number of low supply chain risk alerts

4

increased by33.33%

No dependency changes