chore: Add prettier, with pipeline and rename docs for github pages

Author: khamiltonuk

Diff for: .eslintrc.json

@@ -0,0 +1,22 @@
+{
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es2021": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "prettier",
+    "prettier/react",
+    "plugin:prettier/recommended"
+  ],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 12
+  },
+  "plugins": ["react"],
+  "rules": {}
+}

Diff for: .github/workflows/main.yml

@@ -0,0 +1,25 @@
+name: CI
+
+on: [push]
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node_version: [14]
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: Use Node.js ${{ matrix.node_version }}
+        uses: actions/setup-node@v1
+        with:
+          node_version: ${{ matrix.node_version }}
+
+      - name: run CI
+        run: |
+          yarn install
+          # yarn lint
+          yarn format
+          yarn prepublish

Diff for: .npmignore

@@ -1,3 +1,3 @@
 .gitignore
 src
-examples
+docs

Diff for: .prettierrc

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

Diff for: examples/app.css renamed to docs/app.css

@@ -0,0 +1,111 @@
+var React = require("react");
+var BothScrollbar = require("./examples/both-scrollbar.jsx");
+var HorizontalScrollbar = require("./examples/horizontal-scrollbar.jsx");
+var VerticalScrollbar = require("./examples/vertical-scrollbar.jsx");
+var CustomScrollbar = require("./examples/custom-scrollbar.jsx");
+var AffixScrollbar = require("./examples/affix-scrollbar.jsx");
+
+require("./home-view.css");
+
+module.exports = React.createClass({
+  getInitialState: function () {
+    return {};
+  },
+
+  render: function () {
+    return (
+      <div className="Home">
+        <header className="Home-header">
+          <h1>React-Scrollbars</h1>
+          <h2>
+            <a href="https://github.com/ojame/react-scrollbar">
+              view on github
+            </a>
+          </h2>
+        </header>
+
+        <div className="Home-container">
+          <aside className="Home-navigation">
+            <p>
+              Super simple custom scrollbars. Works on Chrome, Firefox, Safari,
+              IE10+ and mobile.
+            </p>
+            <nav>
+              <ul>
+                <li>
+                  <a href="#vertical">Vertical</a>
+                </li>
+                <li>
+                  <a href="#horizontal">Horizontal</a>
+                </li>
+                <li>
+                  <a href="#both">Both</a>
+                </li>
+                <li>
+                  <a href="#affix">Affix</a>
+                </li>
+                <li>
+                  <a href="#implementation">Implementation</a>
+                </li>
+              </ul>
+            </nav>
+          </aside>
+
+          <div className="Home-content">
+            <div className="Home-content-block" id="vertical">
+              <h3>Vertical Scrollbars</h3>
+              <VerticalScrollbar />
+            </div>
+
+            <div className="Home-content-block" id="horizontal">
+              <h3>Horizontal Scrollbars</h3>
+              <HorizontalScrollbar />
+            </div>
+
+            <div className="Home-content-block" id="both">
+              <h3>Horizontal and Vertical Scrollbars</h3>
+              <BothScrollbar />
+            </div>
+
+            <div className="Home-content-block" id="custom">
+              <h3>Custom Scrollbars</h3>
+              <CustomScrollbar />
+            </div>
+
+            <div className="Home-content-block" id="affix">
+              <h3>Horizontal Affix Scrollbars</h3>
+              <AffixScrollbar />
+            </div>
+
+            <div className="Home-content-block" id="implementation">
+              <h3>Implementation</h3>
+              <div className="markdown">
+                <div
+                  dangerouslySetInnerHTML={{
+                    __html: require("../../../README.md"),
+                  }}
+                ></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <footer className="Home-footer">
+          made by{" "}
+          <a href="https://twitter.com/_ojame" target="_blank">
+            @_ojame
+          </a>{" "}
+          and{" "}
+          <a href="https://twitter.com/ncreen_same" target="_blank">
+            @nscreen_same
+          </a>{" "}
+          on Macropod (
+          <a href="https://twitter.com/MacropodHQ" target="_blank">
+            @MacropodHQ
+          </a>
+          ) time.
+        </footer>
+      </div>
+    );
+  },
+});