SolidStart

.gitignore

@@ -3,5 +3,4 @@ node_modules
 /wasm-pack.log
 .DS_Store
 
-pkg/
 target/

.husky/pre-commit

@@ -0,0 +1,3 @@
+#!/bin/bash
+npm run precommit
+git add --all

.vscode/settings.json

@@ -1,3 +1,6 @@
 {
-  "rust-analyzer.linkedProjects": ["./ski/Cargo.toml", "./tuber/Cargo.toml"]
+  "rust-analyzer.linkedProjects": ["./ski/Cargo.toml", "./tuber/Cargo.toml"],
+  "files.exclude": {
+    "mogul/**/*.module.css.d.*": true,
+  },
 }

js/highlight.js

@@ -87,7 +87,7 @@ function wrapParts(wrap, str, ranges, offset = 0) {
         fragment.appendChild(document.createTextNode(s));
       }
     } else {
-      const index = (i - 1) * 0.5;
+      const index = (i - 1) * 0.5; // i >> 1
       fragment.appendChild(wrap(index, s));
     }
   }

mogul/.gitignore

@@ -0,0 +1,31 @@
+
+dist
+.solid
+.output
+.vercel
+.netlify
+.vinxi
+app.config.timestamp_*.js
+
+# Environment
+.env
+.env*.local
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+*.launch
+.settings/
+
+# Temp
+gitignore
+
+# System Files
+.DS_Store
+Thumbs.db
+
+*storybook.log

mogul/.storybook/main.ts

@@ -0,0 +1,29 @@
+import type { StorybookConfig } from "storybook-solidjs-vite";
+import { mergeConfig } from "vite";
+import wasm from "vite-plugin-wasm";
+import topLevelAwait from "vite-plugin-top-level-await";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "storybook-solidjs-vite",
+    options: {},
+  },
+  async viteFinal(config) {
+    return mergeConfig(config, {
+      plugins: [tsconfigPaths(), wasm(), topLevelAwait()],
+      css: {
+        modules: {
+          localsConvention: 'camelCase',
+        }
+      },
+    });
+  },
+};
+export default config;

mogul/.storybook/preview.ts

@@ -0,0 +1,14 @@
+import "~/global.css";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

mogul/README.md

@@ -0,0 +1,42 @@
+# SolidStart
+
+Everything you need to build a Solid project, powered by [`solid-start`](https://start.solidjs.com);
+
+## Creating a project
+
+```bash
+# create a new project in the current directory
+npm init solid@latest
+
+# create a new project in my-app
+npm init solid@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+Solid apps are built with _presets_, which optimise your project for deployment to different environments.
+
+By default, `npm run build` will generate a Node app that you can run with `npm start`. To use a different preset, add it to the `devDependencies` in `package.json` and specify in your `app.config.js`.
+
+## Testing
+
+Tests are written with `vitest`, `@solidjs/testing-library` and `@testing-library/jest-dom` to extend expect with some helpful custom matchers.
+
+To run them, simply start:
+
+```sh
+npm test
+```
+
+## This project was created with the [Solid CLI](https://solid-cli.netlify.app)

mogul/app.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from "@solidjs/start/config";
+import wasm from "vite-plugin-wasm";
+import topLevelAwait from "vite-plugin-top-level-await";
+
+export default defineConfig({
+  vite: {
+    plugins: [wasm(), topLevelAwait()],
+    css: {
+      modules: {
+        localsConvention: 'camelCase',
+      }
+    }
+  },
+});

mogul/biome.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "formatter": {
+    "enabled": true,
+    "ignore": ["*.d.ts"],
+    "indentStyle": "space"
+  },
+  "organizeImports": {
+    "enabled": true,
+    "include": ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"]
+  },
+  "css": {
+    "parser": {
+      "cssModules": true
+    }
+  }
+}