Skip to content

Commit ff50c38

Browse files
sea-snakesea-snake
authored
Implement new design (behind flag) (#3067)
* Implement dapp logo * Implement dapp logo * Implement dapp logo * - Implement untitledui theme variables and update theme colors. - Implement account creation modal. * - Implement untitledui theme variables and update theme colors. - Implement account creation modal. * Fix eslint * Revert changes * Cleanup * - Make HttpAgent initialization lazy to avoid blocking the page load. - Make sure CSS files are preloaded directly on page load * Merge main * Merge main * Merge main * Cleanup * Revert * Other approach * Other approach * Design feedback
1 parent 6992686 commit ff50c38

File tree

79 files changed

+2601
-1383
lines changed

Some content is hidden

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

79 files changed

+2601
-1383
lines changed

‎package-lock.json

Lines changed: 56 additions & 477 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,6 @@
4141
"@dfinity/internet-identity-vite-plugins": "*",
4242
"@eslint/compat": "^1.2.5",
4343
"@eslint/js": "^9.18.0",
44-
"@skeletonlabs/skeleton": "^3.1.2",
45-
"@skeletonlabs/skeleton-svelte": "^1.2.0",
4644
"@sveltejs/adapter-static": "^3.0.8",
4745
"@sveltejs/kit": "^2.20.6",
4846
"@sveltejs/vite-plugin-svelte": "^5.0.0",
@@ -54,6 +52,8 @@
5452
"@vitejs/plugin-basic-ssl": "^1.2.0",
5553
"@vitest/browser": "^3.0.9",
5654
"@wdio/globals": "^8.43.0",
55+
"@zag-js/svelte": "^1.12.0",
56+
"@zag-js/toast": "^1.12.0",
5757
"astro": "^5.5.4",
5858
"eslint": "^9.18.0",
5959
"eslint-config-prettier": "^10.0.1",
@@ -85,6 +85,7 @@
8585
"@dfinity/internet-identity-vc-api": "*",
8686
"@dfinity/principal": "^2.1.2",
8787
"@dfinity/utils": "^2.5.1",
88+
"@lucide/svelte": "^0.508.0",
8889
"@noble/hashes": "^1.3.1",
8990
"bip39": "^3.0.4",
9091
"borc": "^2.1.1",

‎scripts/build

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -188,13 +188,25 @@ function build_canister() {
188188
function build_internet_identity() {
189189
if [ "$ONLY_DEPS" != "1" ]
190190
then
191+
DIST_DIR="$SCRIPTS_DIR/../dist"
192+
191193
# Compile frontend assets to dist
192194
echo Compiling internet_identity frontend assets
193195
npm run build
194196

197+
# Add preload links for all css files in every html file
198+
CSS_LINKS=""
199+
TMP_HTML_FILE=$(mktemp)
200+
while IFS= read -r css_file; do
201+
css_file_relative="/${css_file#$DIST_DIR/}"
202+
CSS_LINKS+="<link rel=\"preload\" href=\"$css_file_relative\" as=\"style\">"
203+
done < <(find "$DIST_DIR" -type f -name "*.css" | sort)
204+
find "$DIST_DIR" -type f -name "*.html" | while read -r html_file; do
205+
sed "s#</head>#${CSS_LINKS}</head>#" "$html_file" > "$TMP_HTML_FILE" && mv "$TMP_HTML_FILE" "$html_file"
206+
done
207+
195208
# II canister only supports one content type per resource.
196209
# That is why we only keep either compressed or uncompressed.
197-
DIST_DIR="$SCRIPTS_DIR/../dist"
198210
find "$DIST_DIR" -type f -name "*.gz" | while read -r gz_file; do
199211
# Remove the .gz suffix to get the base filename
200212
base_file="${gz_file%.gz}"

‎src/frontend/src/app.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
<!doctype html>
2-
<html lang="en" data-theme="cerberus">
2+
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
55
<link rel="shortcut icon" href="%sveltekit.assets%/favicon.ico" />
66
<title>Internet Identity</title>
7-
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta
8+
name="viewport"
9+
content="width=device-width, initial-scale=1, viewport-fit=cover"
10+
/>
811
%sveltekit.head%
912
</head>
1013
<body data-sveltekit-preload-data="hover">

‎src/frontend/src/hooks.client.ts

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,9 +42,7 @@ const overrideFeatureFlags = () => {
4242

4343
export const init: ClientInit = async () => {
4444
overrideFeatureFlags();
45-
await initGlobals();
46-
await Promise.all([
47-
sessionStore.init({ canisterId, agentOptions }),
48-
authenticationStore.init({ canisterId, agentOptions }),
49-
]);
45+
initGlobals();
46+
await sessionStore.init({ canisterId, agentOptions });
47+
authenticationStore.init({ canisterId, agentOptions });
5048
};

0 commit comments

Comments
 (0)