feat: Integrate postcss-css-grid plugin and enable TypeScript support (#1)

* feat: Remove formatter.js in favor of postcss-css-grid plugin

* feat: Add TypeScript support

Author: aaronccasanova

.eslintrc.js

@@ -0,0 +1,40 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    jest: true,
+  },
+  extends: ['airbnb-base'],
+  parser: '@typescript-eslint/parser',
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      },
+    },
+  },
+  parserOptions: {
+    ecmaVersion: 13,
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint'],
+  rules: {
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        ts: 'never',
+        tsx: 'never',
+      },
+    ],
+    semi: 'off',
+    'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
+    'function-paren-newline': 'off',
+    'implicit-arrow-linebreak': 'off',
+    'arrow-body-style': 'off',
+    'operator-linebreak': 'off',
+    'no-confusing-arrow': 'off',
+  },
+}

babel-jest.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    '@babel/preset-typescript',
+  ],
+}

dev/example.css

@@ -2,7 +2,7 @@
   grid-template-areas:"a b"
     "c d"
 
-     "c       d"   ;
+     "e       f"   ;
 }
 
 .testCss2 {
@@ -12,3 +12,8 @@
 .testCss3 {
   grid-template-areas:"a b";
 }
+
+.testCss3 {
+  grid-template-areas:"a var(--test1)"
+    "var(--test2) b";
+}