Merge branch 'main' into feature/unselect-all-different

Author: knom

.env.sample

@@ -7,4 +7,12 @@ DB_PORT="" # Postgres Port number (Default: 5432)
 DB_DATABASE_NAME="" # Name of the database 
 
 # Additional configuration
-SECURE_COOKIE=false # Set to true to enable secure cookies
+SECURE_COOKIE=false # Set to true to enable secure cookies
+
+# Optional
+GOOGLE_MAPS_API_KEY="" # Google Maps API Key for heatmap
+GEMINI_API_KEY="" # Gemini API Key for parsing search query in "Find"
+
+# Immich Share Link
+IMMICH_SHARE_LINK_KEY="" # Share link key for Immich
+POWER_TOOLS_ENDPOINT_URL="" # URL of the Power Tools endpoint (Used for share links)

.eslintrc.json

@@ -1,3 +1,10 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "plugins": ["@remotion"],
+  "overrides": [
+    {
+      "files": ["remotion/*.{ts,tsx}"],
+      "extends": ["plugin:@remotion/recommended"]
+    }
+  ]
 }

.github/workflows/release.yml

@@ -3,7 +3,7 @@ name: ci
 on:
   push:
     branches:
-      - release
+      - main
 
 jobs:
   release:

README.md

@@ -6,6 +6,21 @@ A unofficial immich client to provide better tools to organize and manage your i
 
 [![Immich Power Tools](./screenshots/screenshot-1.png)](https://www.loom.com/embed/13aa90d8ab2e4acab0993bdc8703a750?sid=71498690-b745-473f-b239-a7bdbe6efc21)
 
+### 🎒Features
+- **Manage people data in bulk 👫**: Options to update people data in bulk, and with advance filters
+- **People Merge Suggestion 🎭**: Option to bulk merge people with suggested faces based on similarity.
+- **Update Missing Locations 📍**: Find assets in your library those are without location and update them with the location of the asset.
+- **Potential Albums 🖼️**: Find albums that are potential to be created based on the assets and people in your library.
+- **Analytics 📈**: Get analytics on your library like assets over time, exif data, etc.
+- **Smart Search 🔎**: Search your library with natural language, supports queries like "show me all my photos from 2024 of <person name>"
+- **Bulk Date Offset 📅**: Offset the date of selected assets by a given amount of time. Majorly used to fix the date of assets that are out of sync with the actual date.
+
+### Support me 🙏
+
+If you find this tool useful, please consider supporting me by buying me a coffee.
+
+[![Buy me a coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/varunraj)
+
 ## 💭 Back story
 
 Recently I've migrated my entire Google photos library to Immich, I was able to successfully migrate all my assets along with its albums to immich. But there were few things like people match that was lacking. I loved Immich UI on the whole but for organizing content I felt its quite restricted and I had to do a lot of things in bulk instead of opening each asset and doing it. Hence I built this tool (continuing to itereate) to make my life and any other Immich user's life easier.
@@ -39,6 +54,10 @@ Add the Immich API Key and immich url's to the env file (which you already have
 IMMICH_API_KEY= # your_immich_api_key
 IMMICH_URL = "http://local-ip-of-immich:port" # Your immich instace ip address and port
 EXTERNAL_IMMICH_URL = "https://external-address" # External address of immich
+
+# Optional
+GOOGLE_MAPS_API_KEY= # Google Maps API Key
+GEMINI_API_KEY= # Gemini API Key
 ```
 Refer here for obtaining Immich API Key: https://immich.app/docs/features/command-line-interface#obtain-the-api-key
 
@@ -47,7 +66,11 @@ Refer here for obtaining Immich API Key: https://immich.app/docs/features/comman
 If you're using portainer, run the docker using `docker run` and add the power tools to the same network as immich.
 
 ```bash
+# Run the power tools from docker 
 docker run -d --name immich_power_tools -p 8001:3000 --env-file .env ghcr.io/varun-raj/immich-power-tools:latest
+
+# Add Power tools to the same network as immich
+docker network connect immich_default immich_power_tools
 ```
 
 
@@ -86,7 +109,8 @@ bun run dev
 - [x] Manage People
   - [x] Smart Merge
 - [x] Manage Albums
-  - [ ] Bulk Delete
+  - [x] Bulk Delete
+  - [x] Bulk Share
   - [ ] Bulk Edit
   - [ ] Filters
   - [x] Potential Albums
@@ -100,7 +124,7 @@ bun run dev
 
 - [x] Dark Mode
 - [x] Dockerize
-- [ ] Authentication
+- [x] Authentication
 - [x] Push to github packages
 
 ## Tech Stack
@@ -110,6 +134,19 @@ bun run dev
 - [Shadcn](https://shadcn.com/) for UI Components
 - [Axios](https://axios-http.com/) for API calls
 
+## External Services
+These services are completely optional and you can use the tool without them. Just that they are used for some of the features. But we dont send any personal data to these services.
+
+- [Google Maps](https://maps.google.com/) for heatmap
+Google Maps Javascript API Key is used to render the maps layer for heatmap. When rendering the heatmap, we only send the location data to Google Maps and not any other data.
+
+  > Code where heatmap data is plotted: [src/pages/assets/geo-heatmap.tsx:32](./src/pages/assets/geo-heatmap.tsx#L32-L35)
+
+- [Gemini](https://gemini.google.com/) for rewind video generation
+Google Gemini 1.5 Flash model is used for parsing your search query in "Find" page. We do not send any personal data to Gemini, only data that is sent to Gemini is your search query and rest of the querying happes using [Immich's Smart Search API](https://immich.app/docs/api/search-smart)
+
+  > Code where Gemini is used: [src/helpers/gemini.helper.ts](./src/helpers/gemini.helper.ts)
+
 ## Contributing
 
-Feel free to contribute to this project, I'm open to any suggestions and improvements. Please read the [CONTRIBUTING.md](./CONTRIBUTING.md) for more details.
+Feel free to contribute to this project, I'm open to any suggestions and improvements. Please read the [CONTRIBUTING.md](./CONTRIBUTING.md) for more details.

bun.lockb

@@ -1,6 +1,6 @@
 {
   "name": "immich-power-tools",
-  "version": "0.10.1",
+  "version": "0.13.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -14,7 +14,9 @@
     "url": "https://varunraj.in"
   },
   "dependencies": {
+    "@google/generative-ai": "^0.21.0",
     "@radix-ui/react-accordion": "^1.2.1",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.1",
@@ -30,10 +32,13 @@
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.1",
     "@radix-ui/react-tooltip": "^1.1.2",
+    "@remotion/cli": "4.0.232",
+    "@remotion/eslint-plugin": "^4.0.232",
     "@tanstack/react-table": "^8.20.1",
     "@types/cookie": "^0.6.0",
     "@types/qs": "^6.9.15",
     "@types/react-calendar-heatmap": "^1.6.7",
+    "@vis.gl/react-google-maps": "^1.4.2",
     "axios": "^1.7.4",
     "chrono-node": "^1.4.9",
     "class-variance-authority": "^0.7.0",
@@ -43,25 +48,29 @@
     "cookie": "^0.6.0",
     "date-fns": "^3.6.0",
     "drizzle-orm": "^0.33.0",
+    "jsonwebtoken": "^9.0.2",
     "leaflet": "^1.9.4",
-    "leaflet-defaulticon-compatibility":"0.1.2",
+    "leaflet-defaulticon-compatibility": "0.1.2",
     "lucide-react": "^0.428.0",
     "next": "14.2.5",
     "next-themes": "^0.3.0",
     "pg": "^8.12.0",
     "qs": "^6.13.0",
     "react": "^18",
-    "react-calendar-heatmap": "^1.9.0",
     "react-day-picker": "9.0.8",
     "react-dom": "^18",
     "react-grid-gallery": "^1.0.1",
+    "react-hot-toast": "^2.5.1",
     "react-leaflet": "^4.2.1",
+    "react-mentions": "^4.4.10",
     "react-query": "^3.39.3",
     "recharts": "^2.12.7",
+    "remotion": "4.0.232",
     "sass": "^1.77.8",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
-    "yet-another-react-lightbox": "^3.21.4"
+    "yet-another-react-lightbox": "^3.21.4",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
     "@semantic-release/commit-analyzer": "^13.0.0",
@@ -70,11 +79,12 @@
     "@semantic-release/npm": "^12.0.1",
     "@semantic-release/release-notes-generator": "^14.0.1",
     "@types/jsonwebtoken": "^9.0.6",
-    "@types/leaflet":"^1.9.15",
+    "@types/leaflet": "^1.9.15",
     "@types/node": "^20",
     "@types/pg": "^8.11.6",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@types/react-mentions": "^4.4.1",
     "autoprefixer": "^10.4.20",
     "drizzle-kit": "^0.24.0",
     "eslint": "^8",

package.json

@@ -2,6 +2,7 @@
 const config = {
   plugins: {
     tailwindcss: {},
+    autoprefixer: {},
   },
 };
 

postcss.config.js

@@ -0,0 +1,72 @@
+import { AbsoluteFill, useCurrentFrame, interpolate, staticFile, Audio, Sequence } from "remotion";
+import WelcomeScene from "./rewind/WelcomeScene";
+import CountryScene from "./rewind/CountryScene";
+import MemoriesScene from "./rewind/MemoriesScene";
+import AlbumsScene from "./rewind/AlbumScene";
+import FriendsScene from "./rewind/FriendsScene";
+import PowertoolsLogo from "./rewind/Powertoolslogo";
+
+export interface Scene {
+  message: string;
+  type: string;
+  emoji: string;
+  data: any;
+}
+export const IntroComposition = ({  scenes }: { scenes: Scene[] }) => {
+  const frame = useCurrentFrame();
+  const screenDuration = 120;
+
+  const renderScene = (scene: Scene) => {
+    switch (scene.type) {
+      case "WELCOME":
+        return <WelcomeScene message={scene.message} emoji={scene.emoji} />;
+      case "COUNTRY":
+        return <CountryScene message={scene.message} emoji={scene.emoji} data={scene.data} />;
+      case "MEMORY":
+        return <MemoriesScene message={scene.message} emoji={scene.emoji} data={scene.data} />;
+      case "ALBUM":
+        return <AlbumsScene message={scene.message} emoji={scene.emoji} data={scene.data} />;
+      case "FRIEND":
+        return <FriendsScene message={scene.message} emoji={scene.emoji} data={scene.data} />;
+      default:
+        return <WelcomeScene message={scene.message} emoji={scene.emoji} />;
+    }
+  };
+
+  return (
+    <AbsoluteFill
+      style={{
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "black",
+        transition: "background-color 1s ease",
+        fontFamily: "sans-serif",
+      }}
+    >
+      <Sequence name="Logo Intro" durationInFrames={screenDuration}>
+        <div style={{
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        }}>
+          <PowertoolsLogo size={200} />
+        </div>
+      </Sequence>
+
+      {scenes.map((scene, index) => (
+        <Sequence
+          key={index}
+          name={`Scene ${index + 1} - ${scene.type}`}
+          from={screenDuration * (index + 1)}
+          durationInFrames={screenDuration}
+        >
+          {renderScene(scene)}
+        </Sequence>
+      ))}
+
+      <Audio src={staticFile("audio/rewind.mp3")} />
+    </AbsoluteFill>
+  );
+};