Add graphql and apollo configuration

toggle-corp · Oct 22, 2024 · cf09b4b · cf09b4b
1 parent ed7f156
commit cf09b4b
Show file tree

Hide file tree

Showing 8 changed files with 250 additions and 24 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -20,11 +20,11 @@ const config = {
         '@typescript-eslint',
         'react-refresh',
         'simple-import-sort',
-        'import-newlines'
+        'import-newlines',
     ],
     settings: {
         'import/parsers': {
-            '@typescript-eslint/parser': ['.ts', '.tsx']
+            '@typescript-eslint/parser': ['.ts', '.tsx'],
         },
         'import/resolver': {
             typescript: {
@@ -66,7 +66,7 @@ const config = {
         'import/no-cycle': ['error', { allowUnsafeDynamicCyclicDependency: true }],
 
         'react/react-in-jsx-scope': 'off',
-        'camelcase': 'off',
+        camelcase: 'off',
 
         'react/jsx-indent': ['error', 4],
         'react/jsx-indent-props': ['error', 4],
@@ -80,7 +80,7 @@ const config = {
         'react/require-default-props': ['warn', { ignoreFunctionalComponents: true }],
         'simple-import-sort/imports': 'warn',
         'simple-import-sort/exports': 'warn',
-        'import-newlines/enforce': ['warn', 1]
+        'import-newlines/enforce': ['warn', 1],
     },
     overrides: [
         {
@@ -89,7 +89,7 @@ const config = {
                 'simple-import-sort/imports': [
                     'error',
                     {
-                        'groups': [
+                        groups: [
                             // side effect imports
                             ['^\\u0000'],
                             // packages `react` related packages come first
@@ -101,12 +101,12 @@ const config = {
                             ['^\\.\\.(?!/?$)', '^\\.\\./?$', '^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
                             // style imports
                             ['^.+\\.json$', '^.+\\.module.css$'],
-                        ]
-                    }
-                ]
-            }
-        }
-    ]
+                        ],
+                    },
+                ],
+            },
+        },
+    ],
 };
 
 module.exports = config;
diff --git a/env.ts b/env.ts
@@ -1,5 +1,9 @@
-import { defineConfig, Schema } from '@julr/vite-plugin-validate-env';
+import {
+    defineConfig,
+    Schema,
+} from '@julr/vite-plugin-validate-env';
 
 export default defineConfig({
     APP_TITLE: Schema.string.optional(),
-})
+    GRAPHQL_ENDPOINT: Schema.string.optional(),
+});
diff --git a/package.json b/package.json
@@ -19,13 +19,15 @@
         "postinstall": "patch-package"
     },
     "dependencies": {
+        "@apollo/client": "^3.11.8",
         "@togglecorp/fujs": "^2.0.0",
+        "@julr/vite-plugin-validate-env": "^1.1.1",
+        "graphql": "^16.9.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.11.1"
     },
     "devDependencies": {
-        "@julr/vite-plugin-validate-env": "^1.1.1",
         "@types/node": "^20.1.3",
         "@types/react": "^18.0.28",
         "@types/react-dom": "^18.0.11",