feat(web): add web generator (#285)

Author: avivkeller

.c8rc.json

@@ -3,6 +3,7 @@
   "exclude": [
     "eslint.config.mjs",
     "**/fixtures",
-    "src/generators/legacy-html/assets"
+    "src/generators/legacy-html/assets",
+    "src/generators/web/ui"
   ]
 }

.gitignore

@@ -8,3 +8,10 @@ out
 # Tests
 coverage
 junit.xml
+
+# Debugging
+.clinic
+isolate-*
+
+# Node's Source Folder
+node

.prettierignore

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

.vercelignore

@@ -0,0 +1,2 @@
+# Ignored the cloned `node` folder
+node

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,19 @@ export default [
     },
   },
   {
-    files: ['src/generators/legacy-html/assets/*.js'],
-    languageOptions: { globals: { ...globals.browser }, ecmaVersion: 'latest' },
+    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',
+      },
+      ecmaVersion: 'latest',
+    },
   },
-];
+]);