Updating critical packages; Setting up CI; Fixing for Web Components

.eslintrc.json

@@ -1,6 +1,7 @@
 {
+  "parser": "@babel/eslint-parser",
   "parserOptions": {
-    "ecmaVersion": 6,
+    "ecmaVersion": "latest",
     "ecmaFeatures": {
       "experimentalObjectRestSpread": true,
       "jsx": true
@@ -9,7 +10,8 @@
   },
   "env": {
     "es6": true,
-    "node": true
+    "node": true,
+    "mocha": true
   },
   "globals": {
     "document": false,
@@ -26,12 +28,7 @@
     "getLineNumber": true,
     "requestAnimationFrame": true
   },
-  "plugins": [
-    "react",
-    "standard",
-    "promise",
-    "mocha"
-  ],
+  "plugins": ["@babel", "react", "standard", "promise", "mocha"],
   "rules": {
     "react/jsx-uses-react": "error",
     "react/jsx-uses-vars": "error",
@@ -45,10 +42,7 @@
         "after": true
       }
     ],
-    "block-spacing": [
-      2,
-      "always"
-    ],
+    "block-spacing": [2, "always"],
     "brace-style": [
       2,
       "1tbs",
@@ -63,47 +57,29 @@
         "after": true
       }
     ],
-    "comma-style": [
-      2,
-      "last"
-    ],
+    "comma-style": [2, "last"],
     "constructor-super": 2,
     "object-curly-spacing": [2, "never"],
-    "curly": [
-      2,
-      "multi-line"
-    ],
-    "dot-location": [
-      2,
-      "property"
-    ],
+    "curly": [2, "multi-line"],
+    "dot-location": [2, "property"],
     "eol-last": 2,
-    "eqeqeq": [
-      2,
-      "allow-null"
-    ],
+    "eqeqeq": [2, "allow-null"],
     "generator-star-spacing": [
       2,
       {
         "before": true,
         "after": true
       }
     ],
-    "handle-callback-err": [
-      2,
-      "^(err|error)$"
-    ],
+    "handle-callback-err": [2, "^(err|error)$"],
     "indent": [
       2,
       2,
       {
         "SwitchCase": 1
       }
     ],
-    "jsx-quotes": [
-      "error",
-      "prefer-single"
-    ],
+    "jsx-quotes": ["error", "prefer-single"],
     "key-spacing": [
       2,
       {
@@ -139,18 +115,12 @@
     "no-extend-native": 2,
     "no-extra-bind": 2,
     "no-extra-boolean-cast": 2,
-    "no-extra-parens": [
-      2,
-      "functions"
-    ],
+    "no-extra-parens": [2, "functions"],
     "no-fallthrough": 2,
     "no-floating-decimal": 2,
     "no-func-assign": 2,
     "no-implied-eval": 2,
-    "no-inner-declarations": [
-      2,
-      "functions"
-    ],
+    "no-inner-declarations": [2, "functions"],
     "no-invalid-regexp": 2,
     "no-irregular-whitespace": 2,
     "no-iterator": 2,
@@ -186,10 +156,7 @@
     "no-proto": 2,
     "no-redeclare": 2,
     "no-regex-spaces": 2,
-    "no-return-assign": [
-      2,
-      "except-parens"
-    ],
+    "no-return-assign": [2, "except-parens"],
     "no-self-assign": 2,
     "no-self-compare": 2,
     "no-sequences": 2,
@@ -225,42 +192,20 @@
         "initialized": "never"
       }
     ],
-    "operator-linebreak": [
-      2,
-      "after"
-    ],
-    "padded-blocks": [
-      2,
-      "never"
-    ],
-    "quotes": [
-      2,
-      "single",
-      "avoid-escape"
-    ],
-    "semi": [
-      2,
-      "never"
-    ],
+    "operator-linebreak": [2, "after"],
+    "padded-blocks": [2, "never"],
+    "quotes": [2, "single", "avoid-escape"],
+    "semi": [2, "never"],
     "semi-spacing": [
       2,
       {
         "before": false,
         "after": true
       }
     ],
-    "space-before-blocks": [
-      2,
-      "always"
-    ],
-    "space-before-function-paren": [
-      2,
-      "never"
-    ],
-    "space-in-parens": [
-      2,
-      "never"
-    ],
+    "space-before-blocks": [2, "always"],
+    "space-before-function-paren": [2, "never"],
+    "space-in-parens": [2, "never"],
     "space-infix-ops": 2,
     "space-unary-ops": [
       2,
@@ -269,32 +214,30 @@
         "nonwords": false
       }
     ],
-    "template-curly-spacing": [
-      2,
-      "never"
-    ],
+    "template-curly-spacing": [2, "never"],
     "use-isnan": 2,
     "valid-typeof": 2,
-    "wrap-iife": [
-      2,
-      "any"
-    ],
-    "yield-star-spacing": [
-      2,
-      "both"
-    ],
-    "yoda": [
-      2,
-      "never"
-    ],
-    "standard/array-bracket-even-spacing": [
-      2,
-      "either"
-    ],
-    "standard/computed-property-even-spacing": [
-      2,
-      "even"
-    ],
+    "wrap-iife": [2, "any"],
+    "yield-star-spacing": [2, "both"],
+    "yoda": [2, "never"],
+    "standard/array-bracket-even-spacing": [2, "either"],
+    "standard/computed-property-even-spacing": [2, "even"],
     "promise/param-names": 2
-  }
+  },
+  "overrides": [
+    {
+      "files": ["./react/**/*.js"],
+      "parserOptions": {
+        "ecmaVersion": "latest",
+        "ecmaFeatures": {
+          "experimentalObjectRestSpread": true,
+          "jsx": true
+        },
+        "sourceType": "module",
+        "babelOptions": {
+          "configFile": "./react/babel.config.js"
+        }
+      }
+    }
+  ]
 }

.github/workflows/react-ci.yml

@@ -0,0 +1,87 @@
+name: React CI
+env:
+  NODE_VERSION: 20
+on:
+  push:
+    branches:
+      - "**"
+    paths:
+      - "*"
+      - "core/**"
+      - "website/**"
+      - "react/**"
+
+permissions:
+  actions: read
+  checks: write # allow dependabot-triggered runs to create checks
+  contents: write # allow dependabot-triggered runs to create releases
+  deployments: read
+  issues: write
+  discussions: none
+  packages: read
+  pages: none
+  pull-requests: write # allow dependabot-triggered runs to comment on PRs
+  repository-projects: read
+  security-events: none
+  statuses: write
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: npm
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Run React Tests
+        run: npm run react:test
+
+  publish:
+    needs: [test]
+    name: Publish NPM Package
+    runs-on: ubuntu-latest
+    env:
+      GIT_AUTHOR_NAME: "im-pipeline-bot"
+      GIT_AUTHOR_EMAIL: ${{ secrets.COMMIT_BOT_EMAIL }}
+      GIT_COMMITTER_NAME: "im-pipeline-bot"
+      GIT_COMMITTER_EMAIL: ${{ secrets.COMMIT_BOT_EMAIL }}
+      GITHUB_TOKEN: ${{ secrets.PIPELINE_BOT_PAT }}
+      GH_TOKEN: ${{ secrets.PIPELINE_BOT_PAT }}
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.PIPELINE_BOT_PAT }}
+          fetch-depth: 0
+          persist-credentials: true
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: npm
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Build
+        run: |
+          npm run core:build
+          npm run react:build
+          npm run website:build
+          git add -A
+
+      - name: Semantic Release - core
+        run: npx cross-env PACKAGE_NAME=core npx semantic-release
+
+      - name: Semantic Release - react
+        run: npx cross-env PACKAGE_NAME=react npx semantic-release

.npmrc

@@ -0,0 +1 @@
+access=public

README.md

@@ -1,18 +1,8 @@
-# [![Text Mask](assets/logo.png)](https://github.com/text-mask/text-mask/#readme)
+# [![Text Mask](assets/logo.png)](https://github.com/im-open/text-mask/#readme)
 
-⚠️ This library is not maintained. Pull-requests and issues are not monitored. Below are some alternatives to `text-mask` (**Please note** that the alternatives below are not checked or verified by the maintainers of Text Mask):
+[![Build Status](https://travis-ci.org/im-open/text-mask.svg?branch=master)](https://travis-ci.org/im-open/text-mask)
 
-* https://github.com/uNmAnNeR/imaskjs
-* https://github.com/JsDaddy/ngx-mask
-* https://github.com/Tinkoff/maskito
-
-If you know other alternatives that should be listed here, email me at [email protected].
-
------
-
-[![Build Status](https://travis-ci.org/text-mask/text-mask.svg?branch=master)](https://travis-ci.org/text-mask/text-mask)
-
-Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, 
+Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email,
 and literally anything!
 
 There are convenient wrappers for React, Angular 2, Ember, and Vue.
@@ -23,11 +13,11 @@ See it in action, [check out the demo page](https://text-mask.github.io/text-mas
 
 ## Installation and usage
 
-* [React](react#readme)
-* [Angular 2](angular2#readme) or [Angular 1](angular1#readme)
-* [Ember](ember#readme)
-* [Vue](vue#readme)
-* [Vanilla JS](vanilla#readme)
+- [React](react#readme)
+- [Angular 2](angular2#readme) or [Angular 1](angular1#readme)
+- [Ember](ember#readme)
+- [Vue](vue#readme)
+- [Vanilla JS](vanilla#readme)
 
 ## Expected to work with...
 
@@ -36,12 +26,12 @@ IE9+, Android, Samsung Internet, Windows Phone, iOS, Opera, Firefox, Safari, and
 ## Flexible
 
 Text Mask is very configurable and allows you to create any type of input mask with minimal APIs.
-[See the documentation for details](https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#readme).
+[See the documentation for details](https://github.com/im-open/text-mask/blob/master/componentDocumentation.md#readme).
 
 ## Extendable
 
-You can easily expand the base functionality of Text Mask with addons for more mask types. 
-[Checkout existing addons](https://github.com/text-mask/text-mask/tree/master/addons/#readme).
+You can easily expand the base functionality of Text Mask with addons for more mask types.
+[Checkout existing addons](https://github.com/im-open/text-mask/tree/master/addons/#readme).
 
 ## Robust
 
@@ -52,4 +42,4 @@ It works on mobile, has no 3rd party dependencies, and has a tiny footprint (les
 
 ## For any questions, suggestions, or feature requests
 
-[Please file an issue](https://github.com/text-mask/text-mask/issues)!
+[Please file an issue](https://github.com/im-open/text-mask/issues)!