feat: encoding text and decode feature

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.eslintrc.json

@@ -0,0 +1,79 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "env": {
+      "browser": true,
+      "es2021": true
+  },
+  "extends": [
+      "plugin:react/recommended",
+      "standard-with-typescript"
+  ],
+  "overrides": [
+      {
+          "files": ["*.ts", "*.tsx"],
+          "extends": [
+            "plugin:@typescript-eslint/recommended",
+            "plugin:@typescript-eslint/recommended-requiring-type-checking"
+          ],
+
+          "parserOptions": {
+            "project": ["./tsconfig.json"]
+          }
+      }
+  ],
+  "parserOptions": {
+      "ecmaVersion": "latest",
+      "sourceType": "module"
+  },
+  "plugins": [
+      "react",
+      "@typescript-eslint",
+      "spellcheck"
+  ],
+  "rules": {
+      "@typescript-eslint/consistent-type-definitions": 0,
+      "@typescript-eslint/strict-boolean-expressions": 0,
+      "@typescript-eslint/prefer-nullish-coalescing": 0,
+      "@typescript-eslint/space-before-function-paren": 0,
+      "semi": ["error", "always"],
+      "@typescript-eslint/semi": ["error", "always"],
+      "comma-dangle": ["error", "always-multiline"],
+      "@typescript-eslint/comma-dangle": ["error", "always-multiline"],
+      "@typescript-eslint/prefer-readonly": "off",
+      "spellcheck/spell-checker": ["error", {
+          "lang": "en_US",
+          "comments": true,
+          "strings": true,
+          "identifiers": true,
+          "templates": true,
+          "minLength": 2,
+          "ignoreRequire": true,
+          "skipWords": [
+              "noreferrer",
+              "instagram",
+              "linkedin",
+              "checkbox",
+              "pathname",
+              "resize",
+              "unmount",
+              "preloading",
+              "dom",
+              "matchers",
+              "jpg",
+              "jpeg",
+              "david",
+              "bradshaw",
+              "mr",
+              "woff",
+              "woff2",
+              "ssl",
+              "svg",
+              "gif",
+              "axios",
+              "href",
+              "xml",
+              "adsbygoogle"
+         ]
+      }]
+  }
+}

.github/workflows/node.js.yml

@@ -0,0 +1,32 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ "main" ]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      -
+        name: Checkout
+        uses: actions/checkout@v2
+      -
+        name: Install Node dependencies
+        run: npm ci
+      -
+        name: Build site
+        run: npm run build
+      -
+        name: Deploy to GitHub Pages
+        if: success()
+        uses: crazy-max/ghaction-github-pages@v2
+        with:
+          target_branch: gh-pages
+          build_dir: build
+          fqdn: textencoder.unrealpixels.com
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

README.md

@@ -0,0 +1,10 @@
+# Unreal Pixels JSON Linter
+
+### `npm start`
+
+Runs the app in the development mode.
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.

index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#271d3b" />
+    <meta name="description" content="JSON Linter and verification tool" />
+    <meta name="keywords" content="JSON Linter and verification tool" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
+    <title>JSON Linter from Unreal Pixels</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-KLYKEY41RL"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-KLYKEY41RL');
+    </script>
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5308923384403008" crossorigin="anonymous"></script>
+  </body>
+</html>