Barazo default frontend
barazo.forum
style: format files with prettier
Fix formatting inconsistencies caught by CI format:check step.
+34
-54
+1
.github/SECURITY.md
+1
.github/SECURITY.md
+2
-2
.github/workflows/cla.yml
+2
-2
.github/workflows/cla.yml
···
1
-
name: "CLA Assistant"
1
+
name: 'CLA Assistant'
2
2
on:
3
3
issue_comment:
4
4
types: [created]
···
15
15
cla:
16
16
runs-on: ubuntu-latest
17
17
steps:
18
-
- name: "CLA Assistant"
18
+
- name: 'CLA Assistant'
19
19
if: (github.event.comment.body == 'I have read the CLA Document and I hereby sign the CLA' || github.event_name == 'pull_request_target')
20
20
uses: contributor-assistant/github-action@v2.5.2
21
21
env:
+13
-12
CLAUDE.md
+13
-12
CLAUDE.md
···
6
6
7
7
## Tech Stack
8
8
9
-
| Component | Technology |
10
-
|-----------|-----------|
11
-
| Framework | Next.js 16 / React 19 / TypeScript (strict) |
12
-
| Styling | TailwindCSS |
13
-
| Components | shadcn/ui (Radix primitives) for admin; custom forum components |
14
-
| Colors | Radix Colors (12-step system) + Flexoki (accent hues) |
15
-
| Icons | Phosphor Icons (6 weights, replaces Lucide) |
16
-
| Typography | Source Sans 3 / Source Code Pro (self-hosted, zero external DNS) |
17
-
| Syntax highlighting | Shiki + Flexoki theme (SSR, dual light/dark) |
18
-
| Testing | Vitest + vitest-axe + @axe-core/playwright |
19
-
| Accessibility | WCAG 2.2 AA from first commit |
20
-
| SEO | JSON-LD, OpenGraph, sitemaps, SSR |
9
+
| Component | Technology |
10
+
| ------------------- | ---------------------------------------------------------------- |
11
+
| Framework | Next.js 16 / React 19 / TypeScript (strict) |
12
+
| Styling | TailwindCSS |
13
+
| Components | shadcn/ui (Radix primitives) for admin; custom forum components |
14
+
| Colors | Radix Colors (12-step system) + Flexoki (accent hues) |
15
+
| Icons | Phosphor Icons (6 weights, replaces Lucide) |
16
+
| Typography | Source Sans 3 / Source Code Pro (self-hosted, zero external DNS) |
17
+
| Syntax highlighting | Shiki + Flexoki theme (SSR, dual light/dark) |
18
+
| Testing | Vitest + vitest-axe + @axe-core/playwright |
19
+
| Accessibility | WCAG 2.2 AA from first commit |
20
+
| SEO | JSON-LD, OpenGraph, sitemaps, SSR |
21
21
22
22
## What This Repo Does
23
23
···
65
65
**Master plan:** `~/Documents/CoreNotes/Workspaces/Barazo/plans/2026-02-09-mvp-implementation.md`
66
66
67
67
Before starting any milestone, read the master plan's **Execution Strategy** section. It specifies:
68
+
68
69
- Which skill to invoke (`subagent-driven-development` or `executing-plans`)
69
70
- Which model to use per milestone (the plan has a per-milestone model map)
70
71
- Review gates (spec compliance + code quality) that must pass before marking tasks complete
+4
-14
lint-staged.config.mjs
+4
-14
lint-staged.config.mjs
···
3
3
* @see https://github.com/lint-staged/lint-staged
4
4
*/
5
5
export default {
6
-
'*.{ts,tsx}': [
7
-
'prettier --write',
8
-
'eslint --fix',
9
-
],
10
-
'*.{js,jsx,mjs,cjs}': [
11
-
'prettier --write',
12
-
'eslint --fix',
13
-
],
14
-
'*.{json,md,mdx,yml,yaml}': [
15
-
'prettier --write',
16
-
],
17
-
'*.{css,scss}': [
18
-
'prettier --write',
19
-
],
6
+
'*.{ts,tsx}': ['prettier --write', 'eslint --fix'],
7
+
'*.{js,jsx,mjs,cjs}': ['prettier --write', 'eslint --fix'],
8
+
'*.{json,md,mdx,yml,yaml}': ['prettier --write'],
9
+
'*.{css,scss}': ['prettier --write'],
20
10
}
+3
-3
postcss.config.mjs
+3
-3
postcss.config.mjs
+3
-1
src/app/globals.css
+3
-1
src/app/globals.css
+7
-16
src/app/page.tsx
+7
-16
src/app/page.tsx
···
39
39
<section className="mx-auto max-w-3xl space-y-8">
40
40
<div className="space-y-4 text-center">
41
41
<h1 className="text-4xl font-bold tracking-tight text-foreground sm:text-5xl">
42
-
Community Forums on the{' '}
43
-
<span className="text-primary">AT Protocol</span>
42
+
Community Forums on the <span className="text-primary">AT Protocol</span>
44
43
</h1>
45
44
<p className="mx-auto max-w-2xl text-lg text-muted-foreground">
46
-
Portable identity. User data ownership. Cross-community reputation.
47
-
The forum platform built for the decentralized web.
45
+
Portable identity. User data ownership. Cross-community reputation. The forum platform
46
+
built for the decentralized web.
48
47
</p>
49
48
</div>
50
49
51
50
{/* Design System Demo */}
52
51
<div className="grid gap-6 rounded-lg border border-border bg-card p-6">
53
-
<h2 className="text-2xl font-semibold text-card-foreground">
54
-
Design System Active
55
-
</h2>
52
+
<h2 className="text-2xl font-semibold text-card-foreground">Design System Active</h2>
56
53
57
54
{/* Color Palette Demo */}
58
55
<div className="space-y-3">
···
66
63
</div>
67
64
<div className="flex items-center gap-2">
68
65
<div className="h-8 w-8 rounded bg-secondary" />
69
-
<span className="text-xs text-muted-foreground">
70
-
Secondary
71
-
</span>
66
+
<span className="text-xs text-muted-foreground">Secondary</span>
72
67
</div>
73
68
<div className="flex items-center gap-2">
74
69
<div className="h-8 w-8 rounded bg-success" />
···
95
90
<p className="text-xl font-semibold">Heading XL - Semibold</p>
96
91
<p className="text-lg font-medium">Heading LG - Medium</p>
97
92
<p className="text-base">Body text - Regular</p>
98
-
<p className="text-sm text-muted-foreground">
99
-
Small text - Muted
100
-
</p>
93
+
<p className="text-sm text-muted-foreground">Small text - Muted</p>
101
94
</div>
102
95
</div>
103
96
···
113
106
114
107
{/* Button Variants */}
115
108
<div className="space-y-3">
116
-
<h3 className="text-sm font-medium text-muted-foreground">
117
-
Button Styles
118
-
</h3>
109
+
<h3 className="text-sm font-medium text-muted-foreground">Button Styles</h3>
119
110
<div className="flex flex-wrap gap-3">
120
111
<button className="inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-sm transition-colors hover:bg-primary-hover focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2">
121
112
Primary Button
+1
-6
vitest.config.ts
+1
-6
vitest.config.ts
···
12
12
coverage: {
13
13
provider: 'v8',
14
14
reporter: ['text', 'json', 'html'],
15
-
exclude: [
16
-
'node_modules/',
17
-
'src/test/',
18
-
'**/*.d.ts',
19
-
'**/*.config.*',
20
-
],
15
+
exclude: ['node_modules/', 'src/test/', '**/*.d.ts', '**/*.config.*'],
21
16
},
22
17
},
23
18
resolve: {