Add @drfed/web packages (SolidStart Frontend)

.oxlintrc.json

@@ -42,13 +42,27 @@
     "import/max-dependencies": ["warn", { "max": 20 }],
     "import/no-default-export": "off",
     "import/no-named-export": "off",
+    "import/no-unassigned-import": [
+      "error",
+      {
+        "allow": ["**/*.css", "**/*.scss", "**/*.sass"]
+      }
+    ],
     "import/no-namespace": "off",
     "import/no-nodejs-modules": "off",
     "import/prefer-default-export": "off",
     "jsdoc/require-param-type": "off",
     "jsdoc/require-returns-type": "off",
     "promise/avoid-new": "warn"
   },
+  "overrides": [
+    {
+      "files": ["**/*.d.ts"],
+      "rules": {
+        "import/unambiguous": "off"
+      }
+    }
+  ],
   "categories": {
     "correctness": "error",
     "suspicious": "error",

CONTRIBUTING.md

@@ -82,6 +82,7 @@ Packages
 | *packages/drfed*   | `@drfed/drfed`   | CLI binary, server startup, and HTTP serving    |
 | *packages/graphql* | `@drfed/graphql` | GraphQL schema and Yoga server (Pothos + Relay) |
 | *packages/models*  | `@drfed/models`  | Drizzle schema, relations, and migration runner |
+| *packages/web*     | `@drfed/web`     | SolidStart frontend web app.                    |
 
 Each package has its own *README.md* with a more detailed breakdown.
 

mise.toml

@@ -17,6 +17,11 @@ auto = true
 [hooks]
 postinstall = ["mise deps", "mise generate git-pre-commit --task check --write"]
 
+[tasks."build:web"]
+description = "Build SolidStart frontend server"
+dir = "./packages/web"
+run = "pnpm run build"
+
 [tasks.check]
 description = "Check all"
 depends = ["check:*"]
@@ -115,3 +120,8 @@ flag "-L --log-level <level>" {
 flag "--log-output <path>" help="Write logs to a file"
 '''
 run = "node scripts/dev.mts"
+
+[tasks."dev:web"]
+description = "Run SolidStart frontend server"
+dir = "./packages/web"
+run = "pnpm run dev"

packages/web/.gitignore

@@ -0,0 +1,29 @@
+dist
+.wrangler
+.output
+.vercel
+.netlify
+.vinxi
+.nitro
+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

packages/web/.oxlintrc.json

@@ -0,0 +1,34 @@
+{
+  "extends": ["../../.oxlintrc.json"],
+  "jsPlugins": ["eslint-plugin-solid"],
+  "env": {
+    "browser": true,
+    "es2022": true
+  },
+  "rules": {
+    "solid/components-return-once": "warn",
+    "solid/event-handlers": "warn",
+    "solid/imports": "warn",
+    "solid/jsx-no-duplicate-props": "error",
+    "solid/jsx-no-script-url": "error",
+    "solid/jsx-no-undef": "error",
+    "solid/jsx-uses-vars": "warn",
+    "solid/no-destructure": "warn",
+    "solid/no-innerhtml": "warn",
+    "solid/no-react-deps": "error",
+    "solid/no-react-specific-props": "error",
+    "solid/no-unknown-namespaces": "error",
+    "solid/prefer-for": "warn",
+    "solid/prefer-show": "warn",
+    "solid/reactivity": "warn",
+    "solid/self-closing-comp": "warn",
+    "solid/style-prop": "warn",
+    "typescript/prefer-readonly-parameter-types": "off",
+    "typescript/explicit-module-boundary-types": "off",
+    "typescript/explicit-function-return-type": "off",
+    "typescript/strict-void-return": "off",
+    "typescript/no-non-null-assertion": "off",
+    "unicorn/filename-case": "off",
+    "unicorn/prefer-query-selector": "off"
+  }
+}

packages/web/README.md

@@ -0,0 +1,32 @@
+@drfed/web
+==========
+
+Frontend Web App for [DrFed], built with [SolidStart];
+
+[DrFed]: https://drfed.org/
+[SolidStart]: https://start.solidjs.com
+
+
+Usage
+-----
+
+~~~~ bash
+mise run dev:web
+
+# or start the server and open the app in a new browser tab
+mise run dev:web -- --open
+~~~~
+
+
+Building
+--------
+
+~~~~ bash
+mise run build:web
+~~~~
+
+
+This project was created with the [Solid CLI]
+---------------------------------------------
+
+[Solid CLI]: https://github.com/solidjs-community/solid-cli

packages/web/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@drfed/web",
+  "version": "0.1.0",
+  "description": "A SolidStart Frontend for DrFed.",
+  "keywords": [
+    "ActivityPub",
+    "fediverse",
+    "federation",
+    "debugger"
+  ],
+  "author": {
+    "name": "DrFed team",
+    "url": "https://drfed.org/"
+  },
+  "maintainers": [
+    {
+      "name": "ChanHaeng Lee",
+      "email": "2chanhaeng@gmail.com",
+      "url": "https://chomu.dev/"
+    },
+    {
+      "name": "Hong Minhee",
+      "email": "hong@minhee.org",
+      "url": "https://hongminhee.org/"
+    },
+    {
+      "name": "Hyeonseo Kim",
+      "email": "dodok8@gmail.com",
+      "url": "https://hackers.pub/@gaebalgom"
+    },
+    {
+      "name": "Jiwon Kwon",
+      "email": "work@kwonjiwon.org",
+      "url": "https://kwonjiwon.org/"
+    }
+  ],
+  "license": "AGPL-3.0-only",
+  "engines": {
+    "node": ">=26.0.0"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "start": "vite start",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@solidjs/meta": "^0.29.4",
+    "@solidjs/router": "^0.15.0",
+    "@solidjs/start": "2.0.0-alpha.2",
+    "@solidjs/vite-plugin-nitro-2": "^0.1.0",
+    "solid-js": "^1.9.5",
+    "vite": "^7.0.0"
+  },
+  "devDependencies": {
+    "eslint-plugin-solid": "^0.14.5"
+  }
+}