chore: optimize assets

appwrite · Aug 21, 2024 · 5ccac0b · 5ccac0b
1 parent 7b45ebc
commit 5ccac0b
Show file tree

Hide file tree

Showing 47 changed files with 10 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "type": "module",
     "scripts": {
-        "build": "pnpm download-contributors && vite build",
+        "build": "node ./scripts/build.js",
         "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
         "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
         "clean": "rm -rf node_modules && rm -rf .svelte_kit && pnpm i",
@@ -18,7 +18,8 @@
         "preview": "vite preview",
         "test": "npm run test:integration && npm run test:unit",
         "test:integration": "playwright test",
-        "test:unit": "vitest"
+        "test:unit": "vitest",
+        "optimize": "node ./scripts/optimize-assets.js"
     },
     "packageManager": "[email protected]+sha512.f549b8a52c9d2b8536762f99c0722205efc5af913e77835dbccc3b0b0b2ca9e7dc8022b78062c17291c48e88749c70ce88eb5a74f1fa8c4bf5e18bb46c8bd83a",
     "dependencies": {

diff --git a/scripts/build.js b/scripts/build.js
@@ -1,9 +1,6 @@
-import { fileURLToPath } from 'url';
 import { build } from 'vite';
 import { downloadContributors } from './download-contributor-data.js';
 
-const __dirname = fileURLToPath(new URL('.', import.meta.url));
-
 async function main() {
     await downloadContributors();
     await build();

diff --git a/scripts/optimize-assets.js b/scripts/optimize-assets.js
@@ -1,9 +1,10 @@
 import { readdirSync, statSync } from 'fs';
-import { join } from 'path';
+import { join, relative } from 'path';
 import sharp from 'sharp';
 import { fileURLToPath } from 'url';
 
 const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const root_dir = join(__dirname, '../static');
 
 const config = {
     jpeg: { quality: 80 },
@@ -33,10 +34,14 @@ function isImage(file) {
   return imageExtensions.includes(extension);
 }
 
+function get_relative_path(file) {
+    return relative(root_dir, file)
+}
+
 async function main() {
     for (const file of walkSync(join(__dirname, '../static'))) {
         if (!isImage(file)) continue;
-        console.log(file);
+        console.log(get_relative_path(file));
 
         const image = sharp(file);
         const size_before = (await image.toBuffer()).length;

diff --git a/static/assets/logomark/co-brand.jpg b/static/assets/logomark/co-brand.jpg
diff --git a/static/assets/logomark/logo.jpg b/static/assets/logomark/logo.jpg
diff --git a/static/assets/logotype/black.jpg b/static/assets/logotype/black.jpg
diff --git a/static/assets/logotype/co-brand.jpg b/static/assets/logotype/co-brand.jpg
diff --git a/static/assets/logotype/white.jpg b/static/assets/logotype/white.jpg
diff --git a/static/assets/visuals/auth.jpg b/static/assets/visuals/auth.jpg
diff --git a/static/assets/visuals/dashboard.jpg b/static/assets/visuals/dashboard.jpg
diff --git a/static/assets/visuals/dashboard.png b/static/assets/visuals/dashboard.png
diff --git a/static/assets/visuals/databases.jpg b/static/assets/visuals/databases.jpg
diff --git a/static/assets/visuals/functions.jpg b/static/assets/visuals/functions.jpg
diff --git a/static/assets/visuals/messaging.jpg b/static/assets/visuals/messaging.jpg
diff --git a/static/assets/visuals/storage.jpg b/static/assets/visuals/storage.jpg
diff --git a/static/images/animations/storage-3.png b/static/images/animations/storage-3.png
diff --git a/static/images/avatars/snezhanna.png b/static/images/avatars/snezhanna.png
diff --git a/static/images/blog/ai-docs.png b/static/images/blog/ai-docs.png
diff --git a/static/images/blog/ai-threads.png b/static/images/blog/ai-threads.png
diff --git a/static/images/blog/appwrite-1.5-now-available-on-cloud/cloud15.png b/static/images/blog/appwrite-1.5-now-available-on-cloud/cloud15.png
diff --git a/static/images/blog/building-with-ai-function-templates/function-templates.png b/static/images/blog/building-with-ai-function-templates/function-templates.png
diff --git a/static/images/blog/cloud-beta.png b/static/images/blog/cloud-beta.png
diff --git a/static/images/blog/cloud-pricing.png b/static/images/blog/cloud-pricing.png
diff --git a/static/images/blog/cors-error/cors_cover.png b/static/images/blog/cors-error/cors_cover.png
diff --git a/static/images/blog/everything-new-with-appwrite-1.5/1.5-recap.png b/static/images/blog/everything-new-with-appwrite-1.5/1.5-recap.png
diff --git a/static/images/blog/goodbye-plaintext-passwords/cover.png b/static/images/blog/goodbye-plaintext-passwords/cover.png
diff --git a/static/images/blog/messaging-explained/features.gif b/static/images/blog/messaging-explained/features.gif
diff --git a/static/images/blog/rest-vs-graphql-websockets/cover.png b/static/images/blog/rest-vs-graphql-websockets/cover.png
diff --git a/static/images/blog/social-media-auth/cover.png b/static/images/blog/social-media-auth/cover.png
diff --git a/static/images/blog/ssr-vs-csr/cover.png b/static/images/blog/ssr-vs-csr/cover.png
diff --git a/static/images/blog/the-evolution-of-team-appwrite/team.jpg b/static/images/blog/the-evolution-of-team-appwrite/team.jpg
diff --git a/...ages/blog/three-important-steps-you-need-to-complete-with-appwrite/hostname.png b/...ages/blog/three-important-steps-you-need-to-complete-with-appwrite/hostname.png
diff --git a/static/images/blog/tickets-blog2.png b/static/images/blog/tickets-blog2.png
diff --git a/static/images/blog/tickets-blog3.gif b/static/images/blog/tickets-blog3.gif
diff --git a/static/images/changelog/2023-08-30.png b/static/images/changelog/2023-08-30.png
diff --git a/static/images/changelog/2024-03-07.png b/static/images/changelog/2024-03-07.png
diff --git a/static/images/changelog/2024-04-22.png b/static/images/changelog/2024-04-22.png
diff --git a/static/images/integrations/deployments-github/cover.png b/static/images/integrations/deployments-github/cover.png
diff --git a/static/images/integrations/oauth-apple/cover.png b/static/images/integrations/oauth-apple/cover.png
diff --git a/static/images/integrations/oauth-notion/cover.png b/static/images/integrations/oauth-notion/cover.png
diff --git a/static/images/integrations/push-apns/cover.png b/static/images/integrations/push-apns/cover.png
diff --git a/static/images/tickets/noise.png b/static/images/tickets/noise.png
diff --git a/static/images/tickets/rainbow.png b/static/images/tickets/rainbow.png
diff --git a/static/images/tutorials/android.png b/static/images/tutorials/android.png
diff --git a/static/images/tutorials/flutter.png b/static/images/tutorials/flutter.png
diff --git a/static/images/tutorials/react.png b/static/images/tutorials/react.png
diff --git a/static/images/tutorials/svelte.png b/static/images/tutorials/svelte.png