Merge pull request #4 from spikeninja/dev

feat: version 1.1.0

Author: spikeninja

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-2025 Artur Samvelian
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,5 +1,14 @@
 ## Broker-agnostic admin pangel for Taskiq
 
+Standalone admin panel with all data stored in SQLite database
+
+
+- [Broker-agnostic admin pangel for Taskiq](#broker-agnostic-admin-pangel-for-taskiq)
+  - [Previews](#previews)
+  - [Usage](#usage)
+  - [Development](#development)
+
+### Previews
 Tasks Page | Task Details Page
 :-------------------------:|:-------------------------:
 ![Alt text](./docs/images/preview1.png) | ![Alt text](./docs/images/preview2.png)
@@ -67,7 +76,7 @@ class TaskiqAdminMiddleware(TaskiqMiddleware):
         return super().post_execute(message, result)
 ```
 
-2) Pull the image from DockerHub: `docker pull artur10/taskiq-admin:1.0.0`
+2) Pull the image from DockerHub: `docker pull artur10/taskiq-admin:1.1.0`
 
 3) Replace `ACCESS_TOKEN` with any secret enough string and run:
 ```bash
@@ -76,7 +85,12 @@ docker run -d --rm \
   -v ./taskiq-admin-data/:/usr/database/ \
   -e TASKIQ_ADMIN_API_TOKEN=supersecret \
   --name taskiq-admin \
-  artur10/taskiq-admin:1.0.0
+  artur10/taskiq-admin:1.1.0
 ```
 
-4) Go to `http://localhost:3000/tasks`
+4) Go to `http://localhost:3000/tasks`
+
+### Development
+1) Run `pnpm install` to install all dependencies
+2) Run `pnpm db:push` to create the sqlite database if needed
+3) Run `pnpm dev` to run the project

docs/images/preview1.png

@@ -2,13 +2,14 @@
   "name": "nuxt-app",
   "private": true,
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "db:push": "drizzle-kit push"
   },
   "dependencies": {
     "better-sqlite3": "^11.6.0",

docs/images/preview2.png

@@ -39,44 +39,55 @@ function limitText(text: string, length: number) {
 }
 
 function handleNext() {
-  router.push({
-    path: "/tasks",
-    query: {
-      page: page.value + 1,
-      search: searchRef.value || undefined,
-    },
-  })
+  if (page.value < totalPages.value) {
+    router.push({
+      path: "/tasks",
+      query: {
+        page: page.value + 1,
+        search: searchRef.value || undefined,
+      },
+    })
+  }
 }
 
 function handlePrev() {
-  router.push({
-    path: "/tasks",
-    query: {
-      page: page.value - 1,
-      search: searchRef.value || undefined,
-    },
-  })
+  if (page.value > 1) {
+    router.push({
+      path: "/tasks",
+      query: {
+        page: page.value - 1,
+        search: searchRef.value || undefined,
+      },
+    })
+  }
 }
 </script>
 
 <template>
   <div class="container-fluid py-4">
-    <form method="get" action="">
-      <div class="row mb-3">
-        <div class="col">
-          <div class="d-flex justify-content-end">
-            <input
-              type="search"
-              name="search"
-              class="form-control w-auto"
-              placeholder="Search tasks..."
-              v-model="searchRef"
-            />
-            <button type="submit" class="btn btn-primary ml-2">Search</button>
+    <div class="flex justify-between">
+      <div>
+        <button class="btn btn-outline-primary">
+          <NuxtLink to="/api/tasks/backup" target="_blank"> Backup </NuxtLink>
+        </button>
+      </div>
+      <form method="get" action="">
+        <div class="row mb-3">
+          <div class="col">
+            <div class="d-flex justify-content-end">
+              <input
+                type="search"
+                name="search"
+                class="form-control w-auto"
+                placeholder="Search tasks..."
+                v-model="searchRef"
+              />
+              <button type="submit" class="btn btn-primary ml-2">Search</button>
+            </div>
           </div>
         </div>
-      </div>
-    </form>
+      </form>
+    </div>
 
     <div class="table-responsive">
       <table class="table table-striped table-hover">

package.json

@@ -0,0 +1,10 @@
+import fs from "fs"
+import { envVariables } from "~/server/env"
+
+export default defineEventHandler(async (event) => {
+  const stream = fs.createReadStream(envVariables.dbFilePath)
+  setHeader(event, "Content-Type", "application/octet-stream")
+  setHeader(event, "Content-Disposition", 'attachment; filename="database.db"')
+
+  return sendStream(event, stream)
+})

src/pages/tasks/index.vue

@@ -1,3 +1,4 @@
 export const envVariables = {
+  dbFilePath: process.env.DB_FILE_PATH!,
   taskiqAdminApiToken: process.env.TASKIQ_ADMIN_API_TOKEN!,
 }