style: formatting

.github/workflows/release.yml

@@ -0,0 +1,214 @@
+name: "Release"
+
+on:
+  push:
+    tags:
+      - "v*"
+  workflow_dispatch:
+
+jobs:
+  prepare:
+    runs-on: ubuntu-latest
+    outputs:
+      version: ${{ steps.get_version.outputs.VERSION }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: Get version
+        id: get_version
+        run: echo "VERSION=$(node -p "require('./src-tauri/tauri.conf.json').version")" >> $GITHUB_OUTPUT
+
+  build-macos:
+    needs: prepare
+    strategy:
+      matrix:
+        include:
+          - args: "--target aarch64-apple-darwin"
+            arch: "silicon"
+          - args: "--target x86_64-apple-darwin"
+            arch: "intel"
+    runs-on: macos-latest
+    env:
+      APPLE_ID: ${{ secrets.APPLE_ID }}
+      APPLE_ID_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
+      TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: Redact Sensitive Information
+        run: |
+          function redact_output {
+            sed -e "s/${{ secrets.REDACT_PATTERN }}/REDACTED/g"
+          }
+          exec > >(redact_output) 2>&1
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - uses: dtolnay/rust-toolchain@stable
+        with:
+          targets: aarch64-apple-darwin,x86_64-apple-darwin
+      - uses: swatinem/rust-cache@v2
+        with:
+          workspaces: "src-tauri -> target"
+          cache-directories: "~/.cargo/registry/index/,~/.cargo/registry/cache/,~/.cargo/git/db/"
+          shared-key: "macos-rust-cache"
+          save-if: "true"
+      - uses: actions/cache@v4
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+      - run: npm install -g pnpm && pnpm install
+      - name: Import Apple Developer Certificate
+        env:
+          APPLE_CERTIFICATE: ${{ secrets.APPLE_CERTIFICATE }}
+          APPLE_CERTIFICATE_PASSWORD: ${{ secrets.APPLE_CERTIFICATE_PASSWORD }}
+          KEYCHAIN_PASSWORD: ${{ secrets.KEYCHAIN_PASSWORD }}
+        run: |
+          echo $APPLE_CERTIFICATE | base64 --decode > certificate.p12
+          security create-keychain -p "$KEYCHAIN_PASSWORD" build.keychain
+          security default-keychain -s build.keychain
+          security unlock-keychain -p "$KEYCHAIN_PASSWORD" build.keychain
+          security import certificate.p12 -k build.keychain -P "$APPLE_CERTIFICATE_PASSWORD" -T /usr/bin/codesign
+          security set-key-partition-list -S apple-tool:,apple:,codesign: -s -k "$KEYCHAIN_PASSWORD" build.keychain
+      - uses: tauri-apps/tauri-action@v0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          APPLE_CERTIFICATE: ${{ secrets.APPLE_CERTIFICATE }}
+          APPLE_CERTIFICATE_PASSWORD: ${{ secrets.APPLE_CERTIFICATE_PASSWORD }}
+          TAURI_PRIVATE_KEY: ${{ secrets.TAURI_PRIVATE_KEY }}
+          TAURI_KEY_PASSWORD: ${{ secrets.TAURI_KEY_PASSWORD }}
+        with:
+          args: ${{ matrix.args }}
+          tagName: v${{ needs.prepare.outputs.version }}
+          releaseName: v${{ needs.prepare.outputs.version }}
+          releaseBody: "See the assets to download this version and install."
+          releaseDraft: true
+          prerelease: false
+      - name: Rename macOS Artifacts
+        run: |
+          mv src-tauri/target/${{ matrix.args == '--target aarch64-apple-darwin' && 'aarch64-apple-darwin' || 'x86_64-apple-darwin' }}/release/bundle/dmg/*.dmg src-tauri/target/${{ matrix.args == '--target aarch64-apple-darwin' && 'aarch64-apple-darwin' || 'x86_64-apple-darwin' }}/release/bundle/dmg/Qopy-${{ needs.prepare.outputs.version }}_${{ matrix.arch }}.dmg
+          mv src-tauri/target/${{ matrix.args == '--target aarch64-apple-darwin' && 'aarch64-apple-darwin' || 'x86_64-apple-darwin' }}/release/bundle/macos/*.app.tar.gz src-tauri/target/${{ matrix.args == '--target aarch64-apple-darwin' && 'aarch64-apple-darwin' || 'x86_64-apple-darwin' }}/release/bundle/macos/Qopy-${{ needs.prepare.outputs.version }}_${{ matrix.arch }}.app.tar.gz
+          mv src-tauri/target/${{ matrix.args == '--target aarch64-apple-darwin' && 'aarch64-apple-darwin' || 'x86_64-apple-darwin' }}/release/bundle/macos/*.app.tar.gz.sig src-tauri/target/${{ matrix.args == '--target aarch64-apple-darwin' && 'aarch64-apple-darwin' || 'x86_64-apple-darwin' }}/release/bundle/macos/Qopy-${{ needs.prepare.outputs.version }}_${{ matrix.arch }}.app.tar.gz.sig
+
+  build-windows:
+    needs: prepare
+    strategy:
+      matrix:
+        include:
+          - args: "--target x86_64-pc-windows-msvc"
+            arch: "x64"
+          - args: "--target aarch64-pc-windows-msvc"
+            arch: "arm64"
+    runs-on: windows-latest
+    env:
+      TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - uses: dtolnay/rust-toolchain@stable
+        with:
+          targets: x86_64-pc-windows-msvc,aarch64-pc-windows-msvc
+      - uses: swatinem/rust-cache@v2
+        with:
+          workspaces: "src-tauri -> target"
+          cache-directories: "~/.cargo/registry/index/,~/.cargo/registry/cache/,~/.cargo/git/db/"
+          shared-key: "windows-rust-cache"
+          save-if: "true"
+      - uses: actions/cache@v4
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+      - run: npm install -g pnpm && pnpm install
+      - uses: tauri-apps/tauri-action@v0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          args: ${{ matrix.args }}
+          tagName: v${{ needs.prepare.outputs.version }}
+          releaseName: v${{ needs.prepare.outputs.version }}
+          releaseBody: "See the assets to download this version and install."
+          releaseDraft: true
+          prerelease: false
+      - name: Rename Windows Artifacts
+        run: |
+          mv src-tauri/target/release/bundle/msi/*.msi src-tauri/target/release/bundle/msi/Qopy-${{ needs.prepare.outputs.version }}_${{ matrix.arch }}.msi
+          mv src-tauri/target/release/bundle/msi/*.msi.sig src-tauri/target/release/bundle/msi/Qopy-${{ needs.prepare.outputs.version }}_${{ matrix.arch }}.msi.sig
+
+  build-linux:
+    needs: prepare
+    runs-on: ubuntu-latest
+    env:
+      TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - uses: dtolnay/rust-toolchain@stable
+      - uses: swatinem/rust-cache@v2
+        with:
+          workspaces: "src-tauri -> target"
+          cache-directories: "~/.cargo/registry/index/,~/.cargo/registry/cache/,~/.cargo/git/db/"
+          shared-key: "linux-rust-cache"
+          save-if: "true"
+      - uses: actions/cache@v4
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+      - name: Install dependencies
+        run: |
+          sudo apt update
+          sudo apt install -y libwebkit2gtk-4.1-dev build-essential curl wget file libssl-dev libayatana-appindicator3-dev librsvg2-dev libasound2-dev rpm
+          echo "PKG_CONFIG_PATH=/usr/lib/x86_64-linux-gnu/pkgconfig" >> $GITHUB_ENV
+      - run: npm install -g pnpm && pnpm install
+      - name: Generate Changelog
+        id: changelog
+        run: |
+          CHANGELOG=$(git log $(git describe --tags --abbrev=0)..HEAD --pretty=format:"- %s")
+          echo "CHANGELOG<<EOF" >> $GITHUB_ENV
+          echo "$CHANGELOG" >> $GITHUB_ENV
+          echo "EOF" >> $GITHUB_ENV
+      - uses: tauri-apps/tauri-action@v0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          args: --target x86_64-unknown-linux-gnu
+          tagName: v${{ needs.prepare.outputs.version }}
+          releaseName: v${{ needs.prepare.outputs.version }}
+          releaseBody: |
+            ## Changelog
+            ${{ env.CHANGELOG }}
+
+            See the assets to download this version and install.
+          releaseDraft: true
+          prerelease: false
+      - name: Rename Linux Artifacts
+        run: |
+          mv src-tauri/target/release/bundle/deb/*.deb src-tauri/target/release/bundle/deb/Qopy-${{ needs.prepare.outputs.version }}_amd64.deb
+          mv src-tauri/target/release/bundle/appimage/*.AppImage src-tauri/target/release/bundle/appimage/Qopy-${{ needs.prepare.outputs.version }}_amd64.AppImage
+          mv src-tauri/target/release/bundle/appimage/*.AppImage.sig src-tauri/target/release/bundle/appimage/Qopy-${{ needs.prepare.outputs.version }}_amd64.AppImage.sig
+          mv src-tauri/target/release/bundle/rpm/*.rpm src-tauri/target/release/bundle/rpm/Qopy-${{ needs.prepare.outputs.version }}_amd64.rpm
+      - name: Create Draft Release
+        uses: softprops/action-gh-release@v1
+        with:
+          draft: true
+          files: |
+            src-tauri/target/release/bundle/deb/*.deb
+            src-tauri/target/release/bundle/appimage/*.AppImage
+            src-tauri/target/release/bundle/appimage/*.AppImage.sig
+            src-tauri/target/release/bundle/rpm/*.rpm
+          body: |
+            ## Changelog
+            ${{ env.CHANGELOG }}
+
+            See the assets to download this version and install.
+          tag_name: v${{ needs.prepare.outputs.version }}
+          name: v${{ needs.prepare.outputs.version }}

.prettierignore

@@ -0,0 +1,39 @@
+# Rust
+/target/
+/src-tauri/target/
+Cargo.lock
+*.rs
+
+# Node
+node_modules/
+.nuxt/
+.output/
+dist/
+
+# Build
+/build/
+/out/
+
+# Tauri
+.tauri/
+
+# System
+.DS_Store
+*.pem
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local env files
+.env
+.env.*
+
+# IDE
+.idea/
+.vscode/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln 

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "semi": true,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "useTabs": true,
+  "printWidth": 100,
+  "trailingComma": "es5",
+  "vueIndentScriptAndStyle": true,
+  "plugins": ["prettier-plugin-vue"]
+} 

GET_STARTED.md

@@ -5,7 +5,7 @@ The hotkey for Qopy is Windows+V which is also the hotkey for the default clipbo
 All the data of Qopy is stored inside of a SQLite database. The location for the file differs for windows and linux.
 
 | Operating System | Path                                                  |
-|------------------|-------------------------------------------------------|
+| ---------------- | ----------------------------------------------------- |
 | Windows          | `C:\Users\USERNAME\AppData\Roaming\net.pandadev.qopy` |
 | Linux            | ``                                                    |
 

README.md

@@ -60,6 +60,7 @@ The fixed and simple clipboard manager for both Windows and Linux.
 Qopy is a fixed clipboard manager designed as a simple alternative to the standard clipboard on Windows. It aims to provide a faster, more reliable experience while providing an extensive set of features compared to its Windows counterpart.
 
 ## 🚧 Roadmap
+
 - [ ] [Setup guide](https://github.com/0PandaDEV/Qopy/blob/main/GET_STARTED.md)
 - [ ] Settings https://github.com/0PandaDEV/Qopy/issues/2
 - [ ] Metadata for copied items https://github.com/0PandaDEV/Qopy/issues/5
@@ -72,6 +73,7 @@ Qopy is a fixed clipboard manager designed as a simple alternative to the standa
 <sup>If you have ideas for features to include, please write a feature request [here](https://github.com/0pandadev/Qopy/issues).</sup>
 
 ## 📦 Preview
+
 <img width="800px" src="https://github.com/user-attachments/assets/18e1f9e3-414c-46e2-9c51-61c6e63a06d2"/>
 <img width="800px" src="https://github.com/user-attachments/assets/46ec4672-f156-4426-a2cb-3a40d00dbcd6"/>
 

app.vue

@@ -5,23 +5,23 @@
 </template>
 
 <script setup lang="ts">
-import { listen } from '@tauri-apps/api/event'
+	import { app, window } from "@tauri-apps/api";
-import { app, window } from '@tauri-apps/api';
+	import { listen } from "@tauri-apps/api/event";
-import { onMounted } from 'vue'
+	import { onMounted } from "vue";
 
 	onMounted(async () => {
-  await listen('change_keybind', async () => {
+		await listen("change_keybind", async () => {
 			console.log("change_keybind");
-    await navigateTo('/keybind')
+			await navigateTo("/keybind");
 			await app.show();
 			await window.getCurrentWindow().show();
-  })
+		});
 
-  await listen('main_route', async () => {
+		await listen("main_route", async () => {
 			console.log("main_route");
-    await navigateTo('/')
+			await navigateTo("/");
-  })
+		});
-})
+	});
 </script>
 
 <style lang="scss">
@@ -53,16 +53,16 @@ onMounted(async () => {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  color: #E5DFD5;
+  color: #e5dfd5;
   text-decoration: none;
   font-family: SFRoundedRegular;
   scroll-behavior: smooth;
   scrollbar-width: thin;
   user-select: none;
 
-  --os-handle-bg: #ADA9A1;
+  --os-handle-bg: #ada9a1;
-  --os-handle-bg-hover: #78756F;
+  --os-handle-bg-hover: #78756f;
-  --os-handle-bg-active: #78756F;
+  --os-handle-bg-active: #78756f;
 }
 
 html,

assets/css/keybind.scss

@@ -1,10 +1,10 @@
-$primary: #2E2D2B;
+$primary: #2e2d2b;
-$accent: #FEB453;
+$accent: #feb453;
 $divider: #ffffff0d;
 
-$text: #E5DFD5;
+$text: #e5dfd5;
-$text2: #ADA9A1;
+$text2: #ada9a1;
-$mutedtext: #78756F;
+$mutedtext: #78756f;
 
 .bg {
 	width: 750px;
@@ -123,7 +123,7 @@ $mutedtext: #78756F;
 			background-color: $divider;
 			margin-left: 8px;
 			margin-right: 4px;
-      transition: all .2s;
+			transition: all 0.2s;
 		}
 
 		.actions {
@@ -134,7 +134,7 @@ $mutedtext: #78756F;
 			gap: 8px;
 			border-radius: 7px;
 			background-color: transparent;
-      transition: all .2s;
+			transition: all 0.2s;
 			cursor: pointer;
 		}
 

components/Noise.vue

@@ -13,7 +13,7 @@
   pointer-events: none;
   user-select: none;
   z-index: 0;
-  background-image: url('/noise.png');
+  background-image: url("/noise.png");
   background-repeat: repeat;
   image-rendering: pixelated;
   overflow: hidden;

package.json

@@ -1,26 +1,31 @@
 {
 	"name": "nuxt-app",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "tauri build",
-    "dev": "tauri dev",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
-  },
 	"dependencies": {
-    "@tauri-apps/api": "2.0.3",
+		"@tauri-apps/api": "2.1.1",
 		"@tauri-apps/cli": "2.1.0",
 		"@tauri-apps/plugin-autostart": "2.0.0",
 		"@tauri-apps/plugin-fs": "2.0.2",
 		"@tauri-apps/plugin-os": "2.0.0",
 		"@tauri-apps/plugin-sql": "2.0.1",
-    "nuxt": "3.14.159",
+		"nuxt": "3.14.1592",
 		"nuxt-build-cache": "0.1.1",
 		"overlayscrollbars": "2.10.0",
 		"overlayscrollbars-vue": "0.5.9",
+		"prettier": "^3.3.3",
 		"sass": "1.81.0",
 		"vue": "3.5.13"
+	},
+	"private": true,
+	"scripts": {
+		"build": "tauri build",
+		"dev": "tauri dev",
+		"generate": "nuxt generate",
+		"preview": "nuxt preview",
+		"postinstall": "nuxt prepare",
+		"format": "prettier --write \"**/*.{js,ts,vue,scss,css,json,md}\""
+	},
+	"type": "module",
+	"devDependencies": {
+		"prettier-plugin-vue": "^1.1.6"
 	}
 }

pages/index.vue

@@ -1,8 +1,23 @@
 <template>
-  <div class="bg" @keydown.down.prevent="selectNext" @keydown.up.prevent="selectPrevious"
+	<div
-    @keydown.enter.prevent="pasteSelectedItem" @keydown.esc="hideApp" tabindex="0">
+		class="bg"
-    <input ref="searchInput" v-model="searchQuery" @input="searchHistory" autocorrect="off" autocapitalize="off"
+		@keydown.down.prevent="selectNext"
-      spellcheck="false" class="search" type="text" placeholder="Type to filter entries..." />
+		@keydown.up.prevent="selectPrevious"
+		@keydown.enter.prevent="pasteSelectedItem"
+		@keydown.esc="hideApp"
+		tabindex="0"
+	>
+		<input
+			ref="searchInput"
+			v-model="searchQuery"
+			@input="searchHistory"
+			autocorrect="off"
+			autocapitalize="off"
+			spellcheck="false"
+			class="search"
+			type="text"
+			placeholder="Type to filter entries..."
+		/>
 		<div class="bottom-bar">
 			<div class="left">
 				<img class="logo" width="18px" src="../public/logo.png" alt="" />
@@ -24,29 +39,62 @@
 				</div>
 			</div>
 		</div>
-    <OverlayScrollbarsComponent class="results" ref="resultsContainer"
+		<OverlayScrollbarsComponent
-      :options="{ scrollbars: { autoHide: 'scroll' } }">
+			class="results"
+			ref="resultsContainer"
+			:options="{ scrollbars: { autoHide: 'scroll' } }"
+		>
 			<template v-for="(group, groupIndex) in groupedHistory" :key="groupIndex">
 				<div class="time-separator">{{ group.label }}</div>
-        <div v-for="(item, index) in group.items" :key="item.id" :class="[
+				<div
-          'result clothoid-corner',
+					v-for="(item, index) in group.items"
-          { selected: isSelected(groupIndex, index) },
+					:key="item.id"
-        ]" @click="selectItem(groupIndex, index)" :ref="(el) => {
+					:class="['result clothoid-corner', { selected: isSelected(groupIndex, index) }]"
-          if (isSelected(groupIndex, index))
+					@click="selectItem(groupIndex, index)"
-            selectedElement = el as HTMLElement;
+					:ref="
+						(el) => {
+							if (isSelected(groupIndex, index)) selectedElement = el as HTMLElement;
 						}
-          ">
+					"
+				>
 					<template v-if="item.content_type === 'image'">
-            <img v-if="!imageLoading && !imageLoadError" :src="getComputedImageUrl(item)" alt="Image" class="image"
+						<img
-              @error="onImageError" />
+							v-if="!imageLoading && !imageLoadError"
-            <img v-if="imageLoading || imageLoadError" src="../public/icons/Image.svg" class="icon" />
+							:src="getComputedImageUrl(item)"
+							alt="Image"
+							class="image"
+							@error="onImageError"
+						/>
+						<img
+							v-if="imageLoading || imageLoadError"
+							src="../public/icons/Image.svg"
+							class="icon"
+						/>
 					</template>
-          <img v-else-if="hasFavicon(item.favicon ?? '')" :src="getFaviconFromDb(item.favicon ?? '')" alt="Favicon"
+					<img
-            class="favicon" />
+						v-else-if="hasFavicon(item.favicon ?? '')"
-          <img src="../public/icons/File.svg" class="icon" v-else-if="item.content_type === 'files'" />
+						:src="getFaviconFromDb(item.favicon ?? '')"
-          <img src="../public/icons/Text.svg" class="icon" v-else-if="item.content_type === 'text'" />
+						alt="Favicon"
-          <img src="../public/icons/Code.svg" class="icon" v-else-if="item.content_type === 'code'" />
+						class="favicon"
-          <span v-if="item.content_type === 'image'">Image ({{ item.dimensions || "Loading..." }})</span>
+					/>
+					<img
+						src="../public/icons/File.svg"
+						class="icon"
+						v-else-if="item.content_type === 'files'"
+					/>
+					<img
+						src="../public/icons/Text.svg"
+						class="icon"
+						v-else-if="item.content_type === 'text'"
+					/>
+					<img
+						src="../public/icons/Code.svg"
+						class="icon"
+						v-else-if="item.content_type === 'code'"
+					/>
+					<span v-if="item.content_type === 'image'"
+						>Image ({{ item.dimensions || "Loading..." }})</span
+					>
 					<span v-else>{{ truncateContent(item.content) }}</span>
 				</div>
 			</template>
@@ -55,8 +103,12 @@
 			<img :src="getComputedImageUrl(selectedItem)" alt="Image" class="image" />
 		</div>
 		<OverlayScrollbarsComponent v-else class="content">
-      <img v-if="selectedItem?.content && isYoutubeWatchUrl(selectedItem.content)"
+			<img
-        :src="getYoutubeThumbnail(selectedItem.content)" alt="YouTube Thumbnail" class="full-image" />
+				v-if="selectedItem?.content && isYoutubeWatchUrl(selectedItem.content)"
+				:src="getYoutubeThumbnail(selectedItem.content)"
+				alt="YouTube Thumbnail"
+				class="full-image"
+			/>
 			<span v-else>{{ selectedItem?.content || "" }}</span>
 		</OverlayScrollbarsComponent>
 		<Noise />
@@ -64,16 +116,16 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch, nextTick, shallowRef } from "vue";
 	import Database from "@tauri-apps/plugin-sql";
-import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
+	import type { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
+	import { computed, nextTick, onMounted, ref, shallowRef, watch } from "vue";
 	import "overlayscrollbars/overlayscrollbars.css";
 	import { app, window } from "@tauri-apps/api";
-import { platform } from "@tauri-apps/plugin-os";
 	import { invoke } from "@tauri-apps/api/core";
-import { enable, isEnabled } from "@tauri-apps/plugin-autostart";
 	import { listen } from "@tauri-apps/api/event";
+	import { enable, isEnabled } from "@tauri-apps/plugin-autostart";
 	import { readFile } from "@tauri-apps/plugin-fs";
+	import { platform } from "@tauri-apps/plugin-os";
 
 	interface HistoryItem {
 		id: number;
@@ -92,11 +144,9 @@ interface GroupedHistory {
 	const db: Ref<Database | null> = ref(null);
 	const history: Ref<HistoryItem[]> = ref([]);
 	const chunkSize: number = 50;
-let offset: number = 0;
+	let offset = 0;
-let isLoading: boolean = false;
+	let isLoading = false;
-const resultsContainer: Ref<InstanceType<
+	const resultsContainer: Ref<InstanceType<typeof OverlayScrollbarsComponent> | null> = ref(null);
-  typeof OverlayScrollbarsComponent
-> | null> = ref(null);
 	const searchQuery: Ref<string> = ref("");
 	const selectedGroupIndex: Ref<number> = ref(0);
 	const selectedItemIndex: Ref<number> = ref(0);
@@ -143,10 +193,7 @@ const groupedHistory: ComputedRef<GroupedHistory[]> = computed(() => {
 
 			if (itemDate.toDateString() === today.toDateString()) {
 				groups[0].items.push(item);
-    } else if (
+			} else if (itemDate.toDateString() === new Date(today.getTime() - 86400000).toDateString()) {
-      itemDate.toDateString() ===
-      new Date(today.getTime() - 86400000).toDateString()
-    ) {
 				groups[1].items.push(item);
 			} else if (itemYear === thisYear && itemWeek === thisWeek) {
 				groups[2].items.push(item);
@@ -168,10 +215,7 @@ const selectedItem: ComputedRef<HistoryItem | null> = computed(() => {
 	});
 
 	const isSelected = (groupIndex: number, itemIndex: number): boolean => {
-  return (
+		return selectedGroupIndex.value === groupIndex && selectedItemIndex.value === itemIndex;
-    selectedGroupIndex.value === groupIndex &&
-    selectedItemIndex.value === itemIndex
-  );
 	};
 
 	const searchHistory = async (): Promise<void> => {
@@ -213,8 +257,7 @@ const selectPrevious = (): void => {
 			selectedItemIndex.value--;
 		} else if (selectedGroupIndex.value > 0) {
 			selectedGroupIndex.value--;
-    selectedItemIndex.value =
+			selectedItemIndex.value = groupedHistory.value[selectedGroupIndex.value].items.length - 1;
-      groupedHistory.value[selectedGroupIndex.value].items.length - 1;
 		}
 		scrollToSelectedItem();
 	};
@@ -229,7 +272,7 @@ const pasteSelectedItem = async (): Promise<void> => {
 		if (!selectedItem.value) return;
 
 		let content = selectedItem.value.content;
-  let contentType: String = selectedItem.value.content_type;
+		const contentType: string = selectedItem.value.content_type;
 		if (contentType === "image") {
 			try {
 				content = readFile(content).toString();
@@ -249,9 +292,7 @@ const truncateContent = (content: string): string => {
 		const maxWidth = 284;
 		const charWidth = 9;
 		const maxChars = Math.floor(maxWidth / charWidth);
-  return content.length > maxChars
+		return content.length > maxChars ? `${content.slice(0, maxChars - 3)}...` : content;
-    ? content.slice(0, maxChars - 3) + "..."
-    : content;
 	};
 
 	const hasFavicon = (str: string): boolean => {
@@ -260,9 +301,8 @@ const hasFavicon = (str: string): boolean => {
 
 	const isYoutubeWatchUrl = (url: string): boolean => {
 		return (
-    /^(https?:\/\/)?(www\.)?(youtube\.com|youtu\.be)\/watch\?v=[\w-]+/.test(
+			/^(https?:\/\/)?(www\.)?(youtube\.com|youtu\.be)\/watch\?v=[\w-]+/.test(url) ||
-      url
+			/^(https?:\/\/)?(www\.)?youtu\.be\/[\w-]+/.test(url)
-    ) || /^(https?:\/\/)?(www\.)?youtu\.be\/[\w-]+/.test(url)
 		);
 	};
 
@@ -412,7 +452,7 @@ const focusSearchInput = (): void => {
 		});
 	};
 
-const scrollToSelectedItem = (forceScrollTop: boolean = false): void => {
+	const scrollToSelectedItem = (forceScrollTop = false): void => {
 		nextTick(() => {
 			if (selectedElement.value && resultsContainer.value) {
 				const osInstance = resultsContainer.value.osInstance();
@@ -487,8 +527,7 @@ onMounted(async () => {
 				const previousGroupIndex = selectedGroupIndex.value;
 				const previousItemIndex = selectedItemIndex.value;
 				const previousScroll =
-        resultsContainer.value?.osInstance()?.elements().viewport?.scrollTop ||
+					resultsContainer.value?.osInstance()?.elements().viewport?.scrollTop || 0;
-        0;
 
 				history.value = [];
 				offset = 0;
@@ -523,9 +562,7 @@ onMounted(async () => {
 		os.value = platform();
 	});
 
-watch([selectedGroupIndex, selectedItemIndex], () =>
+	watch([selectedGroupIndex, selectedItemIndex], () => scrollToSelectedItem(false));
-  scrollToSelectedItem(false)
-);
 </script>
 
 <style scoped lang="scss">

pages/keybind.vue

@@ -47,45 +47,53 @@
 </template>
 
 <script setup lang="ts">
-import { invoke } from '@tauri-apps/api/core';
+	import { invoke } from "@tauri-apps/api/core";
-import { onMounted, onUnmounted, reactive, ref } from 'vue';
+	import { platform } from "@tauri-apps/plugin-os";
-import { platform } from '@tauri-apps/plugin-os';
+	import { onMounted, onUnmounted, reactive, ref } from "vue";
-import { useRouter } from 'vue-router';
+	import { useRouter } from "vue-router";
 
 	const activeModifiers = reactive<Set<string>>(new Set());
 	const isKeybindInputFocused = ref(false);
 	const keybind = ref<string[]>([]);
 	const keybindInput = ref<HTMLElement | null>(null);
 	const lastBlurTime = ref(0);
-const os = ref('');
+	const os = ref("");
 	const router = useRouter();
 
 	const keyToDisplayMap: Record<string, string> = {
-  ' ': 'Space',
+		" ": "Space",
-  Alt: 'Alt',
+		Alt: "Alt",
-  AltLeft: 'Alt L',
+		AltLeft: "Alt L",
-  AltRight: 'Alt R',
+		AltRight: "Alt R",
-  ArrowDown: '↓',
+		ArrowDown: "↓",
-  ArrowLeft: '←',
+		ArrowLeft: "←",
-  ArrowRight: '→',
+		ArrowRight: "→",
-  ArrowUp: '↑',
+		ArrowUp: "↑",
-  Control: 'Ctrl',
+		Control: "Ctrl",
-  ControlLeft: 'Ctrl L',
+		ControlLeft: "Ctrl L",
-  ControlRight: 'Ctrl R',
+		ControlRight: "Ctrl R",
-  Enter: '↵',
+		Enter: "↵",
-  Meta: 'Meta',
+		Meta: "Meta",
-  MetaLeft: 'Meta L',
+		MetaLeft: "Meta L",
-  MetaRight: 'Meta R',
+		MetaRight: "Meta R",
-  Shift: '⇧',
+		Shift: "⇧",
-  ShiftLeft: '⇧ L',
+		ShiftLeft: "⇧ L",
-  ShiftRight: '⇧ R',
+		ShiftRight: "⇧ R",
 	};
 
 	const modifierKeySet = new Set([
-  'Alt', 'AltLeft', 'AltRight',
+		"Alt",
-  'Control', 'ControlLeft', 'ControlRight',
+		"AltLeft",
-  'Meta', 'MetaLeft', 'MetaRight',
+		"AltRight",
-  'Shift', 'ShiftLeft', 'ShiftRight'
+		"Control",
+		"ControlLeft",
+		"ControlRight",
+		"Meta",
+		"MetaLeft",
+		"MetaRight",
+		"Shift",
+		"ShiftLeft",
+		"ShiftRight",
 	]);
 
 	const isModifier = (key: string): boolean => {
@@ -98,7 +106,7 @@ const keyToDisplay = (key: string): string => {
 
 	const updateKeybind = () => {
 		const modifiers = Array.from(activeModifiers).sort();
-  const nonModifiers = keybind.value.filter(key => !isModifier(key));
+		const nonModifiers = keybind.value.filter((key) => !isModifier(key));
 		keybind.value = [...modifiers, ...nonModifiers];
 	};
 
@@ -117,7 +125,7 @@ const onKeyDown = (event: KeyboardEvent) => {
 		event.preventDefault();
 		const key = event.code;
 
-  if (key === 'Escape') {
+		if (key === "Escape") {
 			if (keybindInput.value) {
 				keybindInput.value.blur();
 			}
@@ -127,7 +135,7 @@ const onKeyDown = (event: KeyboardEvent) => {
 		if (isModifier(key)) {
 			activeModifiers.add(key);
 		} else if (!keybind.value.includes(key)) {
-    keybind.value = keybind.value.filter(k => isModifier(k));
+			keybind.value = keybind.value.filter((k) => isModifier(k));
 			keybind.value.push(key);
 		}
 
@@ -135,42 +143,43 @@ const onKeyDown = (event: KeyboardEvent) => {
 	};
 
 	const saveKeybind = async () => {
-  console.log('New:', keybind.value);
+		console.log("New:", keybind.value);
-  const oldKeybind = await invoke<string[]>('get_keybind');
+		const oldKeybind = await invoke<string[]>("get_keybind");
-  console.log('Old:', oldKeybind);
+		console.log("Old:", oldKeybind);
-  await invoke('save_keybind', { keybind: keybind.value });
+		await invoke("save_keybind", { keybind: keybind.value });
 	};
 
 	const handleGlobalKeyDown = (event: KeyboardEvent) => {
 		const now = Date.now();
 		if (
-    (os.value === 'macos'
+			(os.value === "macos"
-      ? (event.code === 'MetaLeft' || event.code === 'MetaRight') && event.key === 'Enter'
+				? (event.code === "MetaLeft" || event.code === "MetaRight") && event.key === "Enter"
-      : (event.code === 'ControlLeft' || event.code === 'ControlRight') && event.key === 'Enter') &&
+				: (event.code === "ControlLeft" || event.code === "ControlRight") &&
+					event.key === "Enter") &&
 			!isKeybindInputFocused.value
 		) {
 			event.preventDefault();
 			saveKeybind();
 		} else if (
-    event.key === 'Escape' &&
+			event.key === "Escape" &&
 			!isKeybindInputFocused.value &&
 			now - lastBlurTime.value > 100
 		) {
 			event.preventDefault();
-    router.push('/');
+			router.push("/");
 		}
 	};
 
 	onMounted(() => {
 		os.value = platform();
-  window.addEventListener('keydown', handleGlobalKeyDown);
+		window.addEventListener("keydown", handleGlobalKeyDown);
 	});
 
 	onUnmounted(() => {
-  window.removeEventListener('keydown', handleGlobalKeyDown);
+		window.removeEventListener("keydown", handleGlobalKeyDown);
 	});
 </script>
 
 <style scoped lang="scss">
-@use '~/assets/css/keybind.scss';
+	@use "~/assets/css/keybind.scss";
 </style>

src-tauri/Cargo.lock

@@ -4508,9 +4508,9 @@ dependencies = [
 
 [[package]]
 name = "serde_json"
-version = "1.0.132"
+version = "1.0.133"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d726bfaff4b320266d395898905d0eba0345aae23b54aee3a737e260fd46db03"
+checksum = "c7fceb2473b9166b2294ef05efcb65a3db80803f0b03ef86a5fc88a2b85ee377"
 dependencies = [
  "itoa 1.0.11",
  "memchr",
@@ -6082,9 +6082,9 @@ checksum = "8ecb6da28b8a351d773b68d5825ac39017e680750f980f3a1a85cd8dd28a47c1"
 
 [[package]]
 name = "url"
-version = "2.5.3"
+version = "2.5.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8d157f1b96d14500ffdc1f10ba712e780825526c03d9a49b4d0324b0d9113ada"
+checksum = "32f8b686cadd1473f4bd0117a5d28d36b1ade384ea9b5069a1c40aefed7fda60"
 dependencies = [
  "form_urlencoded",
  "idna",

src-tauri/Cargo.toml

@@ -10,7 +10,7 @@ rust-version = "1.70"
 tauri-build = { version = "2.0.3", features = [] }
 
 [dependencies]
-tauri = { version = "2.0.1", features = [
+tauri = { version = "2.1.1", features = [
   "macos-private-api",
   "tray-icon",
   "image-png",
@@ -27,17 +27,17 @@ tauri-plugin-global-shortcut = "2.0.1"
 sqlx = { version = "0.8.2", features = ["runtime-tokio-native-tls", "sqlite"] }
 serde = { version = "1.0.215", features = ["derive"] }
 tokio = { version = "1.41.1", features = ["full"] }
-serde_json = "1.0.132"
+serde_json = "1.0.133"
 rdev = "0.5.3"
-rand = "0.8"
+rand = "0.8.5"
 base64 = "0.22.1"
 image = "0.25.5"
 reqwest = { version = "0.12.9", features = ["blocking"] }
-url = "2.5.3"
+url = "2.5.4"
 regex = "1.11.1"
-sha2 = "0.10.6"
+sha2 = "0.10.8"
-lazy_static = "1.4.0"
+lazy_static = "1.5.0"
-time = "0.3"
+time = "0.3.36"
 global-hotkey = "0.6.3"
 
 [features]

src-tauri/capabilities/default.json

@@ -2,9 +2,7 @@
 	"$schema": "../gen/schemas/desktop-schema.json",
 	"identifier": "default",
 	"description": "enables the default permissions",
-  "windows": [
+	"windows": ["main"],
-    "main"
-  ],
 	"permissions": [
 		"core:path:default",
 		"core:event:default",

src-tauri/src/main.rs

@@ -6,6 +6,7 @@
 mod api;
 mod utils;
 
+use tauri::window::{Effect, EffectState, EffectsBuilder};
 use tauri::Manager;
 use tauri::WebviewUrl;
 use tauri::WebviewWindow;
@@ -45,7 +46,9 @@ fn main() {
                     .visible(false)
                     .decorations(false)
                     .transparent(true)
-                    .always_on_top(false)
+                    .always_on_top(true)
+                    .content_protected(true)
+                    .visible_on_all_workspaces(true)
                     .build()?
             };
 
@@ -68,6 +71,13 @@ fn main() {
                 api::updater::check_for_updates(app_handle).await;
             });
 
+            main_window.set_effects(
+                EffectsBuilder::new()
+                    .effect(Effect::Popover)
+                    .state(EffectState::Active)
+                    .build(),
+            )?;
+
             Ok(())
         })
         .on_window_event(|_app, _event| {

src-tauri/tauri.conf.json

@@ -1,6 +1,6 @@
 {
 	"productName": "Qopy",
-  "version": "0.2.0",
+	"version": "0.2.1",
 	"identifier": "net.pandadev.qopy",
 	"build": {
 		"frontendDist": "../dist",
@@ -51,9 +51,7 @@
 	"plugins": {
 		"updater": {
 			"pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDExNDIzNjA1QjE0NjU1OTkKUldTWlZVYXhCVFpDRWNvNmt0UE5lQmZkblEyZGZiZ2tHelJvT2YvNVpLU1RIM1RKZFQrb2tzWWwK",
-      "endpoints": [
+			"endpoints": ["https://qopy.pandadev.net/"]
-        "https://qopy.pandadev.net/"
-      ]
 		}
 	},
 	"$schema": "../node_modules/@tauri-apps/cli/schema.json"