├── src-tauri ├── icons │ ├── icon.ico │ ├── icon.png │ ├── 32x32.png │ ├── icon.icns │ ├── 128x128.png │ ├── StoreLogo.png │ ├── 128x128@2x.png │ ├── Square30x30Logo.png │ ├── Square44x44Logo.png │ ├── Square71x71Logo.png │ ├── Square89x89Logo.png │ ├── Square107x107Logo.png │ ├── Square142x142Logo.png │ ├── Square150x150Logo.png │ ├── Square284x284Logo.png │ ├── Square310x310Logo.png │ ├── 128x128.png.license │ ├── 32x32.png.license │ ├── icon.icns.license │ ├── icon.ico.license │ ├── icon.png.license │ ├── 128x128@2x.png.license │ ├── StoreLogo.png.license │ ├── Square107x107Logo.png.license │ ├── Square142x142Logo.png.license │ ├── Square150x150Logo.png.license │ ├── Square284x284Logo.png.license │ ├── Square30x30Logo.png.license │ ├── Square310x310Logo.png.license │ ├── Square44x44Logo.png.license │ ├── Square71x71Logo.png.license │ └── Square89x89Logo.png.license ├── Cargo.lock.license ├── tauri.conf.json.license ├── .gitignore ├── build.rs ├── src │ ├── main.rs │ └── lib.rs ├── about.toml ├── capabilities │ ├── main.json │ └── main.json.license ├── Cargo.toml ├── about.hbs └── tauri.conf.json ├── version_info.json ├── tsconfig.json ├── yarn.lock.license ├── renovate.json.license ├── tsconfig.json.license ├── .prettierignore.license ├── .prettierrc.license ├── .vscode ├── settings.json.license └── settings.json ├── version_info.json.license ├── package.json.license ├── i18n ├── locales │ ├── de.json.license │ ├── en.json.license │ ├── es.json.license │ ├── fr.json.license │ ├── th.json.license │ ├── uk.json.license │ ├── pt_br.json.license │ ├── ru.json.license │ ├── tr.json.license │ └── zh_cn.json.license └── i18n.config.ts ├── scripts ├── delete-window-state-macos.sh.license ├── delete-window-state-macos.sh └── embed-license-reports.js ├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.md.license │ ├── feature_request.md.license │ ├── dependency_request.md.license │ ├── config.yml │ ├── feature_request.md │ ├── bug_report.md │ └── dependency_request.md ├── workflows │ ├── test_frontend.yml │ ├── provenance_check.yml │ ├── devskim.yml │ ├── test_tauri.yml │ └── release.yml └── pull_request_template.md ├── .prettierignore ├── utils ├── idGenerator.js ├── objects.ts ├── drag-n-drop.js ├── emitter.ts ├── themes.ts └── iconManager.ts ├── REUSE.toml ├── renovate.json ├── .gitignore ├── vitest.config.ts ├── .prettierrc ├── components ├── icon │ ├── PhPlusCircleDuotone.vue │ ├── Github.vue │ ├── Catppuccin.vue │ ├── Discord.vue │ ├── Arrow.vue │ └── Kanri.vue ├── kanban │ ├── TagDisplay.vue │ ├── ZoomAdjustment.vue │ ├── TagEdit.vue │ ├── BoardPreview.vue │ └── SearchBar.vue ├── ClickCounter.vue ├── HexColorInput.vue ├── Dropdown.vue ├── PinnedBar.vue ├── Tooltip.vue ├── modal │ ├── CardTags.vue │ ├── Changelog.vue │ ├── Confirmation.vue │ ├── RenameBoard.vue │ └── CustomBackground.vue ├── Modal.vue ├── LanguageSelector.vue ├── CustomThemeEditor.vue └── Sidebar.vue ├── SECURITY.md ├── eslint.config.js ├── LICENSES ├── MIT.txt └── CC0-1.0.txt ├── plugins ├── errorHandler.ts ├── importedDirectives.js └── directives.ts ├── stores ├── tauriStore.js ├── layout.ts ├── theme.ts └── settings.ts ├── app.vue ├── pages └── index.spec.ts ├── assets └── css │ ├── global.css │ └── scrollbars.css ├── test └── setup.ts ├── tailwind.config.js ├── Dockerfile.armv7 ├── Dockerfile.arm64 ├── nuxt.config.ts ├── types ├── kanban-types.d.ts └── json-schemas.ts ├── package.json ├── CONTRIBUTING.md ├── README.md ├── CODE_OF_CONDUCT.md └── composables └── useBoard.ts /src-tauri/icons/icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/icon.ico -------------------------------------------------------------------------------- /src-tauri/icons/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/icon.png -------------------------------------------------------------------------------- /src-tauri/icons/32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/32x32.png -------------------------------------------------------------------------------- /src-tauri/icons/icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/icon.icns -------------------------------------------------------------------------------- /src-tauri/icons/128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/128x128.png -------------------------------------------------------------------------------- /src-tauri/icons/StoreLogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/StoreLogo.png -------------------------------------------------------------------------------- /src-tauri/icons/128x128@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/128x128@2x.png -------------------------------------------------------------------------------- /version_info.json: -------------------------------------------------------------------------------- 1 | { 2 | "buildMajor": "0", 3 | "buildMinor": "8", 4 | "buildRevision": "2" 5 | } 6 | -------------------------------------------------------------------------------- /src-tauri/icons/Square30x30Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square30x30Logo.png -------------------------------------------------------------------------------- /src-tauri/icons/Square44x44Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square44x44Logo.png -------------------------------------------------------------------------------- /src-tauri/icons/Square71x71Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square71x71Logo.png -------------------------------------------------------------------------------- /src-tauri/icons/Square89x89Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square89x89Logo.png -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | // https://v3.nuxtjs.org/concepts/typescript 3 | "extends": "./.nuxt/tsconfig.json" 4 | } 5 | -------------------------------------------------------------------------------- /src-tauri/icons/Square107x107Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square107x107Logo.png -------------------------------------------------------------------------------- /src-tauri/icons/Square142x142Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square142x142Logo.png -------------------------------------------------------------------------------- /src-tauri/icons/Square150x150Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square150x150Logo.png -------------------------------------------------------------------------------- /src-tauri/icons/Square284x284Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square284x284Logo.png -------------------------------------------------------------------------------- /src-tauri/icons/Square310x310Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanriapp/kanri/HEAD/src-tauri/icons/Square310x310Logo.png -------------------------------------------------------------------------------- /yarn.lock.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: CC0-1.0 4 | -------------------------------------------------------------------------------- /renovate.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: CC0-1.0 4 | -------------------------------------------------------------------------------- /tsconfig.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: CC0-1.0 4 | -------------------------------------------------------------------------------- /.prettierignore.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /.prettierrc.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /.vscode/settings.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: CC0-1.0 4 | -------------------------------------------------------------------------------- /version_info.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: CC0-1.0 4 | -------------------------------------------------------------------------------- /package.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /src-tauri/Cargo.lock.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/de.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/en.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/es.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , Chadowo 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/fr.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , RReldiv 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/th.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , Warut92 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/uk.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , D9d9vadya 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /src-tauri/tauri.conf.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/pt_br.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , RBRapha 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/ru.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , RomanPro100 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /scripts/delete-window-state-macos.sh.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /src-tauri/icons/128x128.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/32x32.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/icon.icns.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/icon.ico.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/icon.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | src-tauri 2 | dist 3 | .nuxt 4 | .output 5 | node_modules 6 | coverage 7 | build 8 | logs 9 | *.log 10 | *.min.js 11 | *.min.css 12 | -------------------------------------------------------------------------------- /src-tauri/icons/128x128@2x.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/StoreLogo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square107x107Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square142x142Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square150x150Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square284x284Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square30x30Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square310x310Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square44x44Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square71x71Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /src-tauri/icons/Square89x89Logo.png.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/dependency_request.md.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/tr.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , Taiizor 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /i18n/locales/zh_cn.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , GU XI FENG 2 | 3 | SPDX-License-Identifier: Apache-2.0 4 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.codeActionsOnSave": { 3 | "source.fixAll": "never", 4 | "source.fixAll.eslint": "always" 5 | }, 6 | "eslint.useFlatConfig": true 7 | } 8 | -------------------------------------------------------------------------------- /i18n/i18n.config.ts: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | // 3 | // SPDX-License-Identifier: CC0-1.0 4 | 5 | export default defineI18nConfig(() => { 6 | return { 7 | fallbackLocale: "en", 8 | } 9 | }) 10 | -------------------------------------------------------------------------------- /utils/idGenerator.js: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | // 3 | // SPDX-License-Identifier: Apache-2.0 4 | import { createId } from "@paralleldrive/cuid2"; 5 | 6 | export function generateUniqueID() { 7 | return createId(); 8 | } 9 | -------------------------------------------------------------------------------- /src-tauri/.gitignore: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: CC0-1.0 4 | 5 | # Generated by Cargo 6 | # will have compiled files and executables 7 | /target/ 8 | WixTools 9 | /gen/schemas/* 10 | /gen/* -------------------------------------------------------------------------------- /src-tauri/build.rs: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: 2019-2022, The Tauri Programme in the Commons Conservancy 2 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 3 | // 4 | // SPDX-License-Identifier: Apache-2.0 5 | // SPDX-License-Identifier: MIT 6 | 7 | fn main() { 8 | tauri_build::build() 9 | } 10 | -------------------------------------------------------------------------------- /REUSE.toml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: CC0-1.0 4 | 5 | version = 1 6 | SPDX-PackageName = "kanri" 7 | SPDX-PackageSupplier = "trobonox " 8 | SPDX-PackageDownloadLocation = "https://github.com/kanriapp/kanri" 9 | annotations = [] 10 | -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://docs.renovatebot.com/renovate-schema.json", 3 | "extends": ["config:recommended"], 4 | "packageRules": [ 5 | { 6 | "groupName": "all non-major dependencies", 7 | "groupSlug": "all-minor-patch", 8 | "matchUpdateTypes": ["minor", "patch"], 9 | "matchPackageNames": ["*"] 10 | } 11 | ] 12 | } 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: CC0-1.0 4 | 5 | node_modules 6 | *.log* 7 | .nuxt 8 | .nitro 9 | .cache 10 | .output 11 | .env 12 | .idea 13 | dist/* 14 | dist 15 | 16 | LICENSES_3RD_PARTY.txt 17 | src-tauri/license.html 18 | 19 | src-tauri/gen/* 20 | src-tauri/gen/schemas -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | blank_issues_enabled: true 6 | contact_links: 7 | - name: Official Kanri Discord server 8 | url: https://discord.gg/AVqHrvxB9C 9 | about: Talk to the developer, community and request support or provide feedback. 10 | -------------------------------------------------------------------------------- /src-tauri/src/main.rs: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: 2019-2022, The Tauri Programme in the Commons Conservancy 2 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 3 | // 4 | // SPDX-License-Identifier: Apache-2.0 5 | // SPDX-License-Identifier: MIT 6 | 7 | #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")] 8 | 9 | fn main() { 10 | app_lib::run(); 11 | } 12 | -------------------------------------------------------------------------------- /scripts/delete-window-state-macos.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | TARGET_DIR="$HOME/Library/Application Support/tech.trobonox.kanri" 4 | TARGET_FILE=".window-state.json" 5 | 6 | FILE_PATH="$TARGET_DIR/$TARGET_FILE" 7 | 8 | if [ -f "$FILE_PATH" ]; then 9 | echo "Found .window-state.json at $FILE_PATH..." 10 | rm "$FILE_PATH" 11 | echo "Deleted $FILE_PATH" 12 | else 13 | echo "File not found: $FILE_PATH" 14 | fi -------------------------------------------------------------------------------- /utils/objects.ts: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | // 3 | // SPDX-License-Identifier: Apache-2.0 4 | 5 | export function findObjectById>( 6 | objectArray: Array, 7 | objectId: string 8 | ) { 9 | return objectArray.filter((object: Partial<{ id: string }>) => { 10 | return object.id == objectId; 11 | })[0]; 12 | } 13 | -------------------------------------------------------------------------------- /src-tauri/about.toml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | accepted = [ 6 | "Apache-2.0", 7 | "Apache-2.0 WITH LLVM-exception", 8 | "MIT", 9 | "BSD-3-Clause", 10 | "MPL-2.0", 11 | "Unicode-DFS-2016", 12 | "Unicode-3.0", 13 | "CC0-1.0", 14 | "MIT-0", 15 | "GPL-3.0", # this is for Kanri itself 16 | "ISC" 17 | ] 18 | -------------------------------------------------------------------------------- /vitest.config.ts: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | // 3 | // SPDX-License-Identifier: CC0-1.0 4 | 5 | import { defineVitestConfig } from "@nuxt/test-utils/config"; 6 | 7 | export default defineVitestConfig({ 8 | test: { 9 | environment: "nuxt", 10 | setupFiles: ["./test/setup.ts"], 11 | environmentOptions: { 12 | nuxt: { 13 | domEnvironment: "jsdom", 14 | }, 15 | }, 16 | }, 17 | }); 18 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 80, 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": true, 6 | "singleQuote": false, 7 | "quoteProps": "as-needed", 8 | "jsxSingleQuote": false, 9 | "trailingComma": "es5", 10 | "bracketSpacing": true, 11 | "jsxBracketSameLine": false, 12 | "arrowParens": "always", 13 | "proseWrap": "preserve", 14 | "htmlWhitespaceSensitivity": "css", 15 | "endOfLine": "lf", 16 | "embeddedLanguageFormatting": "auto" 17 | } 18 | -------------------------------------------------------------------------------- /components/icon/PhPlusCircleDuotone.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 15 | -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | 6 | 7 | # Security Policy 8 | 9 | ## Supported Versions 10 | 11 | Since this app is constantly changing and previous versions are not receiving any bug fixes, only the latest version has proper support. 12 | 13 | | Version | Supported | 14 | | ------- | ------------------ | 15 | | 0.8.2 | :white_check_mark: | 16 | | < 0.8.2 | :x: | 17 | 18 | ## Reporting a Vulnerability 19 | 20 | If you find any vulnerability, please write an email at hello@trobo.dev with a short description, reproduction steps and possible attacks. 21 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | - OS: [e.g. Fedora Linux 42, Windows 11, ...] 28 | - App version [e.g. 22] 29 | 30 | **Additional context** 31 | Add any other context about the problem here. 32 | -------------------------------------------------------------------------------- /.github/workflows/test_frontend.yml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | name: "Test frontend on pull requests" 6 | permissions: 7 | contents: read 8 | pull-requests: write 9 | on: 10 | pull_request: 11 | types: [ opened, reopened ] 12 | branches: 13 | - main 14 | paths: 15 | - 'package.json' 16 | - 'yarn.lock' 17 | 18 | jobs: 19 | test-frontend: 20 | strategy: 21 | fail-fast: false 22 | 23 | runs-on: ubuntu-22.04 24 | steps: 25 | - uses: actions/checkout@93cb6efe18208431cddfb8368fd83d5badbf9bfd # v5 26 | - name: setup node 27 | uses: actions/setup-node@v4 28 | with: 29 | node-version: 22 30 | - name: install app dependencies and build it 31 | run: yarn && yarn generate 32 | -------------------------------------------------------------------------------- /.github/workflows/provenance_check.yml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | name: Test Dependency Provenance 6 | on: 7 | pull_request: 8 | branches: 9 | - main 10 | paths: 11 | # Trigger a run only on PRs that change the lockfile 12 | - package-lock.json 13 | - yarn.lock 14 | 15 | permissions: 16 | contents: read 17 | jobs: 18 | check-provenance: 19 | runs-on: ubuntu-latest 20 | steps: 21 | - uses: actions/checkout@v4 22 | with: 23 | fetch-depth: 0 24 | - name: Check provenance downgrades 25 | uses: danielroe/provenance-action@main 26 | id: check 27 | with: 28 | fail-on-provenance-change: true 29 | - name: Print result 30 | run: "echo 'Downgraded: ${{ steps.check.outputs.downgraded }}'" 31 | -------------------------------------------------------------------------------- /.github/workflows/devskim.yml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | name: DevSkim 6 | 7 | on: 8 | push: 9 | branches: [ "main" ] 10 | pull_request: 11 | branches: [ "main" ] 12 | schedule: 13 | - cron: '33 12 * * 4' 14 | 15 | jobs: 16 | lint: 17 | name: DevSkim 18 | runs-on: ubuntu-22.04 19 | permissions: 20 | actions: read 21 | contents: read 22 | security-events: write 23 | steps: 24 | - name: Checkout code 25 | uses: actions/checkout@v5 26 | 27 | - name: Run DevSkim scanner 28 | uses: microsoft/DevSkim-Action@v1 29 | 30 | - name: Upload DevSkim scan results to GitHub Security tab 31 | uses: github/codeql-action/upload-sarif@v3 32 | with: 33 | sarif_file: devskim-results.sarif 34 | -------------------------------------------------------------------------------- /src-tauri/capabilities/main.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "../gen/schemas/desktop-schema.json", 3 | "identifier": "main-capability", 4 | "description": "Capability for the main window", 5 | "windows": [ 6 | "main" 7 | ], 8 | "permissions": [ 9 | "core:default", 10 | "core:image:default", 11 | "core:window:allow-show", 12 | "core:window:allow-hide", 13 | "core:app:allow-app-show", 14 | "core:app:allow-app-hide", 15 | "core:window:default", 16 | "store:default", 17 | "dialog:allow-open", 18 | "dialog:default", 19 | "autostart:default", 20 | "log:default", 21 | "fs:default", 22 | "fs:allow-read", 23 | "fs:allow-write", 24 | "fs:allow-read-text-file", 25 | "fs:allow-write-text-file", 26 | "window-state:default" 27 | ] 28 | } 29 | -------------------------------------------------------------------------------- /components/icon/Github.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 18 | -------------------------------------------------------------------------------- /src-tauri/capabilities/main.json.license: -------------------------------------------------------------------------------- 1 | SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/dependency_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Dependency Request 3 | about: Request a dependency that you want to use in one of your pull requests 4 | title: '' 5 | labels: dependency request 6 | assignees: trobonox 7 | 8 | --- 9 | 10 | **What dependency do you want to use?** 11 | Specify the exact package name on npm and also a version number you require. 12 | 13 | **What feature do you want to implement using this dependency** 14 | Short description of what you want to add. 15 | 16 | **Have you tried to implement your feature with currently added libraries?** 17 | Describe why exactly you would need this dependency and why it's not possible to implement your feature without it or another similar library. 18 | 19 | **Do you have any alternative libraries you could use to achieve the same result?** 20 | If there is a better known, more maintained or more trustworthy library/libraries, please list them here. 21 | 22 | **Additional context** 23 | Add any other context or screenshots about the dependency request here. 24 | -------------------------------------------------------------------------------- /eslint.config.js: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | // 3 | // SPDX-License-Identifier: CC0-1.0 4 | 5 | import withNuxt from "./.nuxt/eslint.config.mjs"; 6 | import tailwind from "eslint-plugin-tailwindcss"; 7 | import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended"; 8 | 9 | export default withNuxt( 10 | ...tailwind.configs["flat/recommended"], 11 | eslintPluginPrettierRecommended, 12 | { 13 | files: ["**/*.ts", "**/*.vue"], 14 | rules: { 15 | "no-undef": "off", 16 | "tailwindcss/no-custom-classname": "off", 17 | "vue/html-indent": "off", 18 | "vue/multi-word-component-names": "off", 19 | "vue/v-on-event-hyphenation": "off", 20 | "@typescript-eslint/no-invalid-void-type": "off", 21 | "@typescript-eslint/unified-signatures": "off", 22 | "prettier/prettier": "error", // Treat Prettier issues as ESLint errors 23 | }, 24 | }, 25 | { 26 | ignores: ["src-tauri/**/*", "dist/**/*", "pages/licenses/**/*"], 27 | } 28 | ); 29 | -------------------------------------------------------------------------------- /LICENSES/MIT.txt: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 4 | 5 | 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: 6 | 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 8 | 9 | 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. 10 | -------------------------------------------------------------------------------- /plugins/errorHandler.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { error } from "@tauri-apps/plugin-log"; 23 | 24 | export default defineNuxtPlugin((nuxtApp) => { 25 | nuxtApp.hook("vue:error", (err, instance, info) => { 26 | error("Vue error: " + err + " ; " + info); 27 | }); 28 | }); 29 | -------------------------------------------------------------------------------- /stores/tauriStore.js: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { defineStore } from "pinia"; 23 | import { LazyStore } from "@tauri-apps/plugin-store"; 24 | 25 | export const useTauriStore = defineStore("tauriStore", { 26 | state: () => { 27 | return { store: new LazyStore(".kanri.dat") }; 28 | }, 29 | }); 30 | -------------------------------------------------------------------------------- /app.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 12 | 13 | 48 | -------------------------------------------------------------------------------- /plugins/importedDirectives.js: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { defineNuxtPlugin } from "#imports"; 23 | import VCalendar from "v-calendar"; 24 | import "v-calendar/style.css"; 25 | import VueDragscroll from "vue-dragscroll"; 26 | 27 | export default defineNuxtPlugin(({ vueApp }) => { 28 | vueApp.use(VueDragscroll); 29 | vueApp.use(VCalendar); 30 | }); 31 | -------------------------------------------------------------------------------- /components/icon/Catppuccin.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 13 | -------------------------------------------------------------------------------- /pages/index.spec.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { it, expect, describe } from "vitest"; 23 | import { mountSuspended } from "@nuxt/test-utils/runtime"; 24 | import Index from "@/pages/index.vue"; 25 | 26 | describe("Index", () => { 27 | it("should render", async () => { 28 | const page = await mountSuspended(Index); 29 | expect(page.html()).toContain("Welcome back to Kanri!"); 30 | }); 31 | }); 32 | -------------------------------------------------------------------------------- /components/icon/Discord.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 18 | -------------------------------------------------------------------------------- /assets/css/global.css: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | body { 23 | overscroll-behavior: none; 24 | scroll-behavior: smooth; 25 | background-color: #111112; 26 | } 27 | 28 | .smooth-dnd-container { 29 | min-height: 40px !important; 30 | } 31 | 32 | body:has(> .disable-animations) * { 33 | -webkit-transition: none !important; 34 | -moz-transition: none !important; 35 | -o-transition: none !important; 36 | transition: none !important; 37 | } 38 | -------------------------------------------------------------------------------- /test/setup.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { config } from "@vue/test-utils"; 23 | import { createI18n } from "vue-i18n"; 24 | import en from "@/locales/en.json"; 25 | import { vi } from "vitest"; 26 | 27 | config.global.plugins.push( 28 | createI18n({ 29 | legacy: false, 30 | locale: "en", 31 | messages: { en }, 32 | }) 33 | ); 34 | 35 | if (typeof window !== "undefined") { 36 | window.__TAURI_IPC__ = vi.fn(); 37 | } 38 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | // 3 | // SPDX-License-Identifier: CC0-1.0 4 | 5 | module.exports = { 6 | content: [], 7 | plugins: [], 8 | theme: { 9 | extend: { 10 | keyframes: { 11 | slideDownAndFade: { 12 | from: { opacity: 0, transform: "translateY(-2px)" }, 13 | to: { opacity: 1, transform: "translateY(0)" }, 14 | }, 15 | slideLeftAndFade: { 16 | from: { opacity: 0, transform: "translateX(2px)" }, 17 | to: { opacity: 1, transform: "translateX(0)" }, 18 | }, 19 | slideUpAndFade: { 20 | from: { opacity: 0, transform: "translateY(2px)" }, 21 | to: { opacity: 1, transform: "translateY(0)" }, 22 | }, 23 | slideRightAndFade: { 24 | from: { opacity: 0, transform: "translateX(-2px)" }, 25 | to: { opacity: 1, transform: "translateX(0)" }, 26 | }, 27 | }, 28 | animation: { 29 | slideDownAndFade: 30 | "slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)", 31 | slideLeftAndFade: 32 | "slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)", 33 | slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)", 34 | slideRightAndFade: 35 | "slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)", 36 | }, 37 | }, 38 | }, 39 | }; 40 | -------------------------------------------------------------------------------- /Dockerfile.armv7: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , Vexcited 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | FROM debian:sid 6 | ARG DEBIAN_FRONTEND=noninteractive 7 | 8 | # Add ARMHF architecture *first* 9 | RUN dpkg --add-architecture armhf 10 | 11 | # Update and upgrade *before* installing anything 12 | RUN apt update && apt upgrade -y 13 | 14 | RUN apt install rustup -y 15 | RUN rustup default stable 16 | 17 | # Install the ARMHF target libraries 18 | RUN apt-get install -y \ 19 | build-essential \ 20 | libc6:armhf \ 21 | libc6-dev:armhf \ 22 | libapparmor1:armhf \ 23 | libwebkit2gtk-4.1-dev:armhf \ 24 | libssl-dev:armhf \ 25 | gcc-arm-linux-gnueabihf \ 26 | g++-arm-linux-gnueabihf \ 27 | libbz2-dev 28 | 29 | RUN rustup target add armv7-unknown-linux-gnueabihf 30 | RUN rustup toolchain install stable-armv7-unknown-linux-gnueabihf 31 | RUN cargo install --version 2.8.4 tauri-cli 32 | WORKDIR /app 33 | 34 | ENV CARGO_TARGET_ARMV7_UNKNOWN_LINUX_GNUEABIHF_LINKER=arm-linux-gnueabihf-gcc \ 35 | CC_armv7_unknown_linux_gnueabihf=arm-linux-gnueabihf-gcc \ 36 | CXX_armv7_unknown_linux_gnueabihf=arm-linux-gnueabihf-g++ \ 37 | PKG_CONFIG_PATH=/usr/lib/arm-linux-gnueabihf/pkgconfig \ 38 | PKG_CONFIG_ALLOW_CROSS=1 39 | WORKDIR /app/src-tauri 40 | CMD ["cargo", "tauri", "build", "-b", "deb", "--target", "armv7-unknown-linux-gnueabihf"] 41 | -------------------------------------------------------------------------------- /.github/workflows/test_tauri.yml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | name: "Test Tauri app on pull requests" 6 | permissions: 7 | contents: read 8 | pull-requests: write 9 | on: 10 | pull_request: 11 | types: [ opened, reopened ] 12 | branches: 13 | - main 14 | paths: 15 | - '.github/workflows/**' 16 | - 'src/**' 17 | - 'src-tauri/**' 18 | 19 | jobs: 20 | test-tauri: 21 | strategy: 22 | fail-fast: false 23 | matrix: 24 | platform: [ubuntu-22.04] 25 | 26 | runs-on: ${{ matrix.platform }} 27 | steps: 28 | - uses: actions/checkout@93cb6efe18208431cddfb8368fd83d5badbf9bfd # v5 29 | - name: setup node 30 | uses: actions/setup-node@v4 31 | with: 32 | node-version: 22 33 | - name: install Rust stable 34 | uses: actions-rs/toolchain@v1 35 | with: 36 | toolchain: stable 37 | - name: install dependencies (ubuntu only) 38 | if: matrix.platform == 'ubuntu-22.04' 39 | run: | 40 | sudo apt-get update 41 | sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.1-dev libayatana-appindicator3-dev librsvg2-dev 42 | - name: install app dependencies and build it 43 | run: yarn && yarn generate 44 | - uses: tauri-apps/tauri-action@v0 45 | env: 46 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 47 | -------------------------------------------------------------------------------- /components/kanban/TagDisplay.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 30 | 31 | 43 | -------------------------------------------------------------------------------- /components/icon/Arrow.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 22 | -------------------------------------------------------------------------------- /Dockerfile.arm64: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , Vexcited 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | FROM debian:sid 6 | ARG DEBIAN_FRONTEND=noninteractive 7 | 8 | # Add ARMHF architecture *first* 9 | RUN dpkg --add-architecture arm64 10 | 11 | # Update and upgrade *before* installing anything 12 | RUN apt update && apt upgrade -y 13 | 14 | RUN apt install rustup -y 15 | RUN rustup default stable 16 | 17 | RUN apt-get install -y build-essential \ 18 | curl \ 19 | wget \ 20 | libssl-dev \ 21 | libgtk-3-dev \ 22 | libayatana-appindicator3-dev \ 23 | librsvg2-dev 24 | 25 | # Install the ARMHF target libraries 26 | RUN apt-get install -y \ 27 | libc6:arm64 \ 28 | libc6-dev:arm64 \ 29 | libapparmor1:arm64 \ 30 | libwebkit2gtk-4.1-dev:arm64 \ 31 | libssl-dev:arm64 \ 32 | gcc-aarch64-linux-gnu \ 33 | g++-aarch64-linux-gnu 34 | 35 | RUN rustup target add aarch64-unknown-linux-gnu 36 | RUN rustup toolchain install stable-aarch64-unknown-linux-gnu 37 | RUN cargo install --version 2.8.4 tauri-cli 38 | WORKDIR /app 39 | 40 | ENV CARGO_TARGET_AARCH64_UNKNOWN_LINUX_GNU_LINKER=aarch64-linux-gnu-gcc \ 41 | CC_aarch64-unknown-linux-gnu=aarch64-linux-gnu-gcc \ 42 | CXX_aarch64-unknown-linux-gnu=aarch64-linux-gnu-g++ \ 43 | PKG_CONFIG_PATH=/usr/lib/aarch64-linux-gnu/pkgconfig \ 44 | PKG_CONFIG_ALLOW_CROSS=1 45 | WORKDIR /app/src-tauri 46 | CMD ["cargo" ,"tauri", "build", "-b", "deb", "--target", "aarch64-unknown-linux-gnu"] 47 | -------------------------------------------------------------------------------- /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | 6 | 7 | # Pull request 8 | 9 | * [ ] Have you followed the guidelines in our Contributing document? 10 | * [ ] Have you checked to ensure there aren't other open [Pull Requests](../../../pulls) for the same update/change? 11 | * [ ] Are your git commits signed with a valid GPG key? 12 | 13 | 14 | 15 | ### New Feature Submissions: 16 | 1. [ ] Did you lint your code locally before submission? 17 | 2. [ ] Did you test your feature thoroughly to ensure there are no bugs? 18 | 3. [ ] Does your feature introduce breaking changes? 19 | 20 | ### Changes to Core Features: 21 | 22 | * [ ] Have you added an explanation of what your changes do and why you'd like us to include them? 23 | 24 | * [ ] Have you written new tests for your core changes, as applicable? 25 | * [ ] Have you successfully run tests with your changes locally? 26 | 27 | ### Please describe your changes 28 | * What kind of change does this PR introduce? (Bug fix, feature, docs update, ...) 29 | * Describe what your code exactly does and if it affects any other part of the code in any way (especially check for breaking changes) 30 | 31 | ### Additional context 32 | 33 | -------------------------------------------------------------------------------- /src-tauri/Cargo.toml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | [package] 6 | name = "kanri" 7 | version = "0.8.2" 8 | description = "Offline kanban board application" 9 | authors = ["trobonox"] 10 | license = "GPL-3.0" 11 | repository = "https://github.com/trobonox/kanri" 12 | default-run = "kanri" 13 | edition = "2021" 14 | rust-version = "1.83" 15 | 16 | [lib] 17 | name = "app_lib" 18 | crate-type = ["staticlib", "cdylib", "rlib"] 19 | 20 | # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html 21 | 22 | [build-dependencies] 23 | tauri-build = { version = "2", features = [] } 24 | 25 | [dependencies] 26 | serde_json = "1.0.145" 27 | serde = { version = "1.0", features = ["derive"] } 28 | tauri = { version = "2.8.0", features = ["protocol-asset"] } 29 | tauri-plugin-persisted-scope = { features = ["protocol-asset"], version = "2.3.2" } 30 | ignore = "=0.4.23" 31 | tauri-plugin-store = "2.4.0" 32 | tauri-plugin-log = "2.7.0" 33 | tauri-plugin-dialog = "2.4.0" 34 | tauri-plugin-os = "2.2.0" 35 | tauri-plugin-fs = "2.4.2" 36 | 37 | [features] 38 | # by default Tauri runs in production mode 39 | # when `tauri dev` runs it is executed with `cargo run --no-default-features` if `devPath` is an URL 40 | default = ["custom-protocol"] 41 | # this feature is used used for production builds where `devPath` points to the filesystem 42 | # DO NOT remove this 43 | custom-protocol = ["tauri/custom-protocol"] 44 | 45 | [target."cfg(not(any(target_os = \"android\", target_os = \"ios\")))".dependencies] 46 | tauri-plugin-autostart = "2" 47 | tauri-plugin-single-instance = "2.3.4" 48 | tauri-plugin-window-state = { version = "2" } 49 | -------------------------------------------------------------------------------- /plugins/directives.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | export default defineNuxtPlugin((nuxtApp) => { 23 | nuxtApp.vueApp.directive("resizable", { 24 | mounted: function (el) { 25 | el.addEventListener("input", function (e: any) { // TODO: fix types 26 | e.target.style.height = "auto"; 27 | e.target.style.height = 28 | (parseInt(e.target.scrollHeight) + 2).toString() + "px"; 29 | }); 30 | }, 31 | }); 32 | 33 | nuxtApp.vueApp.directive("focus", { 34 | mounted: function (el) { 35 | el.focus(); 36 | }, 37 | }); 38 | 39 | nuxtApp.vueApp.directive("disable-spellcheck", { 40 | mounted: function (el) { 41 | el.setAttribute("autocomplete", "off"); 42 | el.setAttribute("autocorrect", "off"); 43 | el.setAttribute("autocapitalize", "off"); 44 | el.setAttribute("spellcheck", "false"); 45 | }, 46 | }); 47 | }); 48 | -------------------------------------------------------------------------------- /nuxt.config.ts: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gitoak 2 | // 3 | // SPDX-License-Identifier: CC0-1.0 4 | 5 | import "node:path"; 6 | import license from "rollup-plugin-license"; 7 | 8 | // https://v3.nuxtjs.org/api/configuration/nuxt.config 9 | export default defineNuxtConfig({ 10 | app: { pageTransition: { mode: "out-in", name: "page" } }, 11 | css: ["@/assets/css/scrollbars.css", "@/assets/css/global.css"], 12 | devtools: { 13 | enabled: false, 14 | }, 15 | modules: [ 16 | "@nuxtjs/tailwindcss", 17 | "@pinia/nuxt", 18 | "@vueuse/nuxt", 19 | "radix-vue/nuxt", 20 | "@nuxtjs/i18n", 21 | "@nuxt/eslint", 22 | ], 23 | ssr: false, 24 | telemetry: false, 25 | vite: { 26 | plugins: [ 27 | license({ 28 | thirdParty: { 29 | includePrivate: true, 30 | output: "./LICENSES_3RD_PARTY.txt", 31 | }, 32 | }), 33 | ], 34 | }, 35 | i18n: { 36 | locales: [ 37 | { code: "en", name: "English", file: "en.json" }, 38 | { code: "de", name: "Deutsch", file: "de.json" }, 39 | { code: "es", name: "Español", file: "es.json" }, 40 | { code: "pt_br", name: "Português (Brasil)", file: "pt_br.json" }, 41 | { code: "zh_cn", name: "简体中文", file: "zh_cn.json" }, 42 | { code: "ru", name: "Русский", file: "ru.json" }, 43 | { code: "uk", name: "українська", file: "uk.json" }, 44 | { code: "fr", name: "Français", file: "fr.json" }, 45 | { code: "tr", name: "Türkçe", file: "tr.json" }, 46 | { code: "th", name: "ภาษาไทย", file: "th.json" }, 47 | ], 48 | defaultLocale: "en", 49 | langDir: "locales/", 50 | strategy: "no_prefix", 51 | skipSettingLocaleOnNavigate: false, 52 | detectBrowserLanguage: false 53 | }, 54 | compatibilityDate: "2024-11-01", 55 | }); 56 | -------------------------------------------------------------------------------- /src-tauri/about.hbs: -------------------------------------------------------------------------------- 1 | {{!-- 2 | SPDX-FileCopyrightText: 2022-2025 trobonox 3 | 4 | SPDX-License-Identifier: Apache-2.0 5 | --}} 6 | 7 | 8 | 9 | 10 | 19 | 20 | 21 | 22 |
23 |
24 |

25 | Third Party Licenses 26 |

27 |

28 | This page lists the licenses of the projects used in kanri. 29 |

30 |
31 | 32 |

33 | Overview of licenses: 34 |

35 |
    36 | {{#each overview}} 37 |
  • {{name}} ({{count}})
    • 38 | {{/each}} 39 |
40 | 41 |

42 | All license text: 43 |

44 |
    45 | {{#each licenses}} 46 |
  • 47 |

    {{name}}

    48 |

    Used by:

    49 | 54 | 
    {{text}}
    55 |
    • 56 | {{/each}} 57 |
58 |
59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /components/ClickCounter.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 25 | 26 | 58 | -------------------------------------------------------------------------------- /src-tauri/src/lib.rs: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: 2019-2022, The Tauri Programme in the Commons Conservancy 2 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 3 | // 4 | // SPDX-License-Identifier: Apache-2.0 5 | // SPDX-License-Identifier: MIT 6 | 7 | #![cfg_attr( 8 | all(not(debug_assertions), target_os = "windows"), 9 | windows_subsystem = "windows" 10 | )] 11 | 12 | use tauri::Manager; 13 | use tauri_plugin_autostart::MacosLauncher; 14 | 15 | #[cfg_attr(mobile, tauri::mobile_entry_point)] 16 | pub fn run() { 17 | #[cfg(target_os = "linux")] 18 | { 19 | if std::path::Path::new("/dev/dri").exists() 20 | && std::env::var("WAYLAND_DISPLAY").is_err() 21 | && std::env::var("XDG_SESSION_TYPE").unwrap_or_default() == "x11" 22 | { 23 | std::env::set_var("WEBKIT_DISABLE_DMABUF_RENDERER", "1"); 24 | } 25 | std::env::set_var("WEBKIT_DISABLE_COMPOSITING_MODE", "1"); 26 | } 27 | 28 | tauri::Builder::default() 29 | .plugin(tauri_plugin_os::init()) 30 | .plugin(tauri_plugin_fs::init()) 31 | .plugin(tauri_plugin_dialog::init()) 32 | .plugin(tauri_plugin_log::Builder::new().build()) 33 | .plugin(tauri_plugin_window_state::Builder::default().build()) 34 | .plugin(tauri_plugin_store::Builder::default().build()) 35 | .plugin(tauri_plugin_persisted_scope::init()) 36 | .plugin(tauri_plugin_autostart::init( 37 | MacosLauncher::LaunchAgent, 38 | None, 39 | )) 40 | .setup(|app| { 41 | #[cfg(desktop)] 42 | let _ = app.handle().plugin(tauri_plugin_single_instance::init(|app, _args,_cwd| { 43 | let _ = app.get_webview_window("main") 44 | .expect("no main window") 45 | .set_focus(); 46 | })); 47 | Ok(()) 48 | }) 49 | .run(tauri::generate_context!()) 50 | .expect("error while running tauri application"); 51 | } 52 | -------------------------------------------------------------------------------- /utils/drag-n-drop.js: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | // 3 | // SPDX-License-Identifier: Apache-2.0 4 | 5 | export function applyDrag(arr, dragResult) { 6 | const { addedIndex, payload, removedIndex } = dragResult; 7 | if (removedIndex === null && addedIndex === null) return arr; 8 | 9 | const result = [...arr]; 10 | let itemToAdd = payload; 11 | 12 | if (removedIndex !== null) { 13 | // Try to locate the item to remove in a robust way: 14 | // 1. Prefer strict identity match 15 | // 2. If that fails, try matching by common id fields (id, ID, _id) 16 | // 3. Fallback to using the provided removedIndex (if in range) 17 | let indexToRemove = -1; 18 | 19 | if (payload != null) { 20 | indexToRemove = result.findIndex(item => item === payload); 21 | 22 | if (indexToRemove === -1) { 23 | const payloadId = payload && (payload.id ?? payload.ID ?? payload._id); 24 | if (typeof payloadId !== 'undefined') { 25 | indexToRemove = result.findIndex(item => { 26 | if (!item) return false; 27 | const itemId = item.id ?? item.ID ?? item._id; 28 | return typeof itemId !== 'undefined' && itemId === payloadId; 29 | }); 30 | } 31 | } 32 | } 33 | 34 | // If we still didn't find it, fall back to the removedIndex if valid 35 | if (indexToRemove === -1) { 36 | if (Number.isInteger(removedIndex) && removedIndex >= 0 && removedIndex < result.length) { 37 | indexToRemove = removedIndex; 38 | } 39 | } 40 | 41 | if (indexToRemove !== -1) { 42 | itemToAdd = result.splice(indexToRemove, 1)[0]; 43 | } else { 44 | // Could not locate anything to remove; leave itemToAdd as the payload 45 | // (so it will be inserted if addedIndex is provided) 46 | } 47 | } 48 | 49 | if (addedIndex !== null) { 50 | // Clamp insertion index to valid bounds 51 | const insertIndex = Math.max(0, Math.min(result.length, addedIndex)); 52 | result.splice(insertIndex, 0, itemToAdd); 53 | } 54 | 55 | return result; 56 | } 57 | -------------------------------------------------------------------------------- /assets/css/scrollbars.css: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | .custom-scrollbar-hidden::-webkit-scrollbar { 23 | width: 0; 24 | height: 0; 25 | } 26 | 27 | .custom-scrollbar::-webkit-scrollbar { 28 | width: 12px; 29 | height: 16px; 30 | } 31 | 32 | .custom-scrollbar::-webkit-scrollbar-track { 33 | background: var(--elevation-1); 34 | box-shadow: inset 0 0 10px 0 var(--elevation-1); 35 | border-left: solid 6px var(--elevation-1); 36 | } 37 | 38 | .custom-scrollbar::-webkit-scrollbar-thumb { 39 | background: var(--elevation-2); 40 | box-shadow: inset 0 0 10px 0 var(-elevation-1); 41 | border-left: solid 6px var(--elevation-1); 42 | } 43 | 44 | .custom-scrollbar::-webkit-scrollbar-thumb:hover { 45 | background: var(--elevation-3); 46 | } 47 | 48 | .custom-scrollbar-horizontal::-webkit-scrollbar { 49 | width: 6px; 50 | height: 16px; 51 | } 52 | 53 | .custom-scrollbar-horizontal::-webkit-scrollbar-track { 54 | background: var(--elevation-1); 55 | border-radius: 8px; 56 | } 57 | 58 | .custom-scrollbar-horizontal::-webkit-scrollbar-thumb { 59 | background: var(--elevation-2); 60 | border-radius: 8px; 61 | } 62 | 63 | .custom-scrollbar-horizontal::-webkit-scrollbar-thumb:hover { 64 | background: var(--elevation-3); 65 | } 66 | -------------------------------------------------------------------------------- /utils/emitter.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , PwshLab 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import type { Board, Column, Tag } from "@/types/kanban-types"; 23 | 24 | import mitt from "mitt"; 25 | 26 | type Events = { 27 | closeKanbanPage: void; 28 | 29 | columnActionDone: void; 30 | columnDraggingOff: void; 31 | columnDraggingOn: void; 32 | 33 | createBoard: { columns?: Array; title: string }; 34 | 35 | enableColumnCardAddMode: string; 36 | enableColumnTitleEditing: string; 37 | 38 | hideSidebarBackArrow: void; 39 | 40 | globalTagsUpdated: { tags: Array | null | undefined }; 41 | 42 | modalEnableClickOutsideClose: void; 43 | modalPreventClickOutsideClose: void; 44 | 45 | openBoardDeleteModal: { description: string; index: number }; 46 | openBoardRenameModal: { board: Board; index: number }; 47 | openChangelogModal: void; 48 | openKanbanPage: void; 49 | openModalWithCustomDescription: { description: string }; 50 | boardDeletion: Board; 51 | 52 | resetColumnInputs: void; 53 | 54 | setAnimationsOff: void; 55 | setAnimationsOn: void; 56 | 57 | showSidebarBackArrow: void; 58 | updateColors: void; 59 | 60 | zIndexBack: void; 61 | zIndexDown: void; 62 | }; 63 | 64 | const emitter = mitt(); 65 | 66 | export default emitter; 67 | -------------------------------------------------------------------------------- /src-tauri/tauri.conf.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "..\\node_modules/@tauri-apps/cli\\schema.json", 3 | "build": { 4 | "beforeDevCommand": "yarn dev", 5 | "frontendDist": "../.output/public", 6 | "devUrl": "http://localhost:3000" 7 | }, 8 | "bundle": { 9 | "active": true, 10 | "category": "Productivity", 11 | "copyright": "© 2022-2025 Trobonox (hello@trobo.dev)", 12 | "targets": "all", 13 | "externalBin": [], 14 | "icon": [ 15 | "icons/32x32.png", 16 | "icons/128x128.png", 17 | "icons/128x128@2x.png", 18 | "icons/icon.icns", 19 | "icons/icon.ico" 20 | ], 21 | "windows": { 22 | "certificateThumbprint": null, 23 | "digestAlgorithm": "sha256", 24 | "timestampUrl": "" 25 | }, 26 | "longDescription": "Kanban board application made for offline usage", 27 | "macOS": { 28 | "entitlements": null, 29 | "exceptionDomain": "", 30 | "frameworks": [], 31 | "providerShortName": null, 32 | "signingIdentity": null 33 | }, 34 | "resources": [], 35 | "shortDescription": "Kanri", 36 | "linux": { 37 | "deb": { 38 | "depends": [] 39 | } 40 | } 41 | }, 42 | "productName": "kanri", 43 | "mainBinaryName": "kanri", 44 | "version": "0.8.2", 45 | "identifier": "tech.trobonox.kanri", 46 | "plugins": {}, 47 | "app": { 48 | "windows": [ 49 | { 50 | "fullscreen": false, 51 | "height": 800, 52 | "resizable": true, 53 | "title": "Kanri", 54 | "width": 1400, 55 | "center": true, 56 | "visible": false 57 | } 58 | ], 59 | "security": { 60 | "assetProtocol": { 61 | "scope": [ 62 | "/**/*" 63 | ], 64 | "enable": true 65 | }, 66 | "csp": { 67 | "default-src": "'self' customprotocol: asset:", 68 | "connect-src": "'self' ipc: http://ipc.localhost", 69 | "img-src": "'self' asset: http://asset.localhost blob: data:", 70 | "style-src": "'unsafe-inline' 'self'", 71 | "style-scr-elem": "'unsafe-inline' 'self'", 72 | "font-src": "'self' data:" 73 | } 74 | } 75 | } 76 | } 77 | -------------------------------------------------------------------------------- /utils/themes.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import type { Theme } from "@/types/kanban-types"; 23 | 24 | export const light: Theme = { 25 | accent: "#1d4ed8", 26 | accentDarker: "#1e40af", 27 | bgPrimary: "#ffffff", 28 | elevation1: "#ededed", 29 | elevation2: "#dadbdc", 30 | elevation3: "#c7c7c7", 31 | text: "#1e293b", 32 | textButtons: "#f1f5f9", 33 | textD1: "#334155", 34 | textD2: "#475569", 35 | textD3: "#64748b", 36 | textD4: "#94a3b8", 37 | } as const; 38 | 39 | export const dark: Theme = { 40 | accent: "#2150c0", 41 | accentDarker: "#17367d", 42 | bgPrimary: "#111112", 43 | elevation1: "#1b1b1d", 44 | elevation2: "#27272a", 45 | elevation3: "#333338", 46 | text: "#f4f4f5", 47 | textButtons: "#f1f5f9", 48 | textD1: "#e4e4e7", 49 | textD2: "#d4d4d8", 50 | textD3: "#a1a1aa", 51 | textD4: "#71717a", 52 | } as const; 53 | 54 | export const catppuccin: Theme = { 55 | accent: "#f28fad", 56 | accentDarker: "#c97790", 57 | bgPrimary: "#1e1e2e", 58 | elevation1: "#302d41", 59 | elevation2: "#575268", 60 | elevation3: "#6e6c7e", 61 | text: "#f4f4f5", 62 | textButtons: "#1a1826", 63 | textD1: "#e4e4e7", 64 | textD2: "#d4d4d8", 65 | textD3: "#a1a1aa", 66 | textD4: "#71717a", 67 | } as const; 68 | 69 | export default { 70 | catppuccin, 71 | dark, 72 | light, 73 | }; 74 | -------------------------------------------------------------------------------- /components/HexColorInput.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 30 | 31 | 73 | -------------------------------------------------------------------------------- /components/Dropdown.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 38 | 39 | 65 | -------------------------------------------------------------------------------- /components/PinnedBar.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 39 | 40 | 73 | -------------------------------------------------------------------------------- /components/Tooltip.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 36 | 37 | 61 | -------------------------------------------------------------------------------- /types/kanban-types.d.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | export declare interface Board { 23 | background?: BackgroundSettings | null; 24 | columns: Array; 25 | id: string; 26 | lastEdited?: Date | string; 27 | title: string; 28 | globalTags?: Array | null; 29 | } 30 | 31 | export declare interface BackgroundSettings { 32 | blur: string; 33 | brightness: string; 34 | src: string; 35 | } 36 | 37 | export declare interface Column { 38 | cards: Array; 39 | id: string; 40 | title: string; 41 | } 42 | 43 | export declare interface Task { 44 | finished: boolean; 45 | id?: string; 46 | name: string; 47 | } 48 | 49 | export declare interface Tag { 50 | id?: string; 51 | text: string; 52 | style?: string; 53 | color?: string | null; 54 | } 55 | 56 | export declare interface Card { 57 | color?: string; 58 | description?: string; 59 | dueDate?: Date | string | null; 60 | id?: string; 61 | isDueDateCounterRelative?: boolean; 62 | isDueDateCompleted?: boolean; 63 | name: string; 64 | tasks?: Array; 65 | tags?: Array | null; 66 | } 67 | 68 | export declare interface Theme { 69 | accent: string; 70 | accentDarker: string; 71 | bgPrimary: string; 72 | elevation1: string; 73 | elevation2: string; 74 | elevation3: string; 75 | text: string; 76 | textButtons: string; 77 | textD1: string; 78 | textD2: string; 79 | textD3: string; 80 | textD4: string; 81 | } 82 | 83 | export declare type ThemeIdentifiers = 84 | | "catppuccin" 85 | | "custom" 86 | | "dark" 87 | | "light" 88 | | "auto"; 89 | 90 | export default { 91 | Board, 92 | Card, 93 | Column, 94 | ThemeIdentifiers, 95 | }; 96 | -------------------------------------------------------------------------------- /components/icon/Kanri.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 57 | -------------------------------------------------------------------------------- /stores/layout.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { defineStore } from 'pinia' 23 | import versionInfo from "@/version_info.json"; 24 | 25 | export const useLayoutStore = defineStore("layout", { 26 | state: () => { 27 | /* Sidebar settings */ 28 | const showHelpModal = ref(false); 29 | const showBackArrow = ref(false); 30 | // TODO: implement logic/migrate to store 31 | 32 | /* Changelog settings */ 33 | const lastInstalledVersion: Ref = ref(null); 34 | 35 | return { 36 | showHelpModal, 37 | showBackArrow, 38 | 39 | lastInstalledVersion 40 | } 41 | }, 42 | actions: { 43 | async loadLayoutSettings() { 44 | const store = useTauriStore().store; 45 | const currentVersionIdentifier = `${versionInfo.buildMajor}.${versionInfo.buildMinor}.${versionInfo.buildRevision}`; 46 | 47 | const lastInstalledVersionSaved: string = await store.get("lastInstalledVersion") ?? currentVersionIdentifier; 48 | console.log("Loaded lastInstalledVersion from store:", lastInstalledVersionSaved); 49 | this.lastInstalledVersion = lastInstalledVersionSaved; 50 | }, 51 | 52 | async shouldDisplayChangelog() { 53 | if (this.lastInstalledVersion === null) { 54 | await this.loadLayoutSettings(); 55 | 56 | if (this.lastInstalledVersion === null) { 57 | // still null, something went wrong or no value is saved 58 | return false; 59 | } 60 | } 61 | 62 | const currentVersionIdentifier = `${versionInfo.buildMajor}.${versionInfo.buildMinor}.${versionInfo.buildRevision}`; 63 | if (this.lastInstalledVersion !== currentVersionIdentifier) { 64 | this.lastInstalledVersion = currentVersionIdentifier; 65 | const store = useTauriStore().store; 66 | await store.set("lastInstalledVersion", currentVersionIdentifier); 67 | return true; 68 | } 69 | 70 | return false; 71 | } 72 | } 73 | }) 74 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kanri", 3 | "private": true, 4 | "version": "0.8.2", 5 | "description": "Offline-first Kanban board desktop app", 6 | "author": "trobonox ", 7 | "license": "GPL-3.0", 8 | "type": "module", 9 | "scripts": { 10 | "init:armv7": "docker build . -t rust_cross_compile/armv7 -f Dockerfile.armv7", 11 | "init:arm64": "docker build . -t rust_cross_compile/arm64 -f Dockerfile.arm64", 12 | "build:armv7": "nuxt generate && docker run -t -v `pwd`:/app rust_cross_compile/armv7", 13 | "build:arm64": "nuxt generate && docker run -t -v `pwd`:/app rust_cross_compile/arm64", 14 | "dev": "nuxt dev", 15 | "generate": "nuxt generate", 16 | "preview": "nuxt preview", 17 | "lint": "eslint . --fix", 18 | "embed-licenses": "node ./scripts/embed-license-reports.js" 19 | }, 20 | "devDependencies": { 21 | "@nuxt/eslint": "1.9.0", 22 | "@nuxt/eslint-config": "^1.9.0", 23 | "@nuxtjs/i18n": "^10.1.0", 24 | "@nuxtjs/tailwindcss": "^6.14.0", 25 | "@tauri-apps/cli": "^2.1.0", 26 | "@types/node": "^22.10.2", 27 | "@vue/compiler-sfc": "^3.3.0", 28 | "@vueuse/components": "^13.9.0", 29 | "@vueuse/core": "^13.9.0", 30 | "@vueuse/nuxt": "^13.9.0", 31 | "eslint": "^9.35.0", 32 | "nuxt": "^4.1.2", 33 | "postcss": "^8.4", 34 | "postcss-custom-properties": "^14.0.4", 35 | "prettier": "^3.4.2", 36 | "rollup": "^4.28.1", 37 | "rollup-plugin-license": "^3.0.1", 38 | "tailwindcss": "^3.4.0", 39 | "typescript": "^5.4.5" 40 | }, 41 | "dependencies": { 42 | "@eslint/eslintrc": "^3.1.0", 43 | "@heroicons/vue": "2.2.0", 44 | "@paralleldrive/cuid2": "^2.1.0", 45 | "@phosphor-icons/vue": "^2.1.6", 46 | "@pinia/nuxt": "0.11.2", 47 | "@popperjs/core": "^2.11.8", 48 | "@tauri-apps/api": "^2.0.0", 49 | "@tauri-apps/plugin-autostart": "^2.0.0", 50 | "@tauri-apps/plugin-dialog": "~2", 51 | "@tauri-apps/plugin-fs": "^2.0.0", 52 | "@tauri-apps/plugin-log": "^2.2.0", 53 | "@tauri-apps/plugin-os": "^2.0.0", 54 | "@tauri-apps/plugin-store": "^2.0.0", 55 | "@tiptap/core": "^2.10.3", 56 | "@tiptap/extension-bubble-menu": "^2.10.3", 57 | "@tiptap/extension-text-align": "^2.10.3", 58 | "@tiptap/extension-text-style": "^2.10.3", 59 | "@tiptap/extension-typography": "^2.10.3", 60 | "@tiptap/pm": "^2.10.3", 61 | "@tiptap/starter-kit": "^2.10.3", 62 | "@tiptap/vue-3": "^2.10.3", 63 | "@vojtechlanka/vue-tags-input": "^3", 64 | "mitt": "3.0.1", 65 | "pinia": "3.0.3", 66 | "radix-vue": "1.9.17", 67 | "v-calendar": "^3.1.2", 68 | "vue": "^3.5.13", 69 | "vue-dragscroll": "^4.0.5", 70 | "vue3-smooth-dnd": "0.0.6", 71 | "zod": "^3.20.6" 72 | }, 73 | "resolutions": { 74 | "vite": "^6.0.0", 75 | "esbuild": "^0.25.0", 76 | "chokidar": "^3.6.0" 77 | }, 78 | "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e" 79 | } 80 | -------------------------------------------------------------------------------- /components/modal/CardTags.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 60 | 61 | 88 | -------------------------------------------------------------------------------- /stores/theme.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { defineStore } from 'pinia' 23 | import { dark } from '@/utils/themes'; 24 | import type { Theme } from '@/types/kanban-types'; 25 | 26 | export const useThemeStore = defineStore("theme", { 27 | state: () => { 28 | const activeTheme = ref("dark"); 29 | const colors: Ref = ref(null); 30 | const savedCustomTheme: Ref = ref(null); 31 | const autoThemeEnabled = ref(false); 32 | 33 | return { activeTheme, colors, savedCustomTheme, autoThemeEnabled }; 34 | }, 35 | actions: { 36 | async loadThemeSettings() { 37 | const store = useTauriStore().store; 38 | 39 | const activeThemeSaved: string = await store.get("activeTheme") ?? "dark"; 40 | const colorsSaved: Theme | null = await store.get("colors") ?? dark; 41 | const savedCustomThemeSaved: Theme | null = await store.get("savedCustomTheme") ?? null; 42 | const autoThemeEnabledSaved: boolean = await store.get("activeTheme") === "auto" ? true : false; 43 | 44 | this.activeTheme = activeThemeSaved; 45 | this.colors = colorsSaved; 46 | this.savedCustomTheme = savedCustomThemeSaved; 47 | this.autoThemeEnabled = autoThemeEnabledSaved; 48 | }, 49 | 50 | async setTheme(theme: string, colors: Theme | null = null) { 51 | const store = useTauriStore().store; 52 | 53 | this.activeTheme = theme; 54 | await store.set("activeTheme", theme); 55 | 56 | if (colors) { 57 | this.colors = colors; 58 | await store.set("colors", colors); 59 | 60 | if (theme === "custom") { 61 | this.savedCustomTheme = colors; 62 | await store.set("savedCustomTheme", colors); 63 | } 64 | } 65 | }, 66 | 67 | async toggleAutoTheme(resolvedSystemTheme: "light" | "dark" = "dark") { 68 | const store = useTauriStore().store; 69 | 70 | if (this.autoThemeEnabled) { 71 | this.activeTheme = "auto"; 72 | await store.set("activeTheme", "auto"); 73 | } else { 74 | this.activeTheme = resolvedSystemTheme; 75 | await store.set("activeTheme", resolvedSystemTheme); 76 | } 77 | 78 | this.colors = themes[resolvedSystemTheme]; 79 | await store.set("colors", themes[resolvedSystemTheme]); 80 | } 81 | } 82 | }) 83 | -------------------------------------------------------------------------------- /components/modal/Changelog.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 73 | 74 | 83 | 84 | 90 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | 6 | 7 | # Contributing to Kanri 8 | Thank you for showing interest into contributing to Kanri! First off, some general information: 9 | Kanri is written in TypeScript, Vue (Nuxt v3), and Rust; and is licensed under the GPLv3 license. The landing page and docs site uses Astro with Starlight and [can be found here](https://github.com/trobonox/kanri-website). The documentation is still a big work in progress and if you would like to help, please reach out! 10 | 11 | ## A few rules 12 | By contributing to Kanri, you confirm that the work you are submitting is yours and it will be licensed under the GPLv3 license of the project. 13 | 14 | To ensure uniformity in Kanri's repository, every contributor must follow these set of rules: 15 | * Commits must use the commit convention. (e.g. `feat: add x feature`) 16 | * Have ESLint and Volar installed on your IDE for code formatting. 17 | * Follow the general Vue conventions (except for kebab-casing and events) 18 | * Use camelCasing on any function/method/property in code you've contributed. 19 | 20 | Please also take a look at the [Code of Conduct](https://github.com/trobonox/kanri/blob/main/CODE_OF_CONDUCT.md). 21 | 22 | ## Here’s the process for contributing to Kanri 23 | * Fork the Kanri repository, and clone it locally on your development machine. 24 | * Find help wanted tickets that are up for grabs in GitHub or look at the things that are todo or work in progress in the roadmap (projects tab). Comment to let everyone know you’re working on it and let a core contributor assign the issue to you. If there’s no ticket for what you want to work on, you are free to continue with your changes but consider opening an issue or a discussion to make sure what you want to add is in line with the project vision. 25 | * If in some case you need to use another dependency, create a new issue requesting for the package to be reviewed (by adding the "dependency request" label to the according issue). 26 | * Your code should follow general Vue conventions, except for some exclusions, most notably camelCasing and events. 27 | * After writing your code, make sure to lint your code with `yarn lint`. 28 | * When your changes are checked in to your fork, make sure to test your code extensively. Your commits should also follow the commit conventions. 29 | * Submit your pull request for a code review and wait for a Kanri core contributor to review it. When in doubt, ask for help in the Kanri Discord server or open an issue. 30 | * Last but not least, make sure to have fun with the code! 31 | 32 | We’re glad you’re here; good luck and have fun. 🤍 33 | 34 | ## Development workspace 35 | ### Recommended IDE setup 36 | * IDE: Visual Studio Code (w/ Volar & ESLint) 37 | * Node.js (LTS recommended) & NPM 38 | * Yarn Package Manager 39 | * [Tauri Development Environment](https://tauri.app/v1/guides/getting-started/prerequisites/) 40 | 41 | ### Building and testing your fork 42 | While testing and making modifications to Kanri, make sure to familiarise yourself with these three commands. 43 | 44 | ```bash 45 | # Install dependencies 46 | yarn install 47 | 48 | # Start debug tauri build 49 | yarn tauri dev 50 | 51 | # Lint and cleanup code 52 | yarn lint 53 | 54 | # Build tauri for production 55 | yarn generate 56 | yarn tauri build 57 | ``` 58 | -------------------------------------------------------------------------------- /components/Modal.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 36 | 37 | 89 | 90 | 114 | -------------------------------------------------------------------------------- /components/kanban/ZoomAdjustment.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 64 | 65 | 100 | -------------------------------------------------------------------------------- /components/modal/Confirmation.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 68 | 69 | 109 | -------------------------------------------------------------------------------- /components/LanguageSelector.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 22 | 61 | 62 | -------------------------------------------------------------------------------- /components/kanban/TagEdit.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 69 | 70 | 108 | 109 | 127 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 6 | 7 |

8 | Kanri banner
9 | Kanban boards done right. Made with simplicity and user experience in mind, Kanri helps you create Kanban boards easily, right from your desktop. No internet connection or account needed! 10 |

11 | Release Version Badge 12 |
13 | Repo license 14 | Reuse status 15 |
16 |

24 |

25 | 26 | 27 | ## 🚀 Demo 28 | ![showcase_gif_kanri](https://github.com/user-attachments/assets/14d26751-cb5e-4164-a2f9-84e2b7dc200c) 29 | 30 | 31 | ## ⬇️ Download 32 | You can download Kanri for Windows, Mac and Linux at [kanriapp.com](https://kanriapp.com), it's free! 33 | 34 | Alternatively, macOS users can install using homebrew: 35 | ```bash 36 | brew install --no-quarantine kanriapp/cask/kanri 37 | ``` 38 | 39 | Apple Silicon users, please run this command to prevent the error saying the app is broken (not required if installing using homebrew): 40 | ```bash 41 | xattr -cr /Applications/kanri.app 42 | ``` 43 | 44 | ## ✨ Why Kanri? 45 | - 🏙 Modern - featuring a clean design & new technologies like Tauri 46 | - 👓 Familiar - uses a Kanban board layout (with unlimited boards, columns and tasks, including rich-text descriptions, sub-tasks, due-dates and tags) 47 | - 🧾 Offline - saves your data in a local `.json` file 48 | - 🛠 Customizable - allows for custom themes, background images and card colors 49 | - ⌨ With power users in mind - implements keyboard shortcuts to speed up board navigation 50 | 51 | ## 📋 Roadmap 52 | Long term vision for the project: 53 | - 👷‍♂️ Improve current features and refactor to avoid tech debt 54 | - ➕ Add additional small/mid-sized features with high impact (reminders, sub-tasks, etc.) 55 | - 🚚 Work towards 1.0 release with features from the backlog like internationalization or a widget panel 56 | - 🔍 After 1.0: Assess what direction to take (focus on offline-only features or add support for cloud sync and collaboration) 57 | 58 | A granular list of priorities can be found [in the roadmap](https://github.com/orgs/kanriapp/projects/2). 59 | 60 | This project is open for any contributions or feature requests as long as they are polite, provide enough context and remain patient (replies might take a few days). 61 | 62 | > [!NOTE] 63 | > This project is still in active development and is provided "AS IS". Please make regular backups/exports to prevent any data loss. 64 | 65 | ## 🛠 Contributing & Build Setup 66 | If you want to contribute, please take a look at the [Contribution Guidelines](https://github.com/trobonox/kanri/blob/main/CONTRIBUTING.md). 67 | The `main` branch is equivalent to a `dev` branch where development is done on - submit PRs here. The `release` branch is similar to a `stable` branch with the code of latest release. 68 | 69 | **Build Setup**: 70 | If you want to build the app, you need to install Node.js (latest LTS version recommended), a package manager like yarn and the [↗ Tauri development environment](https://tauri.app/start/prerequisites/). 71 | Then, depending on your use case you can run the commands below: 72 | 73 | ```bash 74 | # Install dependencies 75 | yarn install 76 | 77 | # Start debug tauri build 78 | yarn tauri dev 79 | 80 | # Build tauri for production 81 | yarn generate 82 | yarn tauri build 83 | ``` 84 | 85 | --- 86 | **Copyright (c) 2022-2025 trobonox (trobo@kanriapp.com)**. Licensed under GPL v3 (with some files under Apache 2.0 or other licenses stated in the files themselves). 87 | The Kanri logo, name and other branding are **NOT** open source, full copyright belongs to trobonox. 88 | -------------------------------------------------------------------------------- /components/modal/RenameBoard.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 70 | 71 | 122 | -------------------------------------------------------------------------------- /components/kanban/BoardPreview.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 84 | 85 | 120 | 121 | 129 | -------------------------------------------------------------------------------- /.github/workflows/release.yml: -------------------------------------------------------------------------------- 1 | # SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | # 3 | # SPDX-License-Identifier: Apache-2.0 4 | 5 | name: 'Create Release' 6 | 7 | on: 8 | push: 9 | branches: 10 | - release 11 | 12 | concurrency: 13 | group: ${{ github.workflow }}-${{ github.ref }} 14 | cancel-in-progress: true 15 | 16 | jobs: 17 | publish-kanri: 18 | permissions: 19 | contents: write 20 | strategy: 21 | fail-fast: false 22 | matrix: 23 | include: 24 | - platform: 'macos-latest' # for Arm based macs (M1 and above). 25 | args: '--target aarch64-apple-darwin' 26 | - platform: 'macos-latest' # for Intel based macs. 27 | args: '--target x86_64-apple-darwin' 28 | - platform: 'ubuntu-22.04' # for Tauri v1 you could replace this with ubuntu-20.04. 29 | args: '' 30 | - platform: 'windows-latest' 31 | args: '' 32 | 33 | runs-on: ${{ matrix.platform }} 34 | outputs: 35 | upload_url: ${{ steps.release.outputs.releaseUploadUrl }} 36 | steps: 37 | - uses: actions/checkout@v5 38 | 39 | - name: setup node 40 | uses: actions/setup-node@v4 41 | with: 42 | node-version: lts/* 43 | 44 | - name: install Rust stable 45 | uses: dtolnay/rust-toolchain@stable 46 | with: 47 | # Those targets are only used on macos runners so it's in an `if` to slightly speed up windows and linux builds. 48 | targets: ${{ matrix.platform == 'macos-latest' && 'aarch64-apple-darwin,x86_64-apple-darwin' || '' }} 49 | 50 | - name: install dependencies (ubuntu only) 51 | if: matrix.platform == 'ubuntu-22.04' # This must match the platform value defined above. 52 | run: | 53 | sudo apt-get update 54 | sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf 55 | # webkitgtk 4.0 is for Tauri v1 - webkitgtk 4.1 is for Tauri v2. 56 | # You can remove the one that doesn't apply to your app to speed up the workflow a bit. 57 | 58 | - name: install frontend dependencies 59 | run: | 60 | yarn cache clean 61 | yarn config delete proxy 62 | yarn config delete https-proxy 63 | yarn config delete registry 64 | yarn install --network-timeout 1000000 --frozen-lockfile 65 | 66 | - name: Build frontend 67 | run: yarn generate 68 | 69 | - name: Override linuxdeploy version (potential Linux fix) 70 | if: matrix.platform == 'ubuntu-22.04' 71 | run: | 72 | # Pin linuxdeploy version to prevent @tauri-apps/cli-linux-x64-gnu from pulling in an outdated version 73 | TAURI_TOOLKIT_PATH="${XDG_CACHE_HOME:-$HOME/.cache}/tauri" 74 | mkdir -p "$TAURI_TOOLKIT_PATH" 75 | wget https://github.com/linuxdeploy/linuxdeploy/releases/download/1-alpha-20250213-2/linuxdeploy-x86_64.AppImage -O "$TAURI_TOOLKIT_PATH/linuxdeploy-x86_64.AppImage" 76 | chmod +x "$TAURI_TOOLKIT_PATH/linuxdeploy-x86_64.AppImage" 77 | 78 | 79 | - uses: tauri-apps/tauri-action@v0 80 | id: release 81 | env: 82 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 83 | with: 84 | tagName: app-v__VERSION__ # the action automatically replaces \_\_VERSION\_\_ with the app version. 85 | releaseName: 'Kanri v__VERSION__' 86 | releaseBody: 'See the assets to download this version and install.' 87 | releaseDraft: true 88 | prerelease: false 89 | args: ${{ matrix.args }} 90 | 91 | publish-kanri-arm: 92 | needs: publish-kanri 93 | permissions: 94 | contents: write 95 | strategy: 96 | matrix: 97 | arch: [arm64, armv7] 98 | 99 | runs-on: ubuntu-22.04 100 | steps: 101 | - uses: actions/checkout@93cb6efe18208431cddfb8368fd83d5badbf9bfd # v5 102 | - uses: actions/setup-node@v4 103 | with: 104 | node-version: lts/* 105 | - name: Install dependencies 106 | run: yarn install 107 | - name: Build for ${{ matrix.arch }} 108 | run: yarn run init:${{matrix.arch}} && yarn run build:${{matrix.arch}} 109 | 110 | - name: Output Tauri release url 111 | run: echo ${{ needs.publish-kanri.outputs.upload_url }} 112 | 113 | - name: Upload Multiple Release Assets 114 | uses: NBTX/upload-release-assets@v1 115 | env: 116 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 117 | with: 118 | upload_url: ${{ needs.publish-kanri.outputs.upload_url }} 119 | targets: ./src-tauri/target/*/release/bundle/deb/*.deb 120 | 121 | 122 | -------------------------------------------------------------------------------- /stores/settings.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { disable, enable, isEnabled } from "@tauri-apps/plugin-autostart"; 23 | import type { set } from "zod/v4"; 24 | 25 | export const useSettingsStore = defineStore("settings", { 26 | state: () => { 27 | /* Start page settings */ 28 | const boardSortingOption = ref("manual"); 29 | const reverseSorting = ref(false); 30 | // TODO: implement logic/migrate to store 31 | 32 | /* Overall app settings */ 33 | const locale = ref("en"); 34 | const animationsEnabled = ref(true); 35 | const autostartEnabled = ref(false); 36 | const disableSpellcheck = ref(false); 37 | 38 | /* Global board settings */ 39 | const columnZoomLevel = ref(0); 40 | const addToTopOfColumnButtonEnabled = ref(false); 41 | const displayColumnCardCountEnabled = ref(false); 42 | const defaultRelativeDueDatesEnabled = ref(false); 43 | 44 | return { 45 | locale, 46 | animationsEnabled, 47 | autostartEnabled, 48 | disableSpellcheck, 49 | 50 | columnZoomLevel, 51 | addToTopOfColumnButtonEnabled, 52 | displayColumnCardCountEnabled, 53 | defaultRelativeDueDatesEnabled, 54 | } 55 | }, 56 | 57 | actions: { 58 | async loadSettings() { 59 | const store = useTauriStore().store; 60 | 61 | const localeSaved: string = await store.get("locale") ?? "en"; 62 | const animationsEnabledSaved: boolean = await store.get("animationsEnabled") ?? true; 63 | const autostartEnabledSaved: boolean = await isEnabled() ?? false; 64 | 65 | const columnZoomLevelSaved: number = await store.get("columnZoomLevel") ?? 0; 66 | const addToTopOfColumnButtonEnabledSaved: boolean = await store.get("addToTopOfColumnButtonEnabled") ?? false; 67 | const displayColumnCardCountEnabledSaved: boolean = await store.get("displayColumnCardCountEnabled") ?? false; 68 | const defaultRelativeDueDatesEnabledSaved: boolean = await store.get("defaultRelativeDueDatesEnabled") ?? false; 69 | 70 | this.locale = localeSaved; 71 | this.animationsEnabled = animationsEnabledSaved; 72 | this.autostartEnabled = autostartEnabledSaved; 73 | this.columnZoomLevel = columnZoomLevelSaved; 74 | this.addToTopOfColumnButtonEnabled = addToTopOfColumnButtonEnabledSaved; 75 | this.displayColumnCardCountEnabled = displayColumnCardCountEnabledSaved; 76 | this.defaultRelativeDueDatesEnabled = defaultRelativeDueDatesEnabledSaved; 77 | }, 78 | 79 | async deleteAllData() { 80 | const store = useTauriStore().store; 81 | await store.reset(); 82 | await this.loadSettings(); // load defaults 83 | }, 84 | 85 | async setLocale(locale: string) { 86 | this.locale = locale; 87 | await useTauriStore().store.set("locale", locale); 88 | }, 89 | 90 | async setAnimationsEnabled(value: boolean) { 91 | this.animationsEnabled = value; 92 | await useTauriStore().store.set("animationsEnabled", value); 93 | }, 94 | 95 | async setAutostartEnabled(value: boolean) { 96 | this.autostartEnabled = value; 97 | 98 | // set using tauri plugin, not saving in store 99 | if (value) await enable(); 100 | else await disable(); 101 | }, 102 | 103 | async setDisableSpellcheck(value: boolean) { 104 | this.disableSpellcheck = value; 105 | await useTauriStore().store.set("disableSpellcheck", value); 106 | }, 107 | 108 | async setColumnZoomLevel(value: number) { 109 | this.columnZoomLevel = value; 110 | await useTauriStore().store.set("columnZoomLevel", value); 111 | }, 112 | 113 | async setAddToTopOfColumnButtonEnabled(value: boolean) { 114 | this.addToTopOfColumnButtonEnabled = value; 115 | await useTauriStore().store.set("addToTopOfColumnButtonEnabled", value); 116 | }, 117 | 118 | async setDisplayColumnCardCountEnabled(value: boolean) { 119 | this.displayColumnCardCountEnabled = value; 120 | await useTauriStore().store.set("displayColumnCardCountEnabled", value); 121 | }, 122 | 123 | async setDefaultRelativeDueDatesEnabled(value: boolean) { 124 | this.defaultRelativeDueDatesEnabled = value; 125 | await useTauriStore().store.set("defaultRelativeDueDatesEnabled", value); 126 | } 127 | } 128 | }); 129 | -------------------------------------------------------------------------------- /types/json-schemas.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { z } from "zod"; 23 | 24 | export const kanriThemeSchema = z.object({ 25 | accent: z.string(), 26 | accentDarker: z.string(), 27 | bgPrimary: z.string(), 28 | elevation1: z.string(), 29 | elevation2: z.string(), 30 | elevation3: z.string(), 31 | text: z.string(), 32 | textButtons: z.string(), 33 | textD1: z.string(), 34 | textD2: z.string(), 35 | textD3: z.string(), 36 | textD4: z.string(), 37 | }); 38 | 39 | const kanriTagSchema = z.object({ 40 | id: z.string().optional(), 41 | text: z.string(), 42 | color: z.string().optional(), 43 | style: z.string().optional(), 44 | }); 45 | 46 | const kanriCardSchema = z.object({ 47 | color: z.string().optional(), 48 | description: z.string().optional(), 49 | id: z.string().optional(), 50 | name: z.string(), 51 | tasks: z 52 | .array( 53 | z.object({ 54 | id: z.string().optional(), 55 | finished: z.boolean(), 56 | name: z.string(), 57 | }) 58 | ) 59 | .optional(), 60 | dueDate: z.string().optional().nullable(), 61 | tags: z.array(kanriTagSchema).optional().nullable(), 62 | }); 63 | 64 | const kanriColumnSchema = z.object({ 65 | cards: z.array(kanriCardSchema), 66 | id: z.string(), 67 | title: z.string(), 68 | }); 69 | 70 | const kanriBoardBackgroundSchema = z 71 | .object({ 72 | blur: z.string(), 73 | brightness: z.string(), 74 | src: z.string(), 75 | }) 76 | .optional() 77 | .nullable(); 78 | 79 | export const kanriBoardSchema = z.object({ 80 | globalTags: z.array(kanriTagSchema).optional().nullable(), 81 | background: kanriBoardBackgroundSchema, 82 | columns: z.array(kanriColumnSchema), 83 | id: z.string(), 84 | lastEdited: z.string().optional(), 85 | title: z.string(), 86 | }); 87 | 88 | export const kanbanElectronBoardSchema = z.object({ 89 | id: z.string(), 90 | lists: z.array(kanriColumnSchema), 91 | title: z.string(), 92 | }); 93 | 94 | export const kanriJsonSchema = z.object({ 95 | activeTheme: z.string(), 96 | animationsEnabled: z.boolean().optional().nullable(), 97 | boardSortingOption: z.string().optional().nullable(), 98 | boards: z.array(kanriBoardSchema), 99 | colors: kanriThemeSchema, 100 | columnZoomLevel: z.number().optional().nullable(), 101 | lastInstalledVersion: z.string().optional().nullable(), 102 | savedCustomTheme: kanriThemeSchema.optional().nullable(), 103 | reverseSorting: z.boolean().optional().nullable(), 104 | addToTopOfColumnButtonEnabled: z.boolean().optional().nullable(), 105 | displayColumnCardCountEnabled: z.boolean().optional().nullable(), 106 | // If enabled, newly created due dates default to relative countdown mode 107 | defaultRelativeDueDatesEnabled: z.boolean().optional().nullable(), 108 | pins: z 109 | .array( 110 | z.object({ 111 | id: z.string(), 112 | title: z.string(), 113 | pinIcon: z.string().optional(), 114 | pinIconText: z.string().optional(), 115 | }) 116 | ) 117 | .optional() 118 | .nullable(), 119 | }); 120 | 121 | export const kanbanElectronJsonSchema = z.object({ 122 | activeTheme: z.string(), 123 | boards: z.array(kanbanElectronBoardSchema), 124 | colors: kanriThemeSchema, 125 | columnZoomLevel: z.string().optional(), 126 | }); 127 | 128 | export const trelloJsonSchema = z.object({ 129 | cards: z.array( 130 | z.object({ 131 | labels: z.array( 132 | z.object({ 133 | id: z.string(), 134 | idBoard: z.string(), 135 | name: z.string(), 136 | color: z.string(), 137 | uses: z.number(), 138 | }) 139 | ), 140 | due: z.string().nullable(), 141 | closed: z.boolean(), 142 | desc: z.string(), 143 | id: z.string(), 144 | idChecklists: z.array(z.string()), 145 | idList: z.string(), 146 | name: z.string(), 147 | }) 148 | ), 149 | checklists: z.array( 150 | z.object({ 151 | checkItems: z.array( 152 | z.object({ 153 | id: z.string(), 154 | name: z.string(), 155 | state: z.string(), 156 | }) 157 | ), 158 | id: z.string(), 159 | idBoard: z.string(), 160 | idCard: z.string(), 161 | }) 162 | ), 163 | labels: z.array( 164 | z.object({ 165 | id: z.string(), 166 | idBoard: z.string(), 167 | name: z.string(), 168 | color: z.string(), 169 | uses: z.number(), 170 | }) 171 | ), 172 | lists: z.array( 173 | z.object({ 174 | closed: z.boolean(), 175 | id: z.string(), 176 | name: z.string(), 177 | }) 178 | ), 179 | name: z.string(), 180 | }); 181 | -------------------------------------------------------------------------------- /components/CustomThemeEditor.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 98 | 99 | 134 | 135 | 153 | -------------------------------------------------------------------------------- /utils/iconManager.ts: -------------------------------------------------------------------------------- 1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox , gruen132 2 | 3 | SPDX-License-Identifier: GPL-3.0-or-later 4 | 5 | Kanri is an offline Kanban board app made using Tauri and Nuxt. 6 | Copyright (C) 2022-2025 trobonox 7 | 8 | This program is free software: you can redistribute it and/or modify 9 | it under the terms of the GNU General Public License as published by 10 | the Free Software Foundation, either version 3 of the License, or 11 | (at your option) any later version. 12 | 13 | This program is distributed in the hope that it will be useful, 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 | GNU General Public License for more details. 17 | 18 | You should have received a copy of the GNU General Public License 19 | along with this program. If not, see . 20 | */ 21 | 22 | import { 23 | PhArticle, 24 | PhNotepad, 25 | PhListChecks, 26 | PhBookmark, 27 | PhFlag, 28 | PhStar, 29 | PhPushPin, 30 | // Add more icons here 31 | PhNote, 32 | PhBookmarks, 33 | PhFiles, 34 | PhFolder, 35 | PhFolderOpen, 36 | PhClipboard, 37 | PhClipboardText, 38 | PhKanban, 39 | PhChartBar, 40 | PhGraph, 41 | PhBriefcase, 42 | PhTarget, 43 | PhLightbulb, 44 | PhRocket, 45 | } from "@phosphor-icons/vue"; 46 | import type { Component } from "vue"; 47 | 48 | export interface IconDefinition { 49 | name: string; 50 | component: Component; 51 | category: string; 52 | tags?: string[]; 53 | } 54 | 55 | const iconCategories = [ 56 | "Common", 57 | "Documents", 58 | "Organization", 59 | "Project Management", 60 | "Misc", 61 | ] as const; 62 | 63 | export type IconCategory = (typeof iconCategories)[number]; 64 | 65 | export const availableIcons: IconDefinition[] = [ 66 | // Common icons 67 | { 68 | name: "article", 69 | component: PhArticle, 70 | category: "Common", 71 | tags: ["document", "paper", "file"], 72 | }, 73 | { 74 | name: "star", 75 | component: PhStar, 76 | category: "Common", 77 | tags: ["favorite", "important"], 78 | }, 79 | { 80 | name: "pin", 81 | component: PhPushPin, 82 | category: "Common", 83 | tags: ["pinned", "save"], 84 | }, 85 | 86 | // Documents 87 | { 88 | name: "notepad", 89 | component: PhNotepad, 90 | category: "Documents", 91 | tags: ["notes", "write"], 92 | }, 93 | { 94 | name: "note", 95 | component: PhNote, 96 | category: "Documents", 97 | tags: ["memo", "write"], 98 | }, 99 | { 100 | name: "clipboard", 101 | component: PhClipboard, 102 | category: "Documents", 103 | tags: ["tasks", "list"], 104 | }, 105 | { 106 | name: "clipboard-text", 107 | component: PhClipboardText, 108 | category: "Documents", 109 | tags: ["tasks", "list", "notes"], 110 | }, 111 | 112 | // Organization 113 | { 114 | name: "folder", 115 | component: PhFolder, 116 | category: "Organization", 117 | tags: ["directory", "storage"], 118 | }, 119 | { 120 | name: "folder-open", 121 | component: PhFolderOpen, 122 | category: "Organization", 123 | tags: ["directory", "storage"], 124 | }, 125 | { 126 | name: "files", 127 | component: PhFiles, 128 | category: "Organization", 129 | tags: ["documents", "multiple"], 130 | }, 131 | 132 | // Project Management 133 | { 134 | name: "kanban", 135 | component: PhKanban, 136 | category: "Project Management", 137 | tags: ["board", "tasks"], 138 | }, 139 | { 140 | name: "list", 141 | component: PhListChecks, 142 | category: "Project Management", 143 | tags: ["tasks", "todo"], 144 | }, 145 | { 146 | name: "chart", 147 | component: PhChartBar, 148 | category: "Project Management", 149 | tags: ["stats", "progress"], 150 | }, 151 | { 152 | name: "graph", 153 | component: PhGraph, 154 | category: "Project Management", 155 | tags: ["analytics", "progress"], 156 | }, 157 | { 158 | name: "target", 159 | component: PhTarget, 160 | category: "Project Management", 161 | tags: ["goal", "aim"], 162 | }, 163 | 164 | // Misc 165 | { 166 | name: "bookmark", 167 | component: PhBookmark, 168 | category: "Misc", 169 | tags: ["save", "mark"], 170 | }, 171 | { 172 | name: "bookmarks", 173 | component: PhBookmarks, 174 | category: "Misc", 175 | tags: ["save", "multiple"], 176 | }, 177 | { 178 | name: "flag", 179 | component: PhFlag, 180 | category: "Misc", 181 | tags: ["mark", "important"], 182 | }, 183 | { 184 | name: "briefcase", 185 | component: PhBriefcase, 186 | category: "Misc", 187 | tags: ["work", "business"], 188 | }, 189 | { 190 | name: "lightbulb", 191 | component: PhLightbulb, 192 | category: "Misc", 193 | tags: ["idea", "creative"], 194 | }, 195 | { 196 | name: "rocket", 197 | component: PhRocket, 198 | category: "Misc", 199 | tags: ["launch", "start"], 200 | }, 201 | ]; 202 | 203 | export const getIconsByCategory = ( 204 | category: IconCategory 205 | ): IconDefinition[] => { 206 | return availableIcons.filter((icon) => icon.category === category); 207 | }; 208 | 209 | export const searchIcons = (query: string): IconDefinition[] => { 210 | const searchTerm = query.toLowerCase(); 211 | return availableIcons.filter( 212 | (icon) => 213 | icon.name.toLowerCase().includes(searchTerm) || 214 | icon.tags?.some((tag) => tag.toLowerCase().includes(searchTerm)) 215 | ); 216 | }; 217 | 218 | export const categories = iconCategories; 219 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | 6 | 7 | # Contributor Covenant Code of Conduct 8 | 9 | ## Our Pledge 10 | 11 | We as members, contributors, and leaders pledge to make participation in our 12 | community a harassment-free experience for everyone, regardless of age, body 13 | size, visible or invisible disability, ethnicity, sex characteristics, gender 14 | identity and expression, level of experience, education, socio-economic status, 15 | nationality, personal appearance, race, religion, or sexual identity 16 | and orientation. 17 | 18 | We pledge to act and interact in ways that contribute to an open, welcoming, 19 | diverse, inclusive, and healthy community. 20 | 21 | ## Our Standards 22 | 23 | Examples of behavior that contributes to a positive environment for our 24 | community include: 25 | 26 | * Demonstrating empathy and kindness toward other people 27 | * Being respectful of differing opinions, viewpoints, and experiences 28 | * Giving and gracefully accepting constructive feedback 29 | * Accepting responsibility and apologizing to those affected by our mistakes, 30 | and learning from the experience 31 | * Focusing on what is best not just for us as individuals, but for the 32 | overall community 33 | 34 | Examples of unacceptable behavior include: 35 | 36 | * The use of sexualized language or imagery, and sexual attention or 37 | advances of any kind 38 | * Trolling, insulting or derogatory comments, and personal or political attacks 39 | * Public or private harassment 40 | * Publishing others' private information, such as a physical or email 41 | address, without their explicit permission 42 | * Other conduct which could reasonably be considered inappropriate in a 43 | professional setting 44 | 45 | ## Enforcement Responsibilities 46 | 47 | Community leaders are responsible for clarifying and enforcing our standards of 48 | acceptable behavior and will take appropriate and fair corrective action in 49 | response to any behavior that they deem inappropriate, threatening, offensive, 50 | or harmful. 51 | 52 | Community leaders have the right and responsibility to remove, edit, or reject 53 | comments, commits, code, wiki edits, issues, and other contributions that are 54 | not aligned to this Code of Conduct, and will communicate reasons for moderation 55 | decisions when appropriate. 56 | 57 | ## Scope 58 | 59 | This Code of Conduct applies within all community spaces, and also applies when 60 | an individual is officially representing the community in public spaces. 61 | Examples of representing our community include using an official e-mail address, 62 | posting via an official social media account, or acting as an appointed 63 | representative at an online or offline event. 64 | 65 | ## Enforcement 66 | 67 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 68 | reported to the community leaders responsible for enforcement at 69 | hello@trobo.dev. 70 | All complaints will be reviewed and investigated promptly and fairly. 71 | 72 | All community leaders are obligated to respect the privacy and security of the 73 | reporter of any incident. 74 | 75 | ## Enforcement Guidelines 76 | 77 | Community leaders will follow these Community Impact Guidelines in determining 78 | the consequences for any action they deem in violation of this Code of Conduct: 79 | 80 | ### 1. Correction 81 | 82 | **Community Impact**: Use of inappropriate language or other behavior deemed 83 | unprofessional or unwelcome in the community. 84 | 85 | **Consequence**: A private, written warning from community leaders, providing 86 | clarity around the nature of the violation and an explanation of why the 87 | behavior was inappropriate. A public apology may be requested. 88 | 89 | ### 2. Warning 90 | 91 | **Community Impact**: A violation through a single incident or series 92 | of actions. 93 | 94 | **Consequence**: A warning with consequences for continued behavior. No 95 | interaction with the people involved, including unsolicited interaction with 96 | those enforcing the Code of Conduct, for a specified period of time. This 97 | includes avoiding interactions in community spaces as well as external channels 98 | like social media. Violating these terms may lead to a temporary or 99 | permanent ban. 100 | 101 | ### 3. Temporary Ban 102 | 103 | **Community Impact**: A serious violation of community standards, including 104 | sustained inappropriate behavior. 105 | 106 | **Consequence**: A temporary ban from any sort of interaction or public 107 | communication with the community for a specified period of time. No public or 108 | private interaction with the people involved, including unsolicited interaction 109 | with those enforcing the Code of Conduct, is allowed during this period. 110 | Violating these terms may lead to a permanent ban. 111 | 112 | ### 4. Permanent Ban 113 | 114 | **Community Impact**: Demonstrating a pattern of violation of community 115 | standards, including sustained inappropriate behavior, harassment of an 116 | individual, or aggression toward or disparagement of classes of individuals. 117 | 118 | **Consequence**: A permanent ban from any sort of public interaction within 119 | the community. 120 | 121 | ## Attribution 122 | 123 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], 124 | version 2.0, available at 125 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 126 | 127 | Community Impact Guidelines were inspired by [Mozilla's code of conduct 128 | enforcement ladder](https://github.com/mozilla/diversity). 129 | 130 | [homepage]: https://www.contributor-covenant.org 131 | 132 | For answers to common questions about this code of conduct, see the FAQ at 133 | https://www.contributor-covenant.org/faq. Translations are available at 134 | https://www.contributor-covenant.org/translations. 135 | -------------------------------------------------------------------------------- /components/kanban/SearchBar.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 78 | 79 | 165 | -------------------------------------------------------------------------------- /components/Sidebar.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 131 | 132 | 204 | 205 | 214 | -------------------------------------------------------------------------------- /components/modal/CustomBackground.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 112 | 113 | 187 | 188 | 211 | -------------------------------------------------------------------------------- /scripts/embed-license-reports.js: -------------------------------------------------------------------------------- 1 | // SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 2 | // SPDX-License-Identifier: GPL-3.0-or-later 3 | 4 | // Automation script to: 5 | // 1) Run `yarn generate` 6 | // 2) In `src-tauri`, run `cargo about generate about.hbs -o license.html` 7 | // 3) Read `LICENSES_3RD_PARTY.txt`, escape angle brackets, and replace the 
 block in `pages/licenses/index.vue`
  8 | // 4) Read `src-tauri/license.html`, extract the 
...
 and replace the 
 block in `pages/licenses/rust.vue`
  9 | 
 10 | // Note: This project uses type: module. Use ESM imports and import.meta.url.
 11 | import { execSync } from 'node:child_process';
 12 | import { readFileSync, writeFileSync, existsSync } from 'node:fs';
 13 | import path from 'node:path';
 14 | import { fileURLToPath } from 'node:url';
 15 | 
 16 | const __filename = fileURLToPath(import.meta.url);
 17 | const __dirname = path.dirname(__filename);
 18 | const repoRoot = path.resolve(__dirname, '..');
 19 | 
 20 | function log(step, message) {
 21 | 	const stamp = new Date().toISOString();
 22 | 	console.log(`[${stamp}] [${step}] ${message}`);
 23 | }
 24 | 
 25 | function run(cmd, cwd) {
 26 | 	log('run', `${cmd} (cwd=${cwd || process.cwd()})`);
 27 | 	execSync(cmd, { stdio: 'inherit', cwd: cwd || process.cwd(), shell: true });
 28 | }
 29 | 
 30 | function findFirstExisting(paths) {
 31 | 	for (const p of paths) {
 32 | 		if (existsSync(p)) return p;
 33 | 	}
 34 | 	return null;
 35 | }
 36 | 
 37 | // Escape angle brackets for safe insertion into HTML 
 38 | function escapeAngleBrackets(content) {
 39 | 	// The intent is to display raw text in HTML; escape < and >.
 40 | 	// Also normalize CRLF to LF to avoid double-escaping edge cases.
 41 | 	return content.replace(/\r\n/g, '\n').replace(//g, '>');
 42 | }
 43 | 
 44 | // Replace the first 
...
 block in a Vue SFC file with provided content
 45 | function replacePreBlock(vueFilePath, escapedText) {
 46 | 	const original = readFileSync(vueFilePath, 'utf8');
 47 | 
 48 | 	// Capture indentation before 
 to keep formatting consistent
 49 | 	const preRegex = /(\n|\r|^)\s*/i;
 50 | 	const match = original.match(preRegex);
 51 | 	if (!match) {
 52 | 		throw new Error(`No 
...
 block found in ${vueFilePath}`);
 53 | 	}
 54 | 
 55 | 	// Determine the indentation of the first 
 56 | 	const preStartIndex = match.index ?? 0;
 57 | 	const before = original.slice(0, preStartIndex);
 58 | 	const lineStart = before.lastIndexOf('\n') + 1;
 59 | 	const indent = before.slice(lineStart).match(/^\s*/)?.[0] ?? '';
 60 | 
 61 | 	const replacement = `\n${indent}
\n${escapedText}\n${indent}
`;
 62 | 	const updated = original.replace(preRegex, replacement);
 63 | 	writeFileSync(vueFilePath, updated);
 64 | 	return { changed: original !== updated };
 65 | }
 66 | 
 67 | // Extract the first 
...
 block from an HTML file
 68 | function extractMain(htmlFilePath) {
 69 | 	const html = readFileSync(htmlFilePath, 'utf8');
 70 | 	const mainRegex = //i;
 71 | 	const m = html.match(mainRegex);
 72 | 	if (!m) {
 73 | 		throw new Error(`No 
...
 found in ${htmlFilePath}`);
 74 | 	}
 75 | 	return m[0];
 76 | }
 77 | 
 78 | // Replace the first 
...
 block in a Vue SFC
 79 | function replaceMainInVue(vueFilePath, newMainHtml) {
 80 | 	const original = readFileSync(vueFilePath, 'utf8');
 81 | 	const mainRegex = //i;
 82 | 	if (!mainRegex.test(original)) {
 83 | 		throw new Error(`No 
...
 block found in ${vueFilePath}`);
 84 | 	}
 85 | 	const updated = original.replace(mainRegex, newMainHtml);
 86 | 	writeFileSync(vueFilePath, updated);
 87 | 	return { changed: original !== updated };
 88 | }
 89 | 
 90 | async function main() {
 91 | 	const args = process.argv.slice(2);
 92 | 	const skipCommands = args.includes('--skip-commands');
 93 | 
 94 | 	// Step 1: run yarn generate
 95 | 	if (!skipCommands) {
 96 | 		log('step-1', 'Running `yarn generate` at repository root...');
 97 | 		run('yarn generate', repoRoot);
 98 | 	} else {
 99 | 		log('step-1', 'Skipping `yarn generate` (flag --skip-commands)');
100 | 	}
101 | 
102 | 	// Step 2: run cargo about generate in src-tauri
103 | 	const srcTauriDir = path.resolve(repoRoot, 'src-tauri');
104 | 	if (!skipCommands) {
105 | 		log('step-2', 'Generating Rust license report with `cargo about`...');
106 | 		const aboutHbs = path.resolve(srcTauriDir, 'about.hbs');
107 | 		if (!existsSync(aboutHbs)) {
108 | 			throw new Error(`Template not found: ${aboutHbs}`);
109 | 		}
110 | 		run('cargo about generate about.hbs -o license.html', srcTauriDir);
111 | 	} else {
112 | 		log('step-2', 'Skipping `cargo about generate` (flag --skip-commands)');
113 | 	}
114 | 
115 | 	// Step 3: Replace 
 in pages/licenses/index.vue with escaped LICENSES_3RD_PARTY.txt
116 | 	log('step-3', 'Embedding LICENSES_3RD_PARTY.txt into pages/licenses/index.vue...');
117 | 	const thirdPartyReportPath = path.resolve(repoRoot, 'LICENSES_3RD_PARTY.txt');
118 | 	if (!existsSync(thirdPartyReportPath)) {
119 | 		throw new Error(`Missing file: ${thirdPartyReportPath}`);
120 | 	}
121 | 	const rawThirdParty = readFileSync(thirdPartyReportPath, 'utf8');
122 | 	const escapedThirdParty = escapeAngleBrackets(rawThirdParty);
123 | 
124 | 	const licensesIndexCandidates = [
125 | 		path.resolve(repoRoot, 'pages', 'licenses', 'index.vue'), // expected
126 | 		path.resolve(repoRoot, 'pages', 'licenes', 'index.vue'), // fallback for potential typo
127 | 	];
128 | 	const licensesIndexPath = findFirstExisting(licensesIndexCandidates);
129 | 	if (!licensesIndexPath) {
130 | 		throw new Error('Could not find licenses index.vue page in either pages/licenses/index.vue or pages/licenes/index.vue');
131 | 	}
132 | 	replacePreBlock(licensesIndexPath, escapedThirdParty);
133 | 	log('step-3', `Updated 
 block in ${path.relative(repoRoot, licensesIndexPath)}`);
134 | 
135 | 	// Step 4: Extract 
 from src-tauri/license.html and replace in pages/licenses/rust.vue
136 | 	log('step-4', 'Replacing 
 in pages/licenses/rust.vue with generated Rust licenses HTML...');
137 | 	const generatedHtmlPath = path.resolve(srcTauriDir, 'license.html');
138 | 	if (!existsSync(generatedHtmlPath)) {
139 | 		throw new Error(`Generated HTML not found: ${generatedHtmlPath}. Did step 2 succeed?`);
140 | 	}
141 | 	const newMainHtml = extractMain(generatedHtmlPath);
142 | 
143 | 	const rustVueCandidates = [
144 | 		path.resolve(repoRoot, 'pages', 'licenses', 'rust.vue'), // expected
145 | 		path.resolve(repoRoot, 'pages', 'rust.vue'), // fallback for potential older path
146 | 	];
147 | 	const rustVuePath = findFirstExisting(rustVueCandidates);
148 | 	if (!rustVuePath) {
149 | 		throw new Error('Could not find Rust licenses page in either pages/licenses/rust.vue or pages/rust.vue');
150 | 	}
151 | 	replaceMainInVue(rustVuePath, newMainHtml);
152 | 	log('step-4', `Updated 
 block in ${path.relative(repoRoot, rustVuePath)}`);
153 | 
154 | 	log('done', 'All steps completed successfully.');
155 | }
156 | 
157 | main().catch(err => {
158 |     console.error(`[error] ${err.message}`);
159 |     process.exit(1);
160 | });


--------------------------------------------------------------------------------
/LICENSES/CC0-1.0.txt:
--------------------------------------------------------------------------------
  1 | Creative Commons Legal Code
  2 | 
  3 | CC0 1.0 Universal
  4 | 
  5 |     CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
  6 |     LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN
  7 |     ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
  8 |     INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
  9 |     REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS
 10 |     PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM
 11 |     THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED
 12 |     HEREUNDER.
 13 | 
 14 | Statement of Purpose
 15 | 
 16 | The laws of most jurisdictions throughout the world automatically confer
 17 | exclusive Copyright and Related Rights (defined below) upon the creator
 18 | and subsequent owner(s) (each and all, an "owner") of an original work of
 19 | authorship and/or a database (each, a "Work").
 20 | 
 21 | Certain owners wish to permanently relinquish those rights to a Work for
 22 | the purpose of contributing to a commons of creative, cultural and
 23 | scientific works ("Commons") that the public can reliably and without fear
 24 | of later claims of infringement build upon, modify, incorporate in other
 25 | works, reuse and redistribute as freely as possible in any form whatsoever
 26 | and for any purposes, including without limitation commercial purposes.
 27 | These owners may contribute to the Commons to promote the ideal of a free
 28 | culture and the further production of creative, cultural and scientific
 29 | works, or to gain reputation or greater distribution for their Work in
 30 | part through the use and efforts of others.
 31 | 
 32 | For these and/or other purposes and motivations, and without any
 33 | expectation of additional consideration or compensation, the person
 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she
 35 | is an owner of Copyright and Related Rights in the Work, voluntarily
 36 | elects to apply CC0 to the Work and publicly distribute the Work under its
 37 | terms, with knowledge of his or her Copyright and Related Rights in the
 38 | Work and the meaning and intended legal effect of CC0 on those rights.
 39 | 
 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be
 41 | protected by copyright and related or neighboring rights ("Copyright and
 42 | Related Rights"). Copyright and Related Rights include, but are not
 43 | limited to, the following:
 44 | 
 45 |   i. the right to reproduce, adapt, distribute, perform, display,
 46 |      communicate, and translate a Work;
 47 |  ii. moral rights retained by the original author(s) and/or performer(s);
 48 | iii. publicity and privacy rights pertaining to a person's image or
 49 |      likeness depicted in a Work;
 50 |  iv. rights protecting against unfair competition in regards to a Work,
 51 |      subject to the limitations in paragraph 4(a), below;
 52 |   v. rights protecting the extraction, dissemination, use and reuse of data
 53 |      in a Work;
 54 |  vi. database rights (such as those arising under Directive 96/9/EC of the
 55 |      European Parliament and of the Council of 11 March 1996 on the legal
 56 |      protection of databases, and under any national implementation
 57 |      thereof, including any amended or successor version of such
 58 |      directive); and
 59 | vii. other similar, equivalent or corresponding rights throughout the
 60 |      world based on applicable law or treaty, and any national
 61 |      implementations thereof.
 62 | 
 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention
 64 | of, applicable law, Affirmer hereby overtly, fully, permanently,
 65 | irrevocably and unconditionally waives, abandons, and surrenders all of
 66 | Affirmer's Copyright and Related Rights and associated claims and causes
 67 | of action, whether now known or unknown (including existing as well as
 68 | future claims and causes of action), in the Work (i) in all territories
 69 | worldwide, (ii) for the maximum duration provided by applicable law or
 70 | treaty (including future time extensions), (iii) in any current or future
 71 | medium and for any number of copies, and (iv) for any purpose whatsoever,
 72 | including without limitation commercial, advertising or promotional
 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
 74 | member of the public at large and to the detriment of Affirmer's heirs and
 75 | successors, fully intending that such Waiver shall not be subject to
 76 | revocation, rescission, cancellation, termination, or any other legal or
 77 | equitable action to disrupt the quiet enjoyment of the Work by the public
 78 | as contemplated by Affirmer's express Statement of Purpose.
 79 | 
 80 | 3. Public License Fallback. Should any part of the Waiver for any reason
 81 | be judged legally invalid or ineffective under applicable law, then the
 82 | Waiver shall be preserved to the maximum extent permitted taking into
 83 | account Affirmer's express Statement of Purpose. In addition, to the
 84 | extent the Waiver is so judged Affirmer hereby grants to each affected
 85 | person a royalty-free, non transferable, non sublicensable, non exclusive,
 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and
 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the
 88 | maximum duration provided by applicable law or treaty (including future
 89 | time extensions), (iii) in any current or future medium and for any number
 90 | of copies, and (iv) for any purpose whatsoever, including without
 91 | limitation commercial, advertising or promotional purposes (the
 92 | "License"). The License shall be deemed effective as of the date CC0 was
 93 | applied by Affirmer to the Work. Should any part of the License for any
 94 | reason be judged legally invalid or ineffective under applicable law, such
 95 | partial invalidity or ineffectiveness shall not invalidate the remainder
 96 | of the License, and in such case Affirmer hereby affirms that he or she
 97 | will not (i) exercise any of his or her remaining Copyright and Related
 98 | Rights in the Work or (ii) assert any associated claims and causes of
 99 | action with respect to the Work, in either case contrary to Affirmer's
100 | express Statement of Purpose.
101 | 
102 | 4. Limitations and Disclaimers.
103 | 
104 |  a. No trademark or patent rights held by Affirmer are waived, abandoned,
105 |     surrendered, licensed or otherwise affected by this document.
106 |  b. Affirmer offers the Work as-is and makes no representations or
107 |     warranties of any kind concerning the Work, express, implied,
108 |     statutory or otherwise, including without limitation warranties of
109 |     title, merchantability, fitness for a particular purpose, non
110 |     infringement, or the absence of latent or other defects, accuracy, or
111 |     the present or absence of errors, whether or not discoverable, all to
112 |     the greatest extent permissible under applicable law.
113 |  c. Affirmer disclaims responsibility for clearing rights of other persons
114 |     that may apply to the Work or any use thereof, including without
115 |     limitation any person's Copyright and Related Rights in the Work.
116 |     Further, Affirmer disclaims responsibility for obtaining any necessary
117 |     consents, permissions or other rights required for any use of the
118 |     Work.
119 |  d. Affirmer understands and acknowledges that Creative Commons is not a
120 |     party to this document and has no duty or obligation with respect to
121 |     this CC0 or use of the Work.
122 | 


--------------------------------------------------------------------------------
/composables/useBoard.ts:
--------------------------------------------------------------------------------
  1 | /* SPDX-FileCopyrightText: Copyright (c) 2022-2025 trobonox 
  2 | 
  3 | SPDX-License-Identifier: GPL-3.0-or-later
  4 | 
  5 | Kanri is an offline Kanban board app made using Tauri and Nuxt.
  6 | Copyright (C) 2022-2025 trobonox 
  7 | 
  8 | This program is free software: you can redistribute it and/or modify
  9 | it under the terms of the GNU General Public License as published by
 10 | the Free Software Foundation, either version 3 of the License, or
 11 | (at your option) any later version.
 12 | 
 13 | This program is distributed in the hope that it will be useful,
 14 | but WITHOUT ANY WARRANTY; without even the implied warranty of
 15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 16 | GNU General Public License for more details.
 17 | 
 18 | You should have received a copy of the GNU General Public License
 19 | along with this program.  If not, see .
 20 | */
 21 | 
 22 | import { computed, toValue } from "vue";
 23 | import type { Ref } from "vue";
 24 | import type { Board, Card, Column, Tag } from "@/types/kanban-types";
 25 | import { useBoardsStore } from "@/stores/boards";
 26 | 
 27 | export function useBoard(id: string | Ref) {
 28 |   const store = useBoardsStore();
 29 | 
 30 |   const board = computed(() => store.boardById(toValue(id)));
 31 | 
 32 |   const isPinned = computed(() => store.isPinned(toValue(id)));
 33 | 
 34 |   async function init() {
 35 |     await store.init();
 36 | 
 37 |     // in case boards were changed externally
 38 |     if (!board.value) {
 39 |       await store.forceReloadBoards();
 40 |     }
 41 |   }
 42 | 
 43 |   // manual save, usually not needed due to autosave
 44 |   async function save() {
 45 |     await store.save();
 46 |   }
 47 | 
 48 |   // Board
 49 |   function renameBoard(title: string) {
 50 |     if (!board.value) return;
 51 |     store.renameBoard(board.value.id, title);
 52 |   }
 53 |   function togglePin() {
 54 |     if (!board.value) return;
 55 |     store.togglePin(board.value.id);
 56 |   }
 57 |   function updateBoardPin() {
 58 |     if (!board.value) return;
 59 |     store.updateBoardPin(board.value.id);
 60 |   }
 61 |   function duplicate() {
 62 |     if (!board.value) return;
 63 |     store.duplicateBoard(board.value.id);
 64 |   }
 65 |   function remove() {
 66 |     if (!board.value) return;
 67 |     store.removeBoard(board.value.id);
 68 |   }
 69 | 
 70 |   // Columns
 71 |   function addColumn(title?: string) {
 72 |     if (!board.value) return;
 73 |     store.addColumn(board.value.id, title);
 74 |   }
 75 |   function removeColumn(columnId: string) {
 76 |     if (!board.value) return;
 77 |     store.removeColumn(board.value.id, columnId);
 78 |   }
 79 |   function reorderColumns(next: Column[]) {
 80 |     if (!board.value) return;
 81 |     store.reorderColumns(board.value.id, next);
 82 |   }
 83 |   function setColumnTitle(columnId: string, title: string) {
 84 |     if (!board.value) return;
 85 |     store.setColumnTitle(board.value.id, columnId, title);
 86 |   }
 87 | 
 88 |   // Cards
 89 |   function createCard(columnId: string, card: Card, addToTop?: boolean) {
 90 |     if (!board.value) return;
 91 |     if (!addToTop) addToTop = false;
 92 |     store.createCard(board.value.id, columnId, card, addToTop);
 93 |   }
 94 | 
 95 |   function duplicateCard(columnId: string, cardId: string | undefined) {
 96 |     if (!board.value) return;
 97 |     if (!cardId) return;
 98 |     store.duplicateCard(board.value.id, columnId, cardId);
 99 |   }
100 | 
101 |   function deleteCard(columnId: string, cardId: string | undefined) {
102 |     if (!board.value) return;
103 |     if (!cardId) return;
104 |     store.deleteCard(board.value.id, columnId, cardId);
105 |   }
106 |   
107 |   function deleteAllColumnCards(columnId: string) {
108 |     if (!board.value) return;
109 |     store.deleteAllColumnCards(board.value.id, columnId);
110 |   }
111 | 
112 |   function mutateCard(columnId: string, cardId: string, mut: Parameters[3]) {
113 |     if (!board.value) return;
114 |     store.mutateCard(board.value.id, columnId, cardId, mut);
115 |   }
116 | 
117 |   function reorderCards(columnId: string, nextCards: Card[]) {
118 |     if (!board.value) return;
119 |     store.reorderCards(board.value.id, columnId, nextCards);
120 |   }
121 | 
122 |   const setCardName = (
123 |     columnId: string,
124 |     cardId: string | undefined,
125 |     name: string
126 |   ) => {
127 |     if (!board.value) return;
128 |     if (!cardId) return;
129 | 
130 |     mutateCard(columnId, cardId, (card) => {
131 |       card.name = name;
132 |     });
133 |   };
134 | 
135 |   const setCardDescription = (
136 |     columnId: string,
137 |     cardId: string | undefined,
138 |     description: string
139 |   ) => {
140 |     if (!board.value) return;
141 |     if (!cardId) return;
142 | 
143 |     mutateCard(columnId, cardId, (card) => {
144 |       card.description = description;
145 |     });
146 |   };
147 | 
148 |   const setCardColor = (
149 |     columnId: string,
150 |     cardId: string | undefined,
151 |     color: string
152 |   ) => {
153 |     if (!board.value) return;
154 |     if (!cardId) return;
155 | 
156 |     mutateCard(columnId, cardId, (card) => {
157 |       card.color = color;
158 |     });
159 |   };
160 | 
161 |   const setCardTasks = (
162 |     columnId: string,
163 |     cardId: string | undefined,
164 |     tasks: Card["tasks"]
165 |   ) => {
166 |     if (!board.value) return;
167 |     if (!cardId) return;
168 | 
169 |     mutateCard(columnId, cardId, (card) => {
170 |       card.tasks = tasks;
171 |     });
172 |   };
173 | 
174 |   const setCardDueDate = (
175 |     columnId: string,
176 |     cardId: string | undefined,
177 |     dueDate: Date | null,
178 |     isCounterRelative: boolean,
179 |     isCompleted: boolean
180 |   ) => {
181 |     if (!board.value) return;
182 |     if (!cardId) return;
183 | 
184 |     mutateCard(columnId, cardId, (card) => {
185 |       card.dueDate = dueDate;
186 |       card.isDueDateCounterRelative = isCounterRelative;
187 |       card.isDueDateCompleted = isCompleted;
188 |     });
189 |   };
190 | 
191 |   const setCardTags = (
192 |     columnId: string,
193 |     cardId: string | undefined,
194 |     tags: Array
195 |   ) => {
196 |     if (!board.value) return;
197 |     if (!cardId) return;
198 | 
199 |     mutateCard(columnId, cardId, (card) => {
200 |       card.tags = tags;
201 |     });
202 |   };
203 | 
204 |   // (Global) Card Tags
205 |   const addGlobalTag = (tag: Tag) => {
206 |     if (!board.value) return;
207 |     store.addGlobalTag(board.value.id, tag);
208 |   };
209 | 
210 |   const removeGlobalTag = (tagId: string) => {
211 |     if (!board.value) return;
212 |     store.removeGlobalTag(board.value.id, tagId);
213 |   };
214 | 
215 |   const setGlobalTagColor = (tagId: string, color: string) => {
216 |     if (!board.value) return;
217 |     store.setGlobalTagColor(board.value.id, tagId, color);
218 |   };
219 | 
220 |   const updateGlobalTagName = (tagId: string, newName: string) => {
221 |     if (!board.value) return;
222 |     store.updateGlobalTagName(board.value.id, tagId, newName);
223 |   };
224 | 
225 |   return {
226 |     // state
227 |     board,
228 |     isPinned,
229 | 
230 |     // lifecycle
231 |     init,
232 |     save,
233 | 
234 |     // board actions
235 |     renameBoard,
236 |     togglePin,
237 |     updateBoardPin,
238 |     duplicate,
239 |     remove,
240 | 
241 |     // column actions
242 |     addColumn,
243 |     removeColumn,
244 |     reorderColumns,
245 |     setColumnTitle,
246 | 
247 |     // card actions
248 |     createCard,
249 |     deleteCard,
250 |     deleteAllColumnCards,
251 |     duplicateCard,
252 |     mutateCard,
253 |     reorderCards,
254 |     setCardName,
255 |     setCardDescription,
256 |     setCardColor,
257 |     setCardTasks,
258 |     setCardDueDate,
259 |     setCardTags,
260 | 
261 |     // global tags
262 |     addGlobalTag,
263 |     removeGlobalTag,
264 |     setGlobalTagColor,
265 |     updateGlobalTagName,
266 |   };
267 | }


--------------------------------------------------------------------------------