agatha
9246f75fdd
Introduces a shared CSS custom property token layer and applies it across all five views (library, upload, detail, login, app shell). Each view now has intentional loading, empty, and error states. - styles.css: 13 design tokens on :root; shimmer skeleton animation - Library: 150ms-debounced skeleton loading, empty state with /upload link, error card with retry, card hover lift, broken-image fallback - Upload: token-styled drop-zone, Uploading… spinner, 4s success banner, distinct validation vs. network error messages - Detail: image skeleton, network error card (separate from 404 not-found card), Owner actions panel, danger tag error styling, broken-image fallback - Login: vertically centred surface card, danger field/server errors, Signing in… disabled button - App shell: 48px fixed header, app name left, sign-out right, no reflow on auth state change - All 24 ESLint errors resolved (including pre-existing auth spec issues); ng build and ng lint pass clean Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
30 lines
897 B
JavaScript
30 lines
897 B
JavaScript
// @ts-check
|
|
const eslint = require("@eslint/js");
|
|
const tseslint = require("typescript-eslint");
|
|
const angular = require("angular-eslint");
|
|
|
|
module.exports = tseslint.config(
|
|
{
|
|
ignores: ["dist/", "node_modules/", "coverage/", "*.min.js"],
|
|
},
|
|
{
|
|
files: ["**/*.ts"],
|
|
extends: [
|
|
eslint.configs.recommended,
|
|
...tseslint.configs.recommended,
|
|
...tseslint.configs.stylistic,
|
|
...angular.configs.tsRecommended,
|
|
],
|
|
processor: angular.processInlineTemplates,
|
|
rules: {
|
|
"@angular-eslint/directive-selector": ["error", { type: "attribute", prefix: "app", style: "camelCase" }],
|
|
"@angular-eslint/component-selector": ["error", { type: "element", prefix: "app", style: "kebab-case" }],
|
|
},
|
|
},
|
|
{
|
|
files: ["**/*.html"],
|
|
extends: [...angular.configs.templateRecommended, ...angular.configs.templateAccessibility],
|
|
rules: {},
|
|
}
|
|
);
|