Merge pull request #7 from ModuleArt/release/v1.0.8

v1.0.8

Author: Beelink

README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://moduleart.github.io/plaincolor">
-    <img src='/src-tauri/icons/128x128.png' height="96px" />
+    <img src='https://moduleart.github.io/assets/images/projects/plain-color/icon.webp' height="96px" />
   </a>
 </p>
 <h1 align="center">PlainColor</h1>
@@ -23,20 +23,22 @@
 
 ## ⬇️ Download
 
-- <a href="https://github.com/ModuleArt/plain-color/releases/download/v1.0.7/PlainColor_1.0.7_aarch64.dmg">macOS: dmg</a>
-- Windows: Coming soon...
-- Linux: Coming soon...
+- macOS: <a href="https://github.com/ModuleArt/plain-color/releases/download/v1.0.8/PlainColor_1.0.8_aarch64.dmg">dmg</a>
+- Windows: exe | microsoft store | chocolatey - Coming soon...
+- Linux: flathub | appimage | deb - Coming soon...
 
 ## 🚀 Features
 
-- 🔍 Magnifying glass
-- 🎨 Custom palettes
-- 📋 A lot of copy options
+- 🔍 <b>Picker</b> - Pick a color from your screen with advanced magnifying glass
+- 🎨 <b>Custom palettes</b> - Organize your colors with palettes. Name colors and add them to palettes to use in your projects
+  - Export palette to `JSON` `CSS / SASS variables` `JavaScript object`
+  - Import colors from `JSON` `Tailwind CSS default colors`
+- 📋 <b>A lot of color formats</b> - Copy your colors as:
   - `#HEX` `HEX` `#hex` `hex`
   - `rgb()` `R,G,B` `color(display-p3)`
   - `hsl()` `H,S,L`
   - `cmyk()` `C,M,Y,K`
-- 🍎 Great macOS support
+- 🍎 <b>Great macOS support</b>
   - Works on top of menu bar and fullscreen windows
 
 ### Coming soon
@@ -54,27 +56,33 @@ Want more? Open a <a href="https://github.com/ModuleArt/plain-color/issues/new">
 
 If you want to report a bug, first, thank you, that helps us a lot. Please open an <a href="https://github.com/ModuleArt/plain-color/issues/new">issue</a> and mention your OS, your PlainColor version, and how to reproduce it. Adding a screenshot of the issue or screen recording is a big help too.
 
-## 🔮 Future Plans
+## 🔮 Roadmap
 
-### v1.0.8
+### v1.0.9
 
-- Fix: Color name, Palette name white-space
-- ColorCard: Checkboard background for alpha colors
-- ColorCard: Add ability to type/paste HEX value
-- Prepend default palette (Apple colors)
+- ❗ Improve list performance (infinite scroll)
+- ❗ Fix: Color/Palette name white-space
+- ❗ Fix context menu height (check on different window heights)
+- ❗ Hide context menu on scroll
+- ❗ Animation on export palette content copied
+- ❗ Fix: Cannot copy/select text in inputs/textareas
+- ❗ ColorCard: Add ability to type/paste HEX value
+- Picker: Pinch to zoom
 - Move picker with arrows (step = 1px), make sure it cannot be out of screen bounds
+- Instant copy shortcut `CommandOrControl+Shift+C`
+- Export to image (with preview, mb use canvas)
+- Prepend default palette: Apple colors (integrate with import feature?)
 
 ### v1.1.x
 
-- <a href="https://icon.kitchen/">New app icon</a>
-- <a href="https://v2.tauri.app/plugin/updater/">Add updater</a>
-- Add picker sound (Funny mouth sound, with ability to turn off)
-- Better color wheel: Add inputs for values (hex, rgba, etc.)
+- ❗ <a href="https://v2.tauri.app/plugin/updater/">Add updater</a>
+- ❗ Better color wheel: Add inputs for values (hex, rgba, etc.)
 - Add ability to reorder colors
-- More quick copy options
+- More color formats:
   - Common:
-    - RGB/RGBA from 0 to 1 `0,36; 0,18; 0,57`
-    - HSB/HSV `268, 69, 57`
+    - 🖥️ RGB/RGBA from 0 to 1 `0,36; 0,18; 0,57`
+    - 🎨 HSB/HSV `268, 69, 57`
+    - 💈 Oklab `oklch(40.1% 0.123 21.57)`
   - Native:
     - 🖥️ NSColor RGB
     - 🖥️ NSColor HSB
@@ -87,6 +95,8 @@ If you want to report a bug, first, thank you, that helps us a lot. Please open
     - 🌊 .NET RGB/ARGB
     - ☕ Java RGB/RGBA
     - 📱 Android RGB/ARGB
-- Tray icon
-- Picker shortcut `Command + Shift + M`
-  - Instant picker shortcut `Ctrl + Shift + M` (?)
+  - Custom color formatter
+- Add ability to change global shortcuts
+- Add picker sound (Funny mouth sound, with ability to turn off)
+- New button pressed animation: scale down
+- Control Select with arrows up/down

docs/ICONS.md

@@ -0,0 +1,53 @@
+# How to generate new icons
+
+### 1. Generate images using [IconKitchen](https://icon.kitchen/i/H4sIAAAAAAAAA1WOuw7CMAxF%2F8WsHTpn5QeQ6IYYHOI8RIJLHiBU9d9xstWD5Xt0fe0NPhgbFVAbGMzPxVMiUBZjoQmsW36rSAgJHUEHFzQmvFz3V15BzRPk4Hwdk%2BZaOY0xku1sF%2BiuHkdKeTfMPUa7M0fOgk7zqMEOt2QxsWmxv3aDwEUsX9LSEz5E3fc%2FhbNzy7sAAAA%3D)
+
+Settings:
+
+- Icon: `Image`
+  - Place the app icon
+- Scaling: `Center`
+- Mask: `Off`
+- Effect: `None`
+- Padding: `0%`
+- Background: `Image`
+  - Place the transparent empty png
+- Texture: `None`
+
+### 2. macOS icon
+
+- Place `AppIcon.icns` from the generated `/macos` folder into `/src-tauri/icons/icon.icns`
+
+### 3. Web icons
+
+- Place `apple-touch-icon.png`, `favicon.ico`, `icon-192-maskable.png`, `icon-192.png`, `icon-512-maskable.png`, `icon-512.png` from the generated `/web`folder into `/public`
+- Append these lines to `index.html` or `{{ window name }}.html`:
+
+```
+<link rel="icon" href="/favicon.ico" sizes="any" />
+<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+```
+
+- Add `icons` field to `/public/manifest.json` file or create a `/public/manifest.json` with the following content:
+
+```json
+{
+  "manifest_version": 3,
+  "name": "PlainColor",
+  "version": "1.0.0",
+  "description": "A basic example extension with only required keys",
+  "icons": [
+    { "src": "/favicon.ico", "type": "image/x-icon", "sizes": "16x16 32x32" },
+    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" },
+    { "src": "/icon-192-maskable.png", "type": "image/png", "sizes": "192x192", "purpose": "maskable" },
+    { "src": "/icon-512-maskable.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" }
+  ]
+}
+```
+
+### 4. Tauri icons
+
+- Place `favicon.ico` from the generated `/web` folder into `/src-tauri/icons/icon.ico`
+- Place `icon-512.png` from the generated `/web` folder into `/src-tauri/icons/icon.png`
+- Replace all other `.png` images inside the `/src-tauri/icons` folder by resizing the generated`/web/icon-512.png` into different sizes (check an existing image size before replacing)

index.html

@@ -5,6 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>PlainColor</title>
+    <link rel="icon" href="/favicon.ico" sizes="any">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   </head>
 
   <body>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "plain-color",
   "private": false,
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -14,6 +14,10 @@
     "@phosphor-icons/react": "^2.1.7",
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-clipboard-manager": "^2.0.0",
+    "@tauri-apps/plugin-dialog": "~2",
+    "@tauri-apps/plugin-fs": "~2",
+    "@tauri-apps/plugin-global-shortcut": "~2",
+    "@tauri-apps/plugin-http": "~2",
     "@tauri-apps/plugin-os": "~2",
     "@tauri-apps/plugin-process": "^2.0.0",
     "@tauri-apps/plugin-shell": "^2",

picker.html

@@ -3,7 +3,9 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>PlainColor Magnifying Glass</title>
+    <title>PlainColor Picker</title>
+    <link rel="icon" href="/favicon.ico" sizes="any">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   </head>
 
   <body>