Upgrade dependencies ( #15 )

CHANGELOG.md

@@ -0,0 +1,9 @@
+## 1.5.0 (2023-07-14)
+
+### ✨ Features
+
+  * Upgrade dependencies
+
+Credits
+
+* [@Bunlong](https://github.com/Bunlong)

README.md

@@ -1,15 +1,12 @@
-<p align="center">
-  <img src="https://raw.githubusercontent.com/bunlong/next-barcode/master/README/logo.png" alt="next-barcode" />
-  <br/><br/>
-  <!-- <a href="https://www.npmjs.com/package/next-barcode"><img src="https://img.shields.io/npm/v/next-barcode.svg" /></a> -->
-  <a href="https://www.npmjs.com/package/next-barcode"><img src="https://img.shields.io/npm/dm/next-barcode.svg?style=flat-square" /></a>
-  <a href="https://standardjs.com"><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg" /></a>
-</p>
-
 # next-barcode
 
 React hooks for generating Barcode for your next React apps.
 
+[![downloads](https://img.shields.io/npm/dm/next-barcode.svg?label=monthly%20downloads)](https://www.npmjs.com/package/next-barcode) [![downloads](https://img.shields.io/npm/dt/next-barcode.svg?label=total%20downloads)](https://www.npmjs.com/package/next-barcode)
+
+[![NPM](https://img.shields.io/npm/v/next-barcode.svg)](https://www.npmjs.com/package/next-barcode) ![npm bundle size](https://img.shields.io/bundlephobia/min/next-barcode) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+
 [Live demo](https://p30pk.csb.app)
 
 ## 🎁 Features
@@ -300,6 +297,14 @@ export default App;
   </tbody>
 </table>
 
+## 📜 Changelog
+
+Latest version 1.5.0 (2023-07-14):
+
+  * Upgrade dependencies
+
+Details changes for each release are documented in the [CHANGELOG.md](https://github.com/Bunlong/next-barcode/blob/master/CHANGELOG.md).
+
 ## ❗ Issues
 
 If you think any of the `next-barcode` can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-barcode",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "React hooks for generating Barcode for your next React apps.",
   "author": "Bunlong <[email protected]>",
   "license": "MIT",
@@ -63,7 +63,7 @@
     "react-test-renderer": "^18.1.0",
     "rollup": "^2.56.3",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.30.0",
+    "rollup-plugin-typescript2": "^0.35.0",
     "ts-jest": "^27.0.5",
     "tslib": "^2.3.1",
     "typescript": "^4.4.2"
@@ -90,9 +90,7 @@
     }
   ],
   "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0",
-    "react-scripts": ">=4.0.0"
+    "react": ">=17.0.2"
   },
   "dependencies": {
     "jsbarcode": "^3.11.3"

supports/create-next-app/.gitignore

@@ -23,7 +23,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.pnpm-debug.log*
 
 # local env files
 .env*.local
@@ -33,3 +32,4 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
+next-env.d.ts

supports/create-next-app/README.md

@@ -8,15 +8,15 @@ First, run the development server:
 npm run dev
 # or
 yarn dev
+# or
+pnpm dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
 ## Learn More
 

supports/create-next-app/next.config.js

@@ -1,6 +1,4 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-}
+const nextConfig = {}
 
 module.exports = nextConfig

supports/create-next-app/package.json

@@ -9,17 +9,15 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "12.1.6",
+    "@types/node": "20.4.2",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "18.2.7",
+    "eslint": "8.44.0",
+    "eslint-config-next": "13.4.9",
+    "next": "13.4.9",
     "next-barcode": "file:../..",
-    "react": "18.1.0",
-    "react-dom": "18.1.0"
-  },
-  "devDependencies": {
-    "@types/node": "17.0.40",
-    "@types/react": "18.0.11",
-    "@types/react-dom": "18.0.5",
-    "eslint": "8.17.0",
-    "eslint-config-next": "12.1.6",
-    "typescript": "4.7.3"
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "typescript": "5.1.6"
   }
 }

supports/create-next-app/src/app/layout.tsx

@@ -0,0 +1,21 @@
+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+
+const inter = Inter({ subsets: ['latin'] })
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  )
+}

supports/create-next-app/src/app/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { useBarcode } from 'next-barcode'
+
+export default function Home() {
+  const { inputRef } = useBarcode({
+    value: 'next-barcode',
+    options: {
+      background: '#ccffff',
+    }
+  });
+
+  return <svg ref={inputRef} />
+}

supports/create-next-app/tsconfig.json

@@ -13,8 +13,16 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }