new: Add Solid.js support. (#6)

* Add to babel.

* Add more support.

* Enable CI caching.

Author: milesj

.github/workflows/pr.yml

@@ -7,6 +7,8 @@ jobs:
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
+        with:
+          cache: yarn
       - uses: beemojs/conventional-pr-action@v2
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -8,8 +8,8 @@ This repository is a collection of moon owned and maintained configurations and
 developer tools -- primarily tools used by moonrepo and its authors.
 
 It aims to provide a strict, modern, developer accessible, convention over configuration approach to
-JavaScript, TypeScript, and React projects! All of these configs have been designed for local and
-developer tooling based development!
+JavaScript, TypeScript (first), and React/Solid projects! All of these configs have been designed
+for local and developer tooling based development!
 
 ## Packages
 

packages/babel-preset/README.md

@@ -29,6 +29,7 @@ module.exports = {
 - Enables native `async`/`await` and avoids Regenerator.
 - Enables `export` default and namespace from syntax.
 - Supports the `react` preset and both JSX runtimes.
+- Supports the `solid` preset with SSR and hydration.
 - Converts `__DEV__`, `__PROD__`, and `__TEST__` to `process.env` checks.
 - Wraps `invariant()` in `process.env` conditionals.
 
@@ -43,6 +44,7 @@ The following options can be passed to the preset.
   (`auto` modules).
 - `react` (`boolean | classic | automatic`) - Enable the React plugin and the defined JSX runtime.
   Defaults to `false`.
+- `solid` (`boolean | ssr`) - Enable the Solid.js plugin. Hydration is always enabled.
 - `targets` (`Record<string, string> | string[] | string`) - Override the target environment.
   Defaults to Node.js `current`.
 

packages/babel-preset/package.json

@@ -44,7 +44,8 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "babel-plugin-conditional-invariant": "^2.0.1",
-    "babel-plugin-env-constants": "^2.0.1"
+    "babel-plugin-env-constants": "^2.0.1",
+    "babel-preset-solid": "^1.4.8"
   },
   "devDependencies": {
     "@babel/core": "^7.18.10"

packages/babel-preset/src/index.ts

@@ -8,12 +8,13 @@ export interface BabelPresetMoonOptions {
 	loose?: boolean;
 	modules?: boolean;
 	react?: boolean | 'automatic' | 'classic';
+	solid?: boolean | 'ssr';
 	targets?: Record<string, string> | string[] | string;
 }
 
 export default function babelPresetMoon(
 	api: unknown,
-	{ decorators, loose, modules, react, targets }: BabelPresetMoonOptions = {},
+	{ decorators, loose, modules, react, solid, targets }: BabelPresetMoonOptions = {},
 ) {
 	let looseMode = loose ?? false;
 
@@ -67,6 +68,13 @@ export default function babelPresetMoon(
 		]);
 	}
 
+	if (solid) {
+		presets.push([
+			'babel-preset-solid',
+			{ generate: solid === 'ssr' ? 'ssr' : 'dom', hydratable: true },
+		]);
+	}
+
 	return {
 		plugins,
 		presets,

packages/eslint-config/README.md

@@ -41,6 +41,8 @@ The following additional configs can also be extended, but are not enabled by de
   [jsx-a11y](https://www.npmjs.com/package/eslint-plugin-jsx-a11y) plugins.
   - Only applies to `*.tsx` files and also extends the `browser` preset.
   - Enables automatic JSX runtime if `react` version is 17+.
+- `moon/solid` - Enables the [solid](https://www.npmjs.com/package/eslint-plugin-solid) plugin.
+  - Only applies to `*.tsx` files and also extends the `browser` preset.
 
 ## Features
 

packages/eslint-config/package.json

@@ -17,6 +17,7 @@
     "lib/**/*.{js,map}",
     "node.js",
     "react.js",
+    "solid.js",
     "src/**/*.{ts,tsx,json}"
   ],
   "repository": {
@@ -52,6 +53,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-perf": "^3.3.1",
     "eslint-plugin-simple-import-sort": "^7.0.0",
+    "eslint-plugin-solid": "^0.7.1",
     "eslint-plugin-unicorn": "^43.0.2"
   },
   "devDependencies": {

packages/eslint-config/solid.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/no-commonjs
+module.exports = require('./lib/solid');

packages/eslint-config/src/solid.ts

@@ -0,0 +1,14 @@
+import type eslint from 'eslint';
+
+const config: eslint.Linter.ConfigOverride = {
+	files: ['*.ts', '*.tsx'],
+	plugins: ['solid'],
+	extends: [require.resolve('./browser.js'), 'plugin:solid/typescript'],
+	parserOptions: {
+		ecmaFeatures: {
+			jsx: true,
+		},
+	},
+};
+
+export default config;

packages/tsconfig/README.md

@@ -36,5 +36,6 @@ Extend the config from your root `tsconfig.json`.
 - Supports React through the `tsconfig.react.json` config.
   - Enables the `dom` lib.
   - Sets JSX transform to `react`.
+- Supports Solid.js through the `tsconfig.solid.json` config.
 - Strict and performant by default (of course).
 - Does _not_ check JavaScript files.