api url from config

eslint.config.mjs

@@ -0,0 +1,24 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
+
+
+export default [
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReactConfig,{
+    rules: {
+      'react/prop-types': 'off',
+        '@typescript-eslint/no-unused-vars': [
+            'warn',
+            { argsIgnorePattern: '^_', caughtErrors: 'none' },
+        ],
+        '@typescript-eslint/ban-types': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+        "@typescript-eslint/no-explicit-any": "off"
+    },
+    ignores: ["src/index.tsx"]
+  }
+];

ijl.config.js

@@ -19,6 +19,6 @@ module.exports = {
     },
   },
   config: {
-    key: "value",
+    "r-and-m.api": "/api"
   },
 };

package.json

@@ -11,6 +11,7 @@
         "start": "ijl-cli server --port=8099 --with-open-browser",
         "build": "npm run clean && ijl-cli build --dev",
         "build:prod": "npm run clean && ijl-cli build",
+        "eslint": "exit 0",
         "clean": "rimraf dist"
     },
     "keywords": [],
@@ -27,5 +28,12 @@
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.23.0",
         "typescript": "^5.4.4"
+    },
+    "devDependencies": {
+        "@eslint/js": "^9.3.0",
+        "eslint": "^8.57.0",
+        "eslint-plugin-react": "^7.34.1",
+        "globals": "^15.2.0",
+        "typescript-eslint": "^7.9.0"
     }
 }

src/__data__/urls.ts

@@ -1,4 +1,4 @@
-import { getNavigationsValue } from '@ijl/cli';
+import { getNavigationsValue, getConfigValue } from '@ijl/cli';
 import { generatePath } from 'react-router-dom';
 
 const baseUrl = getNavigationsValue('r-and-m.main');
@@ -13,5 +13,7 @@ export const URLs = {
       getUrl: (charId: number) => generatePath(`${baseUrl}${getNavigationsValue('r-and-m.character.detail')}`, { charId })
     }
   },
-  api: {},
+  api: {
+    main: getConfigValue('r-and-m.api')
+  },
 }

src/app.tsx

@@ -14,4 +14,6 @@ const App = () => {
   );
 };
 
+App.displayName = "App-22";
+
 export default App;

src/components/nav-panel/nav-panel.tsx

@@ -6,7 +6,7 @@ import { Link } from "../link";
 import { Nav, NavList } from "./nav-panel.style";
 import { URLs } from "../../__data__/urls";
 
-const navList = [
+const _navList = [
   { title: "Home", href: "/r-and-m" },
   { title: "Персонажи", href: "/r-and-m/search" },
   { title: "Локации", href: "#03" },

src/index.tsx

@@ -1,3 +1,4 @@
+// @es-lint-ignore-file
 import React from 'react';
 import ReactDOM from 'react-dom/client';
   

src/pages/landing.tsx

@@ -9,7 +9,7 @@ import { Link } from "../components/link";
 import { Card } from "../components/card";
 import { Header1 } from "../components/common";
 import { ErrorBoundary } from "../components/error-boundary";
-import { Button } from "../components/button";
+import { URLs } from "../__data__/urls";
 
 import {
   BrandText,
@@ -26,7 +26,7 @@ import {
 export const LandingPage = () => {
   const [data, setData] = useState([])
   useEffect(() => {
-    fetch('/api/landing-data')
+    fetch(`${URLs.api.main}/landing-data`)
     .then(response => response.json())
     .then(data => {
       setData(data.data)

stubs/json/landing-data/error.json

@@ -0,0 +1,3 @@
+{
+ "error": "not found"
+}