Update deps

ruben-martin-lozano · Dec 17, 2022 · fe2f5da · fe2f5da
1 parent 89c1135
commit fe2f5da
Show file tree

Hide file tree

Showing 18 changed files with 65 additions and 353 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,65 +1,6 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-public/
-dist/
-.cache/
+node_modules
+.parcel-cache
 package-lock.json
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# next.js build output
-.next
+.DS_Store
+build
+dist
diff --git a/.npmignore b/.npmignore
diff --git a/.sass-lint.yml b/.sass-lint.yml
diff --git a/README.md b/README.md
@@ -1,2 +1,31 @@
 # ReactSvgStrumming
-ReactSvgStrumming
+
+ReactSvgStrumming is a React Component to render any music strumming as SVG developed by [Rubén Martín Lozano](mailto:[email protected]).
+
+## Requirements
+
+You'll need to have installed:
+- [Node JS + NPM](https://nodejs.org/es/) (ideally installed via [NVM](https://github.com/nvm-sh/nvm))
+- [Rimraf Package](https://www.npmjs.com/package/rimraf)
+
+## Installation
+
+```bash
+git clone [email protected]:ruben-martin-lozano/reactsvgstrumming.git
+cd reactsvgstrumming
+npm run fenix
+```
+
+## Run
+
+```bash
+npm run dev
+```
+
+## Technologies
+
+[CSS](https://developer.mozilla.org/es/docs/Web/CSS), [HTML5](https://dev.w3.org/html5/spec-LC/), [JavaScript](https://developer.mozilla.org/es/docs/Web/JavaScript), [Node.JS](https://nodejs.dev/), [NPM](https://www.npmjs.com/), [NVM](https://github.com/nvm-sh/nvm), [ParcelJS](https://parceljs.org/), [React](https://es.reactjs.org/), [SCSS](https://sass-lang.com/)
+
+## Backlog
+
+- tbd
diff --git a/demo/index.html b/demo/index.html
@@ -1,15 +1,12 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Demo</title>
-    <meta name="description" content="Demo" />
-    <meta name="keywords" content="Demo" />
+    <title>react-svg-strumming</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="./index.scss">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
   </head>
   <body>
     <div id="demo"></div>
-    <script src="./index.js"></script>
+    <script src="./index.js" type="module"></script>
   </body>
 </html>
diff --git a/demo/index.js b/demo/index.js
@@ -1,5 +1,4 @@
-// import React, { Fragment } from 'react'
-import React, {Fragment} from 'react'
+import React, { Fragment } from 'react'
 import ReactDOM from 'react-dom'
 import Strumming from '../src/index.jsx'
 

diff --git a/demo/index.scss b/demo/index.scss
@@ -1,4 +1,3 @@
-@import '../node_modules/normalize.css/normalize';
 @import '../src/index';
 
 $c-white: #ffffff;

diff --git a/eslintrc.js b/eslintrc.js
diff --git a/package.json b/package.json
@@ -1,59 +1,35 @@
 {
   "name": "react-svg-strumming",
-  "version": "1.1.1",
-  "description": "React Svg Strumming Component",
-  "main": "dist/",
+  "version": "1.1.2",
+  "author": "Rubén Martín Lozano <[email protected]>",
+  "files": ["dist"],
+  "license": "ISC",
+  "main": "dist/index.js",
+  "targets": {
+    "main": {
+      "source": "src/index.jsx"
+    },
+    "css": {
+      "source": "src/index.scss"
+    }
+  },
+  "type": "module",
   "scripts": {
-    "build": "npm run build:js && npm run build:css",
-    "build:js": "babel src --out-dir dist",
-    "build:css": "node-sass src/index.scss dist/index.css",
+    "build": "parcel build --no-source-maps --no-optimize",
     "clean": "rimraf dist",
-    "fenix": "rimraf node_modules && npm i -s",
-    "start": "parcel demo/index.html --out-dir public --open",
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "code . && parcel demo/index.html --open --port=1226",
+    "fenix": "rimraf package-lock.json && rimraf node_modules && npm i -s --prefer-online --no-fund --no-audit",
     "prebuild": "npm run clean",
     "prepublishOnly": "npm run build"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ruben-martin-lozano/reactsvgstrumming.git"
+  "devDependencies": {
+    "@parcel/transformer-sass": "2.8.2",
+    "parcel": "2.8.2",
+    "process": "0.11.10",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
-  "keywords": [],
-  "author": "Rubén Martín Lozano",
-  "license": "ISC",
-  "homepage": "https://github.com/ruben-martin-lozano/reactsvgstrumming#readme",
   "peerDependencies": {
-    "react": "0.14 || 15 || 16 || 17"
-  },
-  "eslintConfig": {
-    "extends": "./eslintrc.js"
-  },
-  "sasslintConfig": ".sass-lint.yml",
-  "babel": {
-    "presets": [
-      "@babel/preset-env",
-      "@babel/preset-react"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "7.13.14",
-    "@babel/core": "7.13.14",
-    "@babel/preset-react": "7.13.13",
-    "eslint": "7.23.0",
-    "eslint-config-standard": "16.0.2",
-    "eslint-config-standard-react": "11.0.1",
-    "eslint-plugin-chai-friendly": "0.6.0",
-    "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-promise": "4.3.1",
-    "eslint-plugin-react": "7.23.1",
-    "eslint-plugin-standard": "5.0.0",
-    "node-sass": "5.0.0",
-    "normalize.css": "8.0.1",
-    "parcel-bundler": "1.12.5",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "rimraf": "3.0.2",
-    "sass-lint": "1.13.1"
+    "react": "0.14 || 15 || 16 || 17 || 18"
   }
 }
diff --git a/src/arrow.jsx b/src/arrow.jsx
@@ -1,5 +1,4 @@
 import React, {Fragment} from 'react'
-import PropTypes from 'prop-types'
 
 const Arrow = ({ xCenter, lineThick, points, yStart, yEnd }) => {
   return (
@@ -10,12 +9,4 @@ const Arrow = ({ xCenter, lineThick, points, yStart, yEnd }) => {
   )
 }
 
-Arrow.propTypes = {
-  xCenter: PropTypes.number.isRequired,
-  lineThick: PropTypes.number.isRequired,
-  points: PropTypes.string.isRequired,
-  yStart: PropTypes.number.isRequired,
-  yEnd: PropTypes.number.isRequired
-}
-
 export default Arrow