refactor: import brand icons directly from design-system package
Some checks failed
CI / build (push) Failing after 20s
CI / docker (push) Has been skipped

- Sidebar and sign-in logos use Vite import from @cameleer/design-system
- HTML favicons copied by postinstall script (gitignored)
- Remove manually copied PNGs from repo
- Clean up SecurityConfig permitAll (bundled assets under /_app/**)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-06 22:39:29 +02:00
parent 1ca0e960fb
commit 2e87667734
9 changed files with 11 additions and 4 deletions

4
.gitignore vendored
View File

@@ -21,3 +21,7 @@ Thumbs.db
# Worktrees # Worktrees
.worktrees/ .worktrees/
# Generated by postinstall from @cameleer/design-system
ui/public/favicon-32.png
ui/public/favicon-192.png

View File

@@ -45,7 +45,7 @@ public class SecurityConfig {
.requestMatchers("/api/config").permitAll() .requestMatchers("/api/config").permitAll()
.requestMatchers("/", "/index.html", "/login", "/callback", .requestMatchers("/", "/index.html", "/login", "/callback",
"/environments/**", "/license", "/admin/**").permitAll() "/environments/**", "/license", "/admin/**").permitAll()
.requestMatchers("/_app/**", "/favicon.ico", "/favicon.svg", "/favicon-32.png", "/favicon-192.png", "/cameleer-logo-48.png", "/logo.svg", "/logo-dark.svg").permitAll() .requestMatchers("/_app/**", "/favicon.ico", "/favicon-32.png", "/favicon-192.png", "/logo.svg", "/logo-dark.svg").permitAll()
.anyRequest().authenticated() .anyRequest().authenticated()
) )
.oauth2ResourceServer(oauth2 -> oauth2.jwt(jwt -> .oauth2ResourceServer(oauth2 -> oauth2.jwt(jwt ->

View File

@@ -6,7 +6,8 @@
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "tsc -b && vite build", "build": "tsc -b && vite build",
"preview": "vite preview" "preview": "vite preview",
"postinstall": "node -e \"const fs=require('fs'),p='node_modules/@cameleer/design-system/assets/';[['cameleer3-32.png','public/favicon-32.png'],['cameleer3-192.png','public/favicon-192.png']].forEach(([s,d])=>fs.copyFileSync(p+s,d))\""
}, },
"dependencies": { "dependencies": {
"@cameleer/design-system": "0.1.33", "@cameleer/design-system": "0.1.33",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -1,5 +1,6 @@
import { type FormEvent, useMemo, useState } from 'react'; import { type FormEvent, useMemo, useState } from 'react';
import { Card, Input, Button, Alert, FormField } from '@cameleer/design-system'; import { Card, Input, Button, Alert, FormField } from '@cameleer/design-system';
import cameleerLogo from '@cameleer/design-system/assets/cameleer3-48.png';
import { signIn } from './experience-api'; import { signIn } from './experience-api';
import styles from './SignInPage.module.css'; import styles from './SignInPage.module.css';
@@ -56,7 +57,7 @@ export function SignInPage() {
<Card className={styles.card}> <Card className={styles.card}>
<div className={styles.loginForm}> <div className={styles.loginForm}>
<div className={styles.logo}> <div className={styles.logo}>
<img src="/cameleer-logo-48.png" alt="" className={styles.logoImg} /> <img src={cameleerLogo} alt="" className={styles.logoImg} />
cameleer3 cameleer3
</div> </div>
<p className={styles.subtitle}>{subtitle}</p> <p className={styles.subtitle}>{subtitle}</p>

View File

@@ -8,11 +8,12 @@ import {
import { useAuth } from '../auth/useAuth'; import { useAuth } from '../auth/useAuth';
import { useScopes } from '../auth/useScopes'; import { useScopes } from '../auth/useScopes';
import { EnvironmentTree } from './EnvironmentTree'; import { EnvironmentTree } from './EnvironmentTree';
import cameleerLogo from '@cameleer/design-system/assets/cameleer3-48.png';
function CameleerLogo() { function CameleerLogo() {
return ( return (
<img <img
src="/platform/cameleer-logo-48.png" src={cameleerLogo}
alt="" alt=""
width="24" width="24"
height="24" height="24"