Initial commit

.browserslistrc

@@ -0,0 +1,3 @@
+> 5%
+last 2 versions
+not ie <= 11

.editorconfig

@@ -0,0 +1,15 @@
+# Drupal editor configuration normalization
+# @see http://editorconfig.org/
+
+# This is the top-most .editorconfig file; do not search in parent directories.
+root = true
+
+# All files.
+[*]
+end_of_line = LF
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+

.eslintrc

@@ -0,0 +1,274 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "sourceType": "module"
+  },
+
+  "extends": [
+    "plugin:react/recommended",
+  ],
+
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": [
+        "plugin:@typescript-eslint/recommended"
+      ],
+      "parser": "@typescript-eslint/parser",
+      "plugins": ["@typescript-eslint"],
+      "rules": {
+        "@typescript-eslint/adjacent-overload-signatures": "warn",
+        "@typescript-eslint/ban-ts-comment": "warn",
+        "@typescript-eslint/consistent-type-assertions": "warn",
+        "@typescript-eslint/explicit-function-return-type": "warn",
+        "@typescript-eslint/member-delimiter-style": "warn",
+        "@typescript-eslint/no-array-constructor": "warn",
+        "@typescript-eslint/no-empty-function": "warn",
+        "@typescript-eslint/no-empty-interface": "warn",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-inferrable-types": "warn",
+        "@typescript-eslint/no-misused-new": "warn",
+        "@typescript-eslint/no-namespace": "warn",
+        "@typescript-eslint/no-non-null-assertion": "warn",
+        "@typescript-eslint/no-this-alias": "warn",
+        "@typescript-eslint/no-unused-vars": "warn",
+        "@typescript-eslint/no-use-before-define": "warn",
+        "@typescript-eslint/no-var-requires": "warn",
+        "@typescript-eslint/prefer-namespace-keyword": "warn",
+        "@typescript-eslint/triple-slash-reference": "warn",
+        "@typescript-eslint/type-annotation-spacing": "warn",
+        "no-var": "warn",
+        "prefer-rest-params": "warn",
+        "prefer-spread": "warn"
+      }
+    }
+  ],
+
+  "env": {
+    "es6": true,
+    "node": true,
+    "browser": true
+  },
+
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+
+  "plugins": [
+    "import",
+    "node",
+    "promise",
+    "standard"
+  ],
+
+  "globals": {
+    "document": "readonly",
+    "navigator": "readonly",
+    "window": "readonly"
+  },
+
+  "ignorePatterns": [
+    "vendors",
+    "vendor",
+    "node_modules",
+    "bower_components"
+  ],
+
+  "rules": {
+    "accessor-pairs": "warn",
+    "array-bracket-spacing": ["warn", "never"],
+    "arrow-spacing": ["warn", { "before": true, "after": true }],
+    "block-spacing": ["warn", "always"],
+    "brace-style": ["warn", "1tbs", { "allowSingleLine": true }],
+    "camelcase": ["warn", { "properties": "never" }],
+    "comma-dangle": ["warn", {
+      "arrays": "never",
+      "objects": "never",
+      "imports": "never",
+      "exports": "never",
+      "functions": "never"
+    }],
+    "comma-spacing": ["warn", { "before": false, "after": true }],
+    "comma-style": ["warn", "last"],
+    "computed-property-spacing": ["warn", "never"],
+    "constructor-super": "warn",
+    "curly": ["warn", "multi-line"],
+    "dot-location": ["warn", "property"],
+    "dot-notation": ["warn", { "allowKeywords": true }],
+    "eol-last": "warn",
+    "eqeqeq": ["off", "always", { "null": "ignore" }],
+    "func-call-spacing": ["warn", "never"],
+    "generator-star-spacing": ["warn", { "before": true, "after": true }],
+    "handle-callback-err": ["warn", "^(err|error)$" ],
+    "indent": ["warn", 2, {
+      "SwitchCase": 1,
+      "VariableDeclarator": 1,
+      "outerIIFEBody": 1,
+      "MemberExpression": 1,
+      "FunctionDeclaration": { "parameters": 1, "body": 1 },
+      "FunctionExpression": { "parameters": 1, "body": 1 },
+      "CallExpression": { "arguments": 1 },
+      "ArrayExpression": 1,
+      "ObjectExpression": 1,
+      "ImportDeclaration": 1,
+      "flatTernaryExpressions": false,
+      "ignoreComments": false,
+      "ignoredNodes": ["TemplateLiteral *"]
+    }],
+    "key-spacing": ["warn", { "beforeColon": false, "afterColon": true }],
+    "keyword-spacing": ["warn", { "before": true, "after": true }],
+    "lines-between-class-members": ["warn", "always", { "exceptAfterSingleLine": true }],
+    "new-cap": ["warn", { "newIsCap": true, "capIsNew": false, "properties": true }],
+    "new-parens": "warn",
+    "no-array-constructor": "warn",
+    "no-async-promise-executor": "warn",
+    "no-caller": "warn",
+    "no-case-declarations": "warn",
+    "no-class-assign": "warn",
+    "no-compare-neg-zero": "warn",
+    "no-cond-assign": "warn",
+    "no-const-assign": "warn",
+    "no-constant-condition": ["warn", { "checkLoops": false }],
+    "no-control-regex": "warn",
+    "no-debugger": "warn",
+    "no-delete-var": "warn",
+    "no-dupe-args": "warn",
+    "no-dupe-class-members": "warn",
+    "no-dupe-keys": "warn",
+    "no-duplicate-case": "warn",
+    "no-empty-character-class": "warn",
+    "no-empty-pattern": "warn",
+    "no-eval": "warn",
+    "no-ex-assign": "warn",
+    "no-extend-native": "warn",
+    "no-extra-bind": "warn",
+    "no-extra-boolean-cast": "warn",
+    "no-extra-parens": ["warn", "functions"],
+    "no-fallthrough": "warn",
+    "no-floating-decimal": "warn",
+    "no-func-assign": "warn",
+    "no-global-assign": "warn",
+    "no-implied-eval": "warn",
+    "no-inner-declarations": ["warn", "functions"],
+    "no-invalid-regexp": "warn",
+    "no-irregular-whitespace": "warn",
+    "no-iterator": "warn",
+    "no-labels": ["warn", { "allowLoop": false, "allowSwitch": false }],
+    "no-lone-blocks": "warn",
+    "no-misleading-character-class": "warn",
+    "no-prototype-builtins": "warn",
+    "no-useless-catch": "warn",
+    "no-mixed-operators": ["warn", {
+      "groups": [
+        ["==", "!=", "===", "!==", ">", ">=", "<", "<="],
+        ["&&", "||"],
+        ["in", "instanceof"]
+      ],
+      "allowSamePrecedence": true
+    }],
+    "no-mixed-spaces-and-tabs": "warn",
+    "no-multi-spaces": "warn",
+    "no-multi-str": "warn",
+    "no-multiple-empty-lines": ["warn", { "max": 1, "maxEOF": 0 }],
+    "no-negated-in-lhs": "warn",
+    "no-new": "off",
+    "no-new-func": "warn",
+    "no-new-object": "warn",
+    "no-new-require": "warn",
+    "no-new-symbol": "warn",
+    "no-new-wrappers": "warn",
+    "no-obj-calls": "warn",
+    "no-octal": "warn",
+    "no-octal-escape": "warn",
+    "no-path-concat": "warn",
+    "no-proto": "warn",
+    "no-redeclare": ["warn", { "builtinGlobals": false }],
+    "no-regex-spaces": "warn",
+    "no-return-assign": ["warn", "except-parens"],
+    "no-return-await": "warn",
+    "no-self-assign": ["warn", { "props": true }],
+    "no-self-compare": "warn",
+    "no-sequences": "warn",
+    "no-shadow-restricted-names": "warn",
+    "no-sparse-arrays": "warn",
+    "no-tabs": "warn",
+    "no-template-curly-in-string": "warn",
+    "no-this-before-super": "warn",
+    "no-throw-literal": "warn",
+    "no-trailing-spaces": "warn",
+    "no-undef": "warn",
+    "no-undef-init": "warn",
+    "no-unexpected-multiline": "warn",
+    "no-unmodified-loop-condition": "warn",
+    "no-unneeded-ternary": ["warn", { "defaultAssignment": false }],
+    "no-unreachable": "warn",
+    "no-unsafe-finally": "warn",
+    "no-unsafe-negation": "warn",
+    "no-unused-expressions": ["warn", { "allowShortCircuit": true, "allowTernary": true, "allowTaggedTemplates": true }],
+    "no-unused-vars": ["warn", { "vars": "all", "args": "none", "ignoreRestSiblings": true }],
+    "no-use-before-define": ["warn", { "functions": false, "classes": false, "variables": false }],
+    "no-useless-call": "warn",
+    "no-useless-computed-key": "warn",
+    "no-useless-constructor": "warn",
+    "no-useless-escape": "warn",
+    "no-useless-rename": "warn",
+    "no-useless-return": "warn",
+    "no-void": "off",
+    "no-whitespace-before-property": "warn",
+    "no-with": "warn",
+    "object-curly-newline": ["warn", { "multiline": true, "consistent": true }],
+    "object-curly-spacing": ["warn", "always"],
+    "object-property-newline": ["warn", { "allowMultiplePropertiesPerLine": true }],
+    "one-var": ["off", { "initialized": "never" }],
+    "operator-linebreak": ["warn", "after", { "overrides": { "?": "before", ":": "before", "|>": "before" } }],
+    "padded-blocks": ["off", { "blocks": "never", "switches": "never", "classes": "never" }],
+    "prefer-const": ["warn", {"destructuring": "all"}],
+    "prefer-promise-reject-errors": "warn",
+    "quote-props": ["warn", "as-needed"],
+    "quotes": ["warn", "single", { "avoidEscape": true, "allowTemplateLiterals": false }],
+    "rest-spread-spacing": ["warn", "never"],
+    "semi": ["warn", "always"],
+    "semi-spacing": ["warn", { "before": false, "after": true }],
+    "space-before-blocks": ["warn", "always"],
+    "space-before-function-paren": ["warn", {
+      "anonymous": "never",
+      "named": "never",
+      "asyncArrow": "always"
+    }],
+    "space-in-parens": ["warn", "never"],
+    "space-infix-ops": "warn",
+    "space-unary-ops": ["warn", { "words": true, "nonwords": false }],
+    "spaced-comment": ["warn", "always", {
+      "line": { "markers": ["*package", "!", "/", ",", "="] },
+      "block": { "balanced": true, "markers": ["*package", "!", ",", ":", "::", "flow-include"], "exceptions": ["*"] }
+    }],
+    "symbol-description": "warn",
+    "template-curly-spacing": ["warn", "never"],
+    "template-tag-spacing": ["warn", "never"],
+    "unicode-bom": ["warn", "never"],
+    "use-isnan": "warn",
+    "valid-typeof": ["warn", { "requireStringLiterals": true }],
+    "wrap-iife": ["warn", "any", { "functionPrototypeMethods": true }],
+    "yield-star-spacing": ["warn", "both"],
+    "yoda": ["warn", "never"],
+
+    "import/export": "warn",
+    "import/first": "warn",
+    "import/no-absolute-path": ["warn", { "esmodule": true, "commonjs": true, "amd": false }],
+    "import/no-duplicates": "warn",
+    "import/no-named-default": "warn",
+    "import/no-webpack-loader-syntax": "warn",
+
+    "node/no-deprecated-api": "warn",
+    "node/process-exit-as-throw": "warn",
+
+    "promise/param-names": "warn",
+
+    "standard/no-callback-literal": "warn"
+  }
+}

.gitignore

@@ -0,0 +1,8 @@
+# System ignore
+.DS_Store
+
+# Project
+node_modules
+build
+
+!.gitkeep

config.json

@@ -0,0 +1,39 @@
+{
+  "src": "public",
+  "dist": "build",
+  "vendors": ["distribution"],
+  "lintedExtensions": [".js", ".ts", ".jsx", ".tsx"],
+  "compileExtensions": [".js", ".ts", ".scss"],
+  "exclude": "/(node_modules|bower_components)/",
+  "browserSync": {
+    "host": "localhost",
+    "proxy": "example.com",
+    "port": 4200,
+    "ui": { "port": 4201 },
+    "open": false,
+    "socket": {
+      "domain": "localhost:4200"
+    },
+    "injectChanges": true,
+    "watchEvents": ["change"],
+    "files": [
+      "build/**/*.js",
+      "build/**/*.css"
+    ],
+    "ignore": [
+      "build/some-pattern"
+    ],
+    "watchOptions": {
+      "usePolling": true
+    }
+  },
+  "sass": {
+    "loadPaths": ["distribution/sass", "node_modules"]
+  },
+  "esbuild": {
+    "target": "es6"
+  },
+  "copy": {
+    "ignore": [".ts",".js",".scss",".gitkeep"]
+  }
+}

distribution/sass/_classes.scss

@@ -0,0 +1,4 @@
+@import 'classes/buttons';
+@import 'classes/components';
+@import 'classes/forms';
+@import 'classes/layouts';

distribution/sass/_local_manifest.scss

@@ -0,0 +1,5 @@
+@import 'variables';
+@import '@lorndev/sass-assets/sass/manifest';// install viewport sass
+@import '@lorndev/viewport/viewport';
+@import 'mixins';
+@import 'classes';

distribution/sass/_mixins.scss

@@ -0,0 +1,4 @@
+@import "mixins/buttons";
+@import "mixins/fonts";
+@import "mixins/form";
+@import "mixins/layout";

distribution/sass/_variables.scss

@@ -0,0 +1,16 @@
+// Colors
+
+$color-black:                                     #000;
+
+// Containers
+
+$xs:                                                320px;
+$sm:                                                768px;
+$md:                                                960px;
+$lg:                                                1200px;
+$xl:                                                1600px;
+
+// fonts
+
+// Paths
+$svg-path:                                          'distribution/svg/';