Skip to content

Commit a114af1

Browse files
gchahal1982gchahal1982
committed
feat: comprehensive glassmorphism component updates
- Updated glassmorphism styles and components across entire codebase - Enhanced glass effects with improved opacity and border visibility - Added new glass utility classes and design tokens - Fixed component variants and visual consistency - Updated storybook stories for glass components - Added accessibility improvements and performance optimizations - Integrated liquid glass migration and consciousness features
1 parent 5c96cf4 commit a114af1

844 files changed

Lines changed: 122768 additions & 16920 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.bundlesizerc‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
{
2+
"files": [
3+
{
4+
"path": "dist/index.js",
5+
"maxSize": "50 KB",
6+
"compression": "gzip"
7+
},
8+
{
9+
"path": "dist/index.css",
10+
"maxSize": "30 KB",
11+
"compression": "gzip"
12+
},
13+
{
14+
"path": "dist/tokens.css",
15+
"maxSize": "5 KB",
16+
"compression": "gzip"
17+
},
18+
{
19+
"path": "dist/glass.css",
20+
"maxSize": "15 KB",
21+
"compression": "gzip"
22+
},
23+
{
24+
"path": "dist/**/*.js",
25+
"maxSize": "100 KB",
26+
"compression": "gzip"
27+
}
28+
],
29+
"ci": {
30+
"trackBranches": ["main", "develop"],
31+
"buildSha": true,
32+
"commitSha": true
33+
}
34+
}

‎.github/workflows/design-system-compliance.yml‎

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
name: AuraGlass Design System Compliance
2+
3+
on:
4+
push:
5+
branches: [ main, develop, feat/* ]
6+
pull_request:
7+
branches: [ main, develop ]
8+
9+
jobs:
10+
design-system-compliance:
11+
runs-on: ubuntu-latest
12+
13+
steps:
14+
- name: Checkout code
15+
uses: actions/checkout@v4
16+
with:
17+
fetch-depth: 0 # Needed for git diff
18+
19+
- name: Setup Node.js
20+
uses: actions/setup-node@v4
21+
with:
22+
node-version: '18'
23+
cache: 'npm'
24+
25+
- name: Install dependencies
26+
run: npm ci
27+
28+
- name: Run TypeScript check
29+
run: npm run typecheck
30+
31+
- name: Run ESLint (Design System Rules)
32+
run: npm run lint:check
33+
34+
- name: Run Token Linter
35+
run: npm run lint:tokens
36+
continue-on-error: false
37+
38+
- name: Run Style Audit
39+
run: npm run lint:styles
40+
continue-on-error: false
41+
42+
- name: Run Glass Validation
43+
run: npm run glass:validate
44+
continue-on-error: false
45+
46+
- name: Run Glass Contrast Tests
47+
run: npm run test:glass-contrast
48+
continue-on-error: false
49+
50+
- name: Generate Design System Report
51+
run: |
52+
echo "## 🎯 AuraGlass Design System Compliance Report" > design-system-report.md
53+
echo "" >> design-system-report.md
54+
echo "### Token Compliance" >> design-system-report.md
55+
npm run lint:tokens 2>&1 | tee -a design-system-report.md || true
56+
echo "" >> design-system-report.md
57+
echo "### Style Audit" >> design-system-report.md
58+
npm run lint:styles 2>&1 | tee -a design-system-report.md || true
59+
echo "" >> design-system-report.md
60+
echo "### Glass Validation" >> design-system-report.md
61+
npm run glass:validate 2>&1 | tee -a design-system-report.md || true
62+
continue-on-error: true
63+
64+
- name: Upload Design System Report
65+
uses: actions/upload-artifact@v3
66+
if: always()
67+
with:
68+
name: design-system-report
69+
path: design-system-report.md
70+
retention-days: 30
71+
72+
- name: Comment PR with Design System Report
73+
if: github.event_name == 'pull_request'
74+
uses: actions/github-script@v6
75+
with:
76+
script: |
77+
const fs = require('fs');
78+
let report = '';
79+
try {
80+
report = fs.readFileSync('design-system-report.md', 'utf8');
81+
} catch (e) {
82+
report = '## Design System Report\n\nReport generation failed.';
83+
}
84+
85+
github.rest.issues.createComment({
86+
issue_number: context.issue.number,
87+
owner: context.repo.owner,
88+
repo: context.repo.repo,
89+
body: report
90+
});
91+
92+
design-system-score:
93+
runs-on: ubuntu-latest
94+
needs: design-system-compliance
95+
if: always()
96+
97+
steps:
98+
- name: Checkout code
99+
uses: actions/checkout@v4
100+
101+
- name: Setup Node.js
102+
uses: actions/setup-node@v4
103+
with:
104+
node-version: '18'
105+
cache: 'npm'
106+
107+
- name: Install dependencies
108+
run: npm ci
109+
110+
- name: Calculate Design System Score
111+
id: score
112+
run: |
113+
# Run all checks and calculate score
114+
TOTAL_CHECKS=5
115+
PASSED_CHECKS=0
116+
117+
# TypeScript check (20 points)
118+
if npm run typecheck; then
119+
PASSED_CHECKS=$((PASSED_CHECKS + 1))
120+
echo "✅ TypeScript: PASS"
121+
else
122+
echo "❌ TypeScript: FAIL"
123+
fi
124+
125+
# ESLint check (20 points)
126+
if npm run lint:check; then
127+
PASSED_CHECKS=$((PASSED_CHECKS + 1))
128+
echo "✅ ESLint: PASS"
129+
else
130+
echo "❌ ESLint: FAIL"
131+
fi
132+
133+
# Token compliance (20 points)
134+
if npm run lint:tokens; then
135+
PASSED_CHECKS=$((PASSED_CHECKS + 1))
136+
echo "✅ Token Compliance: PASS"
137+
else
138+
echo "❌ Token Compliance: FAIL"
139+
fi
140+
141+
# Style audit (20 points)
142+
if npm run lint:styles; then
143+
PASSED_CHECKS=$((PASSED_CHECKS + 1))
144+
echo "✅ Style Audit: PASS"
145+
else
146+
echo "❌ Style Audit: FAIL"
147+
fi
148+
149+
# Glass validation (20 points)
150+
if npm run glass:validate; then
151+
PASSED_CHECKS=$((PASSED_CHECKS + 1))
152+
echo "✅ Glass Validation: PASS"
153+
else
154+
echo "❌ Glass Validation: FAIL"
155+
fi
156+
157+
SCORE=$((PASSED_CHECKS * 20))
158+
echo "score=$SCORE" >> $GITHUB_OUTPUT
159+
echo "passed=$PASSED_CHECKS" >> $GITHUB_OUTPUT
160+
echo "total=$TOTAL_CHECKS" >> $GITHUB_OUTPUT
161+
162+
echo "🎯 Design System Score: $SCORE/100"
163+
164+
if [ $SCORE -eq 100 ]; then
165+
echo "🏆 Perfect design system compliance!"
166+
elif [ $SCORE -ge 80 ]; then
167+
echo "🎉 Excellent design system compliance!"
168+
elif [ $SCORE -ge 60 ]; then
169+
echo "⚠️ Good design system compliance, room for improvement"
170+
else
171+
echo "❌ Design system compliance needs attention"
172+
exit 1
173+
fi
174+
175+
- name: Create Status Badge
176+
run: |
177+
SCORE=${{ steps.score.outputs.score }}
178+
if [ $SCORE -eq 100 ]; then
179+
COLOR="brightgreen"
180+
MESSAGE="100%25%20perfect"
181+
elif [ $SCORE -ge 80 ]; then
182+
COLOR="green"
183+
MESSAGE="$SCORE%25%20excellent"
184+
elif [ $SCORE -ge 60 ]; then
185+
COLOR="yellow"
186+
MESSAGE="$SCORE%25%20good"
187+
else
188+
COLOR="red"
189+
MESSAGE="$SCORE%25%20needs%20work"
190+
fi
191+
192+
echo "Badge: https://img.shields.io/badge/Design%20System-$MESSAGE-$COLOR"

‎.husky/_/husky.sh‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
#!/usr/bin/env sh
2+
if [ -z "$husky_skip_init" ]; then
3+
debug () {
4+
if [ "$HUSKY_DEBUG" = "1" ]; then
5+
echo "husky (debug) - $1"
6+
fi
7+
}
8+
9+
readonly hook_name="$(basename -- "$0")"
10+
debug "starting $hook_name..."
11+
12+
if [ "$HUSKY" = "0" ]; then
13+
debug "HUSKY env variable is set to 0, skipping hook"
14+
exit 0
15+
fi
16+
17+
if [ -f ~/.huskyrc ]; then
18+
debug "sourcing ~/.huskyrc"
19+
. ~/.huskyrc
20+
fi
21+
22+
readonly husky_skip_init=1
23+
export husky_skip_init
24+
sh -e "$0" "$@"
25+
exitCode="$?"
26+
27+
if [ $exitCode != 0 ]; then
28+
echo "husky - $hook_name hook exited with code $exitCode (error)"
29+
fi
30+
31+
if [ $exitCode = 127 ]; then
32+
echo "husky - command not found in PATH=$PATH"
33+
fi
34+
35+
exit $exitCode
36+
fi

‎.husky/pre-commit‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
#!/usr/bin/env sh
2+
. "$(dirname -- "$0")/_/husky.sh"
3+
4+
# AuraGlass Design System Pre-commit Checks
5+
echo "🔍 Running AuraGlass design system compliance checks..."
6+
7+
# Run lint-staged for staged files
8+
npm run lint:staged
9+
10+
# Run design system token validation on changed files
11+
npm run lint:tokens -- --changed
12+
13+
# Run style audit on changed files
14+
npm run lint:styles -- --changed
15+
16+
echo "✅ Pre-commit checks completed"

‎.releaserc‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
{
2+
"branches": ["main", "master"],
3+
"plugins": [
4+
"@semantic-release/commit-analyzer",
5+
"@semantic-release/release-notes-generator",
6+
[
7+
"@semantic-release/changelog",
8+
{
9+
"changelogFile": "CHANGELOG.md"
10+
}
11+
],
12+
[
13+
"@semantic-release/npm",
14+
{
15+
"npmPublish": true
16+
}
17+
],
18+
[
19+
"@semantic-release/git",
20+
{
21+
"assets": ["CHANGELOG.md", "package.json", "package-lock.json"],
22+
"message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
23+
}
24+
],
25+
[
26+
"@semantic-release/github",
27+
{
28+
"assets": [
29+
{
30+
"path": "dist/**/*.js",
31+
"label": "JavaScript distribution"
32+
},
33+
{
34+
"path": "dist/**/*.css",
35+
"label": "CSS distribution"
36+
}
37+
]
38+
}
39+
]
40+
]
41+
}

‎.storybook/preview.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import type { Preview } from '@storybook/react';
22
import { ThemeProvider } from '../src/theme/ThemeProvider';
3+
import { AnimationProvider } from '../src/contexts/AnimationContext';
34
import { CursorGlow } from '../src/components/interactive/CursorGlow';
45
import '../src/styles/index.css';
56

@@ -108,7 +109,8 @@ const preview: Preview = {
108109
},
109110
decorators: [
110111
(Story) => (
111-
<ThemeProvider forceColorMode="dark">
112+
<AnimationProvider>
113+
<ThemeProvider forceColorMode="dark">
112114
<div
113115
style={{
114116
padding: '20px',
@@ -168,6 +170,7 @@ const preview: Preview = {
168170
</div>
169171
</div>
170172
</ThemeProvider>
173+
</AnimationProvider>
171174
),
172175
],
173176
};

0 commit comments

Comments
 (0)