APSPhysics · just214 · Aug 27, 2020 · Aug 27, 2020 · Aug 27, 2020 · Aug 27, 2020
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
@@ -0,0 +1,32 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
+
+name: Publish Package
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+      - run: npm ci
+
+  publish-gpr:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+          registry-url: https://npm.pkg.github.com/
+      - run: npm ci
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
diff --git a/.npmignore b/.npmignore
@@ -5,4 +5,5 @@ node_modules
 CHANGELOG.md
 .prettierrc
 .eslintrc
+test-react-app
 
diff --git a/index.js b/index.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line functional/immutable-data
 module.exports = {
   extends: [
     "react-app", // See below

diff --git a/package.json b/package.json
@@ -1,11 +1,14 @@
 {
   "name": "@apsphysics/eslint-config",
-  "version": "0.0.3",
+  "version": "0.0.2",
   "description": "ESLint configurations for immutable React & TypeScript projects.",
   "author": "APSPhysics",
   "main": "index.js",
   "scripts": {
-    "lint": "eslint ."
+    "ci": "npm run lint && npm run format",
+    "format": "prettier --write *.js",
+    "lint": "eslint *.js",
+    "publish": "np --no-publish"
   },
   "repository": {
     "type": "git",
@@ -40,6 +43,7 @@
     "eslint-plugin-flowtype": "^5.2.0",
     "eslint-plugin-functional": "^3.0.1",
     "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-immutable": ">=1.0.0",
     "eslint-plugin-jest": "^22.17.0",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-prettier": "^3.1.1",
@@ -56,8 +60,10 @@
     "eslint": ">=7.5.0",
     "eslint-config-prettier": ">=6.11.0",
     "eslint-config-react-app": "^5.2.1",
+    "eslint-plugin-flowtype": "^5.2.0",
+    "eslint-plugin-functional": "^3.0.1",
+    "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-immutable": ">=1.0.0",
-    "eslint-plugin-import": ">=2.22.0",
     "eslint-plugin-jest": ">=23.18.0",
     "eslint-plugin-jsx-a11y": ">=6.3.1",
     "eslint-plugin-prettier": ">=3.1.4",

diff --git a/test-react-app/.eslintrc b/test-react-app/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": ["../index.js"]
+}
diff --git a/test-react-app/.gitignore b/test-react-app/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+.DS_Store
+dist
+*.local
diff --git a/test-react-app/README.md b/test-react-app/README.md
@@ -0,0 +1,3 @@
+This is a simple React/TypeScript app used to test the linting rules during development.
+
+This app is not included in the published build.
diff --git a/test-react-app/index.html b/test-react-app/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/test-react-app/package.json b/test-react-app/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "test-react-app",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "@pika/react": "^16.13.1",
+    "@pika/react-dom": "^16.13.1",
+    "@types/react": "^16.9.48",
+    "@types/react-dom": "^16.9.8"
+  },
+  "devDependencies": {
+    "vite": "^1.0.0-rc.1",
+    "vite-plugin-react": "^3.0.0"
+  }
+}
diff --git a/test-react-app/src/App.css b/test-react-app/src/App.css
@@ -0,0 +1,42 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+button {
+  font-size: calc(10px + 2vmin);
+}
diff --git a/test-react-app/src/App.tsx b/test-react-app/src/App.tsx
@@ -0,0 +1,34 @@
+import React, { useState } from "react";
+import logo from "./logo.svg";
+import "./App.css";
+
+function App() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="App">
+      <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
+        <p>Hello Vite + React!</p>
+        <p>
+          <button onClick={() => setCount(count => count + 1)}>
+            count is: {count}
+          </button>
+        </p>
+        <p>
+          Edit <code>App.jsx</code> and save to test HMR updates.
+        </p>
+        <a
+          className="App-link"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
+      </header>
+    </div>
+  );
+}
+
+export default App;
diff --git a/test-react-app/src/index.css b/test-react-app/src/index.css
@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}
diff --git a/test-react-app/src/logo.svg b/test-react-app/src/logo.svg
diff --git a/test-react-app/src/main.tsx b/test-react-app/src/main.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./App";
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById("root")
+);
diff --git a/test-react-app/vite.config.js b/test-react-app/vite.config.js
@@ -0,0 +1,13 @@
+// @ts-check
+const reactPlugin = require("vite-plugin-react");
+
+/**
+ * @type { import('vite').UserConfig }
+ */
+const config = {
+  jsx: "react",
+  plugins: [reactPlugin],
+};
+
+// eslint-disable-next-line functional/immutable-data
+module.exports = config;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		This is a simple React/TypeScript app used to test the linting rules during development.

		This app is not included in the published build.