update files and directories structure

Author: theRuslan

.browserslistrc

@@ -0,0 +1,2 @@
+defaults and supports es6-module
+maintained node versions

.eslintrc.json

@@ -0,0 +1,108 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "react",
+    "react-hooks",
+    "simple-import-sort",
+    "@typescript-eslint"
+  ],
+  "ignorePatterns": [
+    ".git",
+    ".github",
+    ".next",
+    ".npm",
+    ".vscode",
+    ".yarn",
+    "assets",
+    "build",
+    "coverage",
+    "cypress",
+    "dist",
+    "locales",
+    "node_modules",
+    "public"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "plugin:prettier/recommended",
+    "plugin:@next/next/recommended"
+  ],
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true
+  },
+  "rules": {
+    "react/react-in-jsx-scope": 0,
+    "react/display-name": 0,
+    "react/prop-types": 0,
+    "@typescript-eslint/explicit-function-return-type": 0,
+    "@typescript-eslint/explicit-member-accessibility": 0,
+    "@typescript-eslint/indent": 0,
+    "@typescript-eslint/member-delimiter-style": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-var-requires": 0,
+    "@typescript-eslint/no-use-before-define": 0,
+    "@typescript-eslint/ban-ts-comment": 0,
+    "simple-import-sort/imports": "warn",
+    "simple-import-sort/exports": "warn",
+    "react-hooks/exhaustive-deps": [
+      "warn",
+      {
+        "additionalHooks": "(useIsomorphicLayoutEffect)"
+      }
+    ],
+    "react/no-unescaped-entities": 0,
+    "curly": [
+      "error",
+      "multi-line"
+    ],
+    "react/jsx-no-target-blank": [
+      2,
+      {
+        "allowReferrer": true
+      }
+    ],
+    "@typescript-eslint/no-unused-vars": [
+      2,
+      {
+        "argsIgnorePattern": "^_"
+      }
+    ],
+    "no-console": [
+      1,
+      {
+        "allow": [
+          "warn",
+          "error"
+        ]
+      }
+    ],
+    "prettier/prettier": [
+      "warn"
+    ],
+    "@typescript-eslint/explicit-module-boundary-types": "off"
+  },
+  "settings": {
+    "import/parsers": {
+      "@typescript-eslint/parser": [
+        ".ts",
+        ".tsx"
+      ]
+    },
+    "import/resolver": {
+      "typescript": {
+        "alwaysTryTypes": true,
+        "project": "."
+      }
+    },
+    "react": {
+      "version": "detect"
+    }
+  }
+}

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": false,
+  "singleQuote": false,
+  "arrowParens": "always",
+  "tabWidth": 2,
+  "printWidth": 80,
+  "trailingComma": "none"
+}

package.json

@@ -5,6 +5,12 @@
   "repository": "https://github.com/theRuslan/next-drupal-typescript-starter",
   "author": "theRuslan <iam@theruslan.ru> (https://theruslan.ru)",
   "private": true,
+  "config": {
+    "port": "2000"
+  },
+  "engines": {
+    "node": "18.x"
+  },
   "scripts": {
     "dev": "next dev -p $npm_package_config_port",
     "lint": "next lint && stylelint '**/*.{css,scss}'",
@@ -90,195 +96,5 @@
     "stylelint-prettier": "^3.0.0",
     "typescript": "^5.1.3",
     "webpack": "^5.88.0"
-  },
-  "config": {
-    "port": "2000"
-  },
-  "engines": {
-    "node": "18.x"
-  },
-  "browserslist": [
-    "defaults",
-    "node >18"
-  ],
-  "prettier": {
-    "semi": false,
-    "singleQuote": false,
-    "arrowParens": "always",
-    "tabWidth": 2,
-    "printWidth": 80,
-    "trailingComma": "none"
-  },
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "plugins": [
-      "react",
-      "react-hooks",
-      "simple-import-sort",
-      "@typescript-eslint"
-    ],
-    "ignorePatterns": [
-      ".git",
-      ".github",
-      ".next",
-      ".npm",
-      ".vscode",
-      ".yarn",
-      "assets",
-      "build",
-      "coverage",
-      "cypress",
-      "dist",
-      "locales",
-      "node_modules",
-      "public"
-    ],
-    "extends": [
-      "eslint:recommended",
-      "plugin:import/recommended",
-      "plugin:import/typescript",
-      "plugin:react/recommended",
-      "plugin:@typescript-eslint/recommended",
-      "prettier",
-      "plugin:prettier/recommended",
-      "plugin:@next/next/recommended"
-    ],
-    "env": {
-      "es6": true,
-      "browser": true,
-      "node": true
-    },
-    "rules": {
-      "react/react-in-jsx-scope": 0,
-      "react/display-name": 0,
-      "react/prop-types": 0,
-      "@typescript-eslint/explicit-function-return-type": 0,
-      "@typescript-eslint/explicit-member-accessibility": 0,
-      "@typescript-eslint/indent": 0,
-      "@typescript-eslint/member-delimiter-style": 0,
-      "@typescript-eslint/no-explicit-any": 0,
-      "@typescript-eslint/no-var-requires": 0,
-      "@typescript-eslint/no-use-before-define": 0,
-      "@typescript-eslint/ban-ts-comment": 0,
-      "simple-import-sort/imports": "warn",
-      "simple-import-sort/exports": "warn",
-      "react-hooks/exhaustive-deps": [
-        "warn",
-        {
-          "additionalHooks": "(useIsomorphicLayoutEffect)"
-        }
-      ],
-      "react/no-unescaped-entities": 0,
-      "curly": [
-        "error",
-        "multi-line"
-      ],
-      "react/jsx-no-target-blank": [
-        2,
-        {
-          "allowReferrer": true
-        }
-      ],
-      "@typescript-eslint/no-unused-vars": [
-        2,
-        {
-          "argsIgnorePattern": "^_"
-        }
-      ],
-      "no-console": [
-        1,
-        {
-          "allow": [
-            "warn",
-            "error"
-          ]
-        }
-      ],
-      "prettier/prettier": [
-        "warn"
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "off"
-    },
-    "settings": {
-      "import/parsers": {
-        "@typescript-eslint/parser": [
-          ".ts",
-          ".tsx"
-        ]
-      },
-      "import/resolver": {
-        "typescript": {
-          "alwaysTryTypes": true,
-          "project": "."
-        }
-      },
-      "react": {
-        "version": "detect"
-      }
-    }
-  },
-  "stylelint": {
-    "ignoreFiles": [
-      "**/*.{ts,tsx,js,jsx}"
-    ],
-    "extends": [
-      "stylelint-config-standard",
-      "stylelint-config-standard-scss",
-      "stylelint-prettier/recommended"
-    ],
-    "plugins": [
-      "stylelint-prettier"
-    ],
-    "rules": {
-      "scss/at-rule-no-unknown": [
-        true,
-        {
-          "ignoreAtRules": [
-            "tailwind",
-            "layer",
-            "apply",
-            "variants",
-            "responsive",
-            "screen",
-            "include",
-            "for",
-            "mixin",
-            "if",
-            "else",
-            "warn",
-            "return",
-            "function",
-            "use",
-            "each"
-          ]
-        }
-      ],
-      "selector-pseudo-class-no-unknown": [
-        true,
-        {
-          "ignorePseudoClasses": [
-            "global"
-          ]
-        }
-      ],
-      "property-no-unknown": [
-        true,
-        {
-          "ignoreProperties": [
-            "font-named-instance"
-          ]
-        }
-      ],
-      "declaration-property-value-no-unknown": true,
-      "no-descending-specificity": null,
-      "length-zero-no-unit": null,
-      "alpha-value-notation": null,
-      "selector-id-pattern": null,
-      "selector-class-pattern": null,
-      "property-no-vendor-prefix": null,
-      "value-no-vendor-prefix": null,
-      "scss/no-global-function-names": null,
-      "scss/double-slash-comment-empty-line-before": null
-    }
   }
 }

components/.gitkeep renamed to src/components/.gitkeep

@@ -10,7 +10,7 @@ import LogoBox from "@/components/Logos/LogoBox"
 const Wrapper = dynamic(() => import("@/components/Layout/Wrapper"))
 const Container = dynamic(() => import("@/components/Layout/Container"))
 const IconClose = dynamic(() => import("@/icons/IconClose"))
-const IconMenu = dynamic(() => import("@/components/Icons/IconMenu"))
+const IconMenu = dynamic(() => import("@/icons/IconMenu"))
 
 const LanguageSwitcher = dynamic(
   () => import("@/components/Layout/LanguageSwitcher")

components/Layout/BPIndicator.tsx renamed to src/components/Layout/BPIndicator.tsx

@@ -3,6 +3,6 @@ const Button = {
   // sizes: {},
   // variants: {},
   // defaultProps: {},
-};
+}
 
-export default Button;
+export default Button

components/Layout/Container.tsx renamed to src/components/Layout/Container.tsx

@@ -3,6 +3,6 @@ const Heading = {
   // sizes: {},
   // variants: {},
   // defaultProps: {},
-};
+}
 
-export default Heading;
+export default Heading

components/Layout/Footer.tsx renamed to src/components/Layout/Footer.tsx

@@ -3,6 +3,6 @@ const Link = {
   // sizes: {},
   // variants: {},
   // defaultProps: {},
-};
+}
 
-export default Link;
+export default Link