feat(web): add web generator

Author: avivkeller

.c8rc.json

@@ -1,3 +1,9 @@
 {
-  "all": true
+  "all": true,
+  "exclude": [
+    "eslint.config.mjs",
+    "**/fixtures/**",
+    "src/generators/legacy-html/assets/**",
+    "src/generators/web/ui/**"
+  ]
 }

.prettierignore

@@ -1,3 +1,9 @@
 # Tests files
 src/generators/api-links/__tests__/fixtures/
 *.snapshot
+
+# Templates
+src/generators/web/template.html
+
+# Output
+out/

codecov.yml

@@ -12,7 +12,3 @@ coverage:
         # TODO(@avivkeller): Once our coverage > 70%,
         # increase this to 70%, and increase on increments
         target: 60%
-
-ignore:
-  - 'eslint.config.mjs'
-  - '**/fixtures/'

eslint.config.mjs

@@ -1,18 +1,35 @@
 import pluginJs from '@eslint/js';
+import { defineConfig } from 'eslint/config';
 import importX from 'eslint-plugin-import-x';
 import jsdoc from 'eslint-plugin-jsdoc';
+import react from 'eslint-plugin-react';
 import globals from 'globals';
 
-export default [
+export default defineConfig([
   pluginJs.configs.recommended,
   importX.flatConfigs.recommended,
   {
     ignores: ['out/', 'src/generators/api-links/__tests__/fixtures/'],
   },
   {
-    files: ['**/*.mjs'],
+    files: ['**/*.{mjs,jsx}'],
+    plugins: {
+      jsdoc,
+      react,
+    },
+    languageOptions: {
+      ecmaVersion: 'latest',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: { ...globals.nodeBuiltin },
+    },
     rules: {
       'object-shorthand': 'error',
+      'react/jsx-uses-react': 'error',
+      'react/jsx-uses-vars': 'error',
       'import-x/namespace': 'off',
       'import-x/no-named-as-default': 'off',
       'import-x/no-named-as-default-member': 'off',
@@ -75,7 +92,18 @@ export default [
     },
   },
   {
-    files: ['src/generators/legacy-html/assets/*.js'],
-    languageOptions: { globals: { ...globals.browser } },
+    files: [
+      'src/generators/legacy-html/assets/*.js',
+      'src/generators/web/ui/**/*',
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        // SERVER and CLIENT denote server-only and client-only
+        // codepaths in our web generator
+        CLIENT: 'readonly',
+        SERVER: 'readonly',
+      },
+    },
   },
-];
+]);