build: firts commit

apt-exploit · apt-exploit · commit fe0a6b5041b7 · 2021-01-25T21:22:21.000-05:00
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,4 @@
+node_modules
+public
+build
+dist
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,26 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "webextensions": true
+  },
+  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 12,
+    "sourceType": "module"
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "plugins": ["react"],
+  "rules": {
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "react/react-in-jsx-scope": "off"
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,26 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+/dist
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.eslintcache
+
+#debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,9 @@
+.cache
+.next
+public
+package-lock.json
+yarn.lock
+node_modules
+dist
+build
+coverage
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "jsxBracketSameLine": true
+}
diff --git a/commitlint.config.js b/commitlint.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      [
+        'build',
+        'chore',
+        'ci',
+        'docs',
+        'improvement',
+        'feat',
+        'fix',
+        'perf',
+        'refactor',
+        'revert',
+        'style',
+        'test',
+      ],
+    ],
+  },
+}
diff --git a/config-overrides.js b/config-overrides.js
@@ -0,0 +1,19 @@
+const multipleEntry = require("react-app-rewire-multiple-entry")([
+  {
+    entry: "src/popup/index.js",
+    template: "public/popup.html",
+    outPath: "/popup.html",
+  },
+  {
+    entry: "src/options/index.js",
+    template: "public/index.html",
+    outPath: "/index.html",
+  },
+]);
+
+module.exports = {
+  webpack: function (config) {
+    multipleEntry.addMultiEntry(config);
+    return config;
+  },
+};
diff --git a/package.json b/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "react-env-extension",
+  "version": "0.1.0",
+  "private": false,
+  "scripts": {
+    "start": "react-app-rewired start",
+    "build": "./scripts/build.sh",
+    "test": "react-app-rewired test",
+    "serve": "serve -s build",
+    "lint": "./node_modules/.bin/prettier --write \"src/**/*.{jsx,js}\" && eslint --fix --ext .jsx,.js src/"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-scripts": "^4.0.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^11.0.0",
+    "@commitlint/config-conventional": "^11.0.0",
+    "eslint": "^7.18.0",
+    "eslint-config-prettier": "^7.2.0",
+    "eslint-plugin-react": "^7.22.0",
+    "husky": "^4.3.8",
+    "prettier": "^2.2.1",
+    "react-app-rewire-multiple-entry": "^2.2.1",
+    "react-app-rewired": "^2.1.6",
+    "serve": "^11.3.2"
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
+      "pre-commit": "yarn lint"
+    }
+  }
+}
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icons/logo128.png b/public/icons/logo128.png
diff --git a/public/icons/logo192.png b/public/icons/logo192.png
diff --git a/public/icons/logo512.png b/public/icons/logo512.png
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="React-based environment for creating extensions." />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/icons/logo192.png" />
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <title>Options</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+
+</html>
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,19 @@
+{
+  "name": "react-env-extension",
+  "version": "0.1.0",
+  "manifest_version": 2,
+  "description": "React-based environment for creating extensions.",
+  "icons": {
+    "128": "icons/logo128.png"
+  },
+  "permissions": [],
+  "background": {
+    "scripts": ["background.js"],
+    "persistent": false
+  },
+  "browser_action": {
+    "default_icon": "icons/logo128.png",
+    "default_popup": "popup.html"
+  },
+  "options_page": "index.html"
+}
diff --git a/public/popup.html b/public/popup.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="React-based environment for creating extensions." />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/icons/logo192.png" />
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <title>Popup</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+
+</html>
diff --git a/scripts/build.sh b/scripts/build.sh
@@ -0,0 +1,19 @@
+#!/bin/bash
+
+build() {
+    echo 'Building your extension created with ReactJs...'
+
+    rm -rf dist/*
+
+    export INLINE_RUNTIME_CHUNK=false
+    export GENERATE_SOURCEMAP=false
+
+    react-app-rewired build
+
+    mkdir -p dist
+    cp -r build/* dist
+
+    cp -f src/background.js dist
+}
+
+build
diff --git a/src/background.js b/src/background.js
@@ -0,0 +1,3 @@
+chrome.runtime.onInstalled.addListener(function () {
+  chrome.runtime.openOptionsPage(() => console.log('options page opened'))
+})
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1 @@
+// noop
diff --git a/src/options/index.js b/src/options/index.js
@@ -0,0 +1,11 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import Options from './options'
+import '../styles/global.css'
+
+ReactDOM.render(
+  <React.StrictMode>
+    <Options />
+  </React.StrictMode>,
+  document.getElementById('root')
+)
diff --git a/src/options/options.js b/src/options/options.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import '../styles/options.css'
+
+export default function Options() {
+  return (
+    <div>
+      <header>
+        <p>Welcome to options</p>
+      </header>
+    </div>
+  )
+}
diff --git a/src/popup/index.js b/src/popup/index.js
@@ -0,0 +1,11 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import Popup from './popup'
+import '../styles/global.css'
+
+ReactDOM.render(
+  <React.StrictMode>
+    <Popup />
+  </React.StrictMode>,
+  document.getElementById('root')
+)
diff --git a/src/popup/popup.js b/src/popup/popup.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import '../styles/popup.css'
+
+export default function Popup() {
+  return (
+    <div>
+      <header>
+        <p>Welcome to Popup</p>
+      </header>
+    </div>
+  )
+}
diff --git a/src/styles/global.css b/src/styles/global.css
diff --git a/src/styles/options.css b/src/styles/options.css
diff --git a/src/styles/popup.css b/src/styles/popup.css
diff --git a/yarn.lock b/yarn.lock

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +node_modules
 +public
 +build
 +dist