aura-glass 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -3
- package/package.json +67 -69
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# AuraGlass
|
|
2
2
|
|
|
3
|
-
**The living glass OS for interfaces that feel hand-polished, emotionally aware, and production ready from day one.** AuraGlass marries
|
|
3
|
+
**The living glass OS for interfaces that feel hand-polished, emotionally aware, and production ready from day one.** AuraGlass marries premium-grade craft with quantum-inspired intelligence, delivering self-healing glassmorphism, multi-sensory feedback, and Genesis-powered AI systems that rewrite what premium software can feel like.
|
|
4
4
|
|
|
5
5
|
Over 356 adaptive components. 17 world-first inventions. 8 AI-powered suites. One cohesive ecosystem that designs, optimizes, and deploys itself.
|
|
6
6
|
|
|
@@ -27,7 +27,43 @@ A new class of interface deserves more than a component library. AuraGlass sense
|
|
|
27
27
|
- **Enterprise hardening** – Auth, rate limiting, Redis caching, Sentry monitoring, Docker/Kubernetes assets, and CI/CD templates ship in the box.
|
|
28
28
|
|
|
29
29
|
## What’s New in 2.1
|
|
30
|
-
|
|
30
|
+
### Design Matrix Persona System
|
|
31
|
+
AuraGlass 2.1 introduces the Design Matrix: a canonical system of ten personas (Midnight Slate, Midnight Meridian, Solar Apex, Ultrathink, Aurora Noir, Helios Foundry, Glacier Morn, Terra Inflect, Lumen Veil, Nimbus Relay) that power runtime theming, metadata, and adaptive styling. Each persona defines semantic tokens for backgrounds, text, borders, accents, states, shadows, gradients, and charts, ensuring cohesive experiences across applications.
|
|
32
|
+
|
|
33
|
+
**Key Features:**
|
|
34
|
+
- **Canonical Dataset:** Defined in `src/theme/designMatrix.ts`, personas include metadata (name, description, context) and tokens for colors, typography, motion, and glassmorphism parameters.
|
|
35
|
+
- **Runtime Theming:** Use `ThemeProvider` with `initialPersona` or controlled `persona` props to apply themes; persists via localStorage if `persistPersona` is enabled.
|
|
36
|
+
- **PersonaPicker Component:** Drop-in `<PersonaPicker />` for seamless switching, sourced from the Design Matrix.
|
|
37
|
+
- **Autogenerated CSS:** Run `npm run glass:generate-persona-css` to create `[data-persona]` variables in `src/styles/generated/persona-variables.css`; validate in CI with `npm run glass:validate-persona-css`.
|
|
38
|
+
- **Integration:** Components like `GlassAppShell`, `GlassHeader`, and charts automatically consume persona tokens for focus rings, shadows, and palettes.
|
|
39
|
+
|
|
40
|
+
**Usage Example:**
|
|
41
|
+
```tsx
|
|
42
|
+
import { ThemeProvider } from 'aura-glass';
|
|
43
|
+
import { PersonaPicker } from 'aura-glass';
|
|
44
|
+
import { usePersonaTheme } from 'aura-glass';
|
|
45
|
+
|
|
46
|
+
function App({ children }) {
|
|
47
|
+
return (
|
|
48
|
+
<ThemeProvider initialPersona="midnight-slate" persistPersona>
|
|
49
|
+
<PersonaPicker orientation="horizontal" />
|
|
50
|
+
{children}
|
|
51
|
+
</ThemeProvider>
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
function PersonaAwareComponent() {
|
|
56
|
+
const { personaId, persona, setPersona } = usePersonaTheme();
|
|
57
|
+
return (
|
|
58
|
+
<button onClick={() => setPersona('solar-apex')}>
|
|
59
|
+
Switch to {persona.meta.name} ({personaId})
|
|
60
|
+
</button>
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
This system eliminates manual theming, ensures WCAG compliance per persona, and scales to new domains while maintaining AuraGlass's glassmorphism DNA.
|
|
66
|
+
|
|
31
67
|
- **Universal SSR helpers** – Import from `aura-glass/utils/env` for `isBrowser`, `safeMatchMedia`, `getSafeWindow`, `useClientEffect`, and deterministic hydration everywhere.
|
|
32
68
|
- **Deterministic effects** – `SeededRandom` plus `seed` props on `SeasonalParticles` and `GlassShatterEffects` render identical markup on the server and the client.
|
|
33
69
|
- **Advanced + quantum components** – Living ecosystem simulators, neuromorphic learning networks, and quantum entanglement visualizers extend AuraGlass beyond UI.
|
|
@@ -51,7 +87,7 @@ A new class of interface deserves more than a component library. AuraGlass sense
|
|
|
51
87
|
- **Quantum-Neuromorphic Engine** brings biometric stress detection, molecular bonding interactions, multi-dimensional gesture recognition, and living ecosystem simulation into a single programmable layer.
|
|
52
88
|
|
|
53
89
|
## Liquid Glass Parity+
|
|
54
|
-
AuraGlass reproduces the physics and restraint of handcrafted
|
|
90
|
+
AuraGlass reproduces the physics and restraint of handcrafted premium glass, then adds controls for every production edge case.
|
|
55
91
|
|
|
56
92
|
- **LiquidGlassMaterial primitive** – Physically accurate Snell’s law refraction, tunable IOR bands (1.33–1.52), and thickness controls.
|
|
57
93
|
- **Environmental adaptation** – Automatic WCAG AA/AAA compliance by sampling real-time luminance.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "aura-glass",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"description": "A comprehensive glassmorphism design system for React applications with 142+ production-ready components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -40,71 +40,6 @@
|
|
|
40
40
|
"README.md",
|
|
41
41
|
"LICENSE"
|
|
42
42
|
],
|
|
43
|
-
"scripts": {
|
|
44
|
-
"dev": "rollup -c --watch",
|
|
45
|
-
"build:workers": "node scripts/build-workers.js",
|
|
46
|
-
"build:tokens": "node scripts/build-tokens.js",
|
|
47
|
-
"build": "npm run glass:generate-persona-css && node scripts/build-all.js",
|
|
48
|
-
"build:server": "tsc --project tsconfig.server.json",
|
|
49
|
-
"typecheck": "tsc --noEmit",
|
|
50
|
-
"lint": "eslint src --fix",
|
|
51
|
-
"lint:check": "eslint src",
|
|
52
|
-
"server:dev": "ts-node server/index.ts",
|
|
53
|
-
"server:websocket": "node server/websocket-server.js",
|
|
54
|
-
"server:api": "node dist/server/index.js",
|
|
55
|
-
"server:all": "concurrently \"npm run server:websocket\" \"npm run server:api\"",
|
|
56
|
-
"server:build-and-start": "npm run build:server && npm run server:all",
|
|
57
|
-
"deploy": "./scripts/deploy.sh",
|
|
58
|
-
"docker:build": "docker-compose build",
|
|
59
|
-
"docker:up": "docker-compose up -d",
|
|
60
|
-
"docker:down": "docker-compose down",
|
|
61
|
-
"docker:logs": "docker-compose logs -f",
|
|
62
|
-
"lint:tokens": "node scripts/ci/token-lint.js",
|
|
63
|
-
"lint:styles": "node scripts/ci/style-audit.js",
|
|
64
|
-
"lint:staged": "lint-staged",
|
|
65
|
-
"prepare": "husky install",
|
|
66
|
-
"test": "jest",
|
|
67
|
-
"test:watch": "jest --watch",
|
|
68
|
-
"test:coverage": "jest --coverage",
|
|
69
|
-
"test:a11y": "jest --testPathPattern=a11y",
|
|
70
|
-
"test:performance": "jest --testPathPattern=performance",
|
|
71
|
-
"test:glass-contrast": "jest --testPathPattern=glass-contrast.spec.ts",
|
|
72
|
-
"test:e2e": "playwright test tests/e2e",
|
|
73
|
-
"test:e2e:ui": "playwright test tests/e2e --ui",
|
|
74
|
-
"test:e2e:headed": "playwright test tests/e2e --headed",
|
|
75
|
-
"test:lighthouse": "lhci autorun",
|
|
76
|
-
"test:visual": "node scripts/visual-test-runner.js",
|
|
77
|
-
"test:visual:headed": "node scripts/visual-test-runner.js --headed",
|
|
78
|
-
"test:visual:update": "node scripts/visual-test-runner.js --update-baselines",
|
|
79
|
-
"test:visual:ci": "playwright test --config=playwright.config.ts",
|
|
80
|
-
"test:visual:components": "node scripts/visual-test-runner.js --grep 'components'",
|
|
81
|
-
"test:visual:responsive": "node scripts/visual-test-runner.js --grep 'responsive'",
|
|
82
|
-
"test:visual:a11y": "node scripts/visual-test-runner.js --grep 'accessibility|a11y'",
|
|
83
|
-
"test:visual:tokens": "node scripts/visual-test-runner.js --grep 'design-system|tokens'",
|
|
84
|
-
"test:all": "npm run test:coverage && npm run test:e2e",
|
|
85
|
-
"test:integration:next": "node scripts/ci/run-next-integration.js",
|
|
86
|
-
"glass:generate-css": "node scripts/generate-glass-css-simple.js",
|
|
87
|
-
"glass:generate-persona-css": "node scripts/generate-persona-css-runner.js",
|
|
88
|
-
"glass:validate-persona-css": "node scripts/generate-persona-css-runner.js --check",
|
|
89
|
-
"glass:validate": "node scripts/verify-glass-pipeline.js",
|
|
90
|
-
"glass:visual-tests": "node scripts/glass-visual-test-generator.js",
|
|
91
|
-
"glass:full-check": "npm run typecheck && npm run lint:check && npm run lint:tokens && npm run lint:styles && npm run glass:validate-persona-css && npm run glass:validate && npm run test:glass-contrast",
|
|
92
|
-
"codemod:tw-to-glass": "node scripts/codemods/tw-to-glass.js",
|
|
93
|
-
"audit:ux": "npm run codemod:tw-to-glass && npm run lint:check && npm run lint:tokens && npm run lint:styles && npm run test:visual:ci",
|
|
94
|
-
"audit:components": "node scripts/audit/universal-glass-audit.js",
|
|
95
|
-
"codemod:tokens": "node tools/codemods/auraglass-from-raw.mjs",
|
|
96
|
-
"codemod:focus": "node tools/codemods/focusify.mjs",
|
|
97
|
-
"codemod:all": "npm run codemod:tokens && npm run codemod:focus",
|
|
98
|
-
"check:perf": "npm run build && npm run size-check",
|
|
99
|
-
"ci": "npm run glass:full-check && npm run test:coverage",
|
|
100
|
-
"release": "npm run ci && npx semantic-release",
|
|
101
|
-
"storybook": "storybook dev -p 6006",
|
|
102
|
-
"build-storybook": "storybook build",
|
|
103
|
-
"prepublishOnly": "pnpm run build && pnpm run verify:pack && pnpm run test:integration:next -- --skip-build",
|
|
104
|
-
"verify:pack": "node scripts/ci/verify-pack.js",
|
|
105
|
-
"size-check": "bundlesize",
|
|
106
|
-
"analyze": "npm run build && npx bundle-analyzer dist/index.esm.js"
|
|
107
|
-
},
|
|
108
43
|
"keywords": [
|
|
109
44
|
"react",
|
|
110
45
|
"glassmorphism",
|
|
@@ -121,10 +56,10 @@
|
|
|
121
56
|
"license": "MIT",
|
|
122
57
|
"repository": {
|
|
123
58
|
"type": "git",
|
|
124
|
-
"url": "https://github.com/
|
|
59
|
+
"url": "https://github.com/VeerOneGPT/auraglass.git"
|
|
125
60
|
},
|
|
126
61
|
"bugs": {
|
|
127
|
-
"url": "https://github.com/
|
|
62
|
+
"url": "https://github.com/VeerOneGPT/auraglass/issues"
|
|
128
63
|
},
|
|
129
64
|
"homepage": "https://aura-glass.auraone.com",
|
|
130
65
|
"peerDependencies": {
|
|
@@ -299,5 +234,68 @@
|
|
|
299
234
|
"src/**/*.{json,md}": [
|
|
300
235
|
"prettier --write"
|
|
301
236
|
]
|
|
237
|
+
},
|
|
238
|
+
"scripts": {
|
|
239
|
+
"dev": "rollup -c --watch",
|
|
240
|
+
"build:workers": "node scripts/build-workers.js",
|
|
241
|
+
"build:tokens": "node scripts/build-tokens.js",
|
|
242
|
+
"build": "npm run glass:generate-persona-css && node scripts/build-all.js",
|
|
243
|
+
"build:server": "tsc --project tsconfig.server.json",
|
|
244
|
+
"typecheck": "tsc --noEmit",
|
|
245
|
+
"lint": "eslint src --fix",
|
|
246
|
+
"lint:check": "eslint src",
|
|
247
|
+
"server:dev": "ts-node server/index.ts",
|
|
248
|
+
"server:websocket": "node server/websocket-server.js",
|
|
249
|
+
"server:api": "node dist/server/index.js",
|
|
250
|
+
"server:all": "concurrently \"npm run server:websocket\" \"npm run server:api\"",
|
|
251
|
+
"server:build-and-start": "npm run build:server && npm run server:all",
|
|
252
|
+
"deploy": "./scripts/deploy.sh",
|
|
253
|
+
"docker:build": "docker-compose build",
|
|
254
|
+
"docker:up": "docker-compose up -d",
|
|
255
|
+
"docker:down": "docker-compose down",
|
|
256
|
+
"docker:logs": "docker-compose logs -f",
|
|
257
|
+
"lint:tokens": "node scripts/ci/token-lint.js",
|
|
258
|
+
"lint:styles": "node scripts/ci/style-audit.js",
|
|
259
|
+
"lint:staged": "lint-staged",
|
|
260
|
+
"test": "jest",
|
|
261
|
+
"test:watch": "jest --watch",
|
|
262
|
+
"test:coverage": "jest --coverage",
|
|
263
|
+
"test:a11y": "jest --testPathPattern=a11y",
|
|
264
|
+
"test:performance": "jest --testPathPattern=performance",
|
|
265
|
+
"test:glass-contrast": "jest --testPathPattern=glass-contrast.spec.ts",
|
|
266
|
+
"test:e2e": "playwright test tests/e2e",
|
|
267
|
+
"test:e2e:ui": "playwright test tests/e2e --ui",
|
|
268
|
+
"test:e2e:headed": "playwright test tests/e2e --headed",
|
|
269
|
+
"test:lighthouse": "lhci autorun",
|
|
270
|
+
"test:visual": "node scripts/visual-test-runner.js",
|
|
271
|
+
"test:visual:headed": "node scripts/visual-test-runner.js --headed",
|
|
272
|
+
"test:visual:update": "node scripts/visual-test-runner.js --update-baselines",
|
|
273
|
+
"test:visual:ci": "playwright test --config=playwright.config.ts",
|
|
274
|
+
"test:visual:components": "node scripts/visual-test-runner.js --grep 'components'",
|
|
275
|
+
"test:visual:responsive": "node scripts/visual-test-runner.js --grep 'responsive'",
|
|
276
|
+
"test:visual:a11y": "node scripts/visual-test-runner.js --grep 'accessibility|a11y'",
|
|
277
|
+
"test:visual:tokens": "node scripts/visual-test-runner.js --grep 'design-system|tokens'",
|
|
278
|
+
"test:all": "npm run test:coverage && npm run test:e2e",
|
|
279
|
+
"test:integration:next": "node scripts/ci/run-next-integration.js",
|
|
280
|
+
"glass:generate-css": "node scripts/generate-glass-css-simple.js",
|
|
281
|
+
"glass:generate-persona-css": "node scripts/generate-persona-css-runner.js",
|
|
282
|
+
"glass:validate-persona-css": "node scripts/generate-persona-css-runner.js --check",
|
|
283
|
+
"glass:validate": "node scripts/verify-glass-pipeline.js",
|
|
284
|
+
"glass:visual-tests": "node scripts/glass-visual-test-generator.js",
|
|
285
|
+
"glass:full-check": "npm run typecheck && npm run lint:check && npm run lint:tokens && npm run lint:styles && npm run glass:validate-persona-css && npm run glass:validate && npm run test:glass-contrast",
|
|
286
|
+
"codemod:tw-to-glass": "node scripts/codemods/tw-to-glass.js",
|
|
287
|
+
"audit:ux": "npm run codemod:tw-to-glass && npm run lint:check && npm run lint:tokens && npm run lint:styles && npm run test:visual:ci",
|
|
288
|
+
"audit:components": "node scripts/audit/universal-glass-audit.js",
|
|
289
|
+
"codemod:tokens": "node tools/codemods/auraglass-from-raw.mjs",
|
|
290
|
+
"codemod:focus": "node tools/codemods/focusify.mjs",
|
|
291
|
+
"codemod:all": "npm run codemod:tokens && npm run codemod:focus",
|
|
292
|
+
"check:perf": "npm run build && npm run size-check",
|
|
293
|
+
"ci": "npm run glass:full-check && npm run test:coverage",
|
|
294
|
+
"release": "npm run ci && npx semantic-release",
|
|
295
|
+
"storybook": "storybook dev -p 6006",
|
|
296
|
+
"build-storybook": "storybook build",
|
|
297
|
+
"verify:pack": "node scripts/ci/verify-pack.js",
|
|
298
|
+
"size-check": "bundlesize",
|
|
299
|
+
"analyze": "npm run build && npx bundle-analyzer dist/index.esm.js"
|
|
302
300
|
}
|
|
303
|
-
}
|
|
301
|
+
}
|