├── .husky
    └── pre-commit
├── .npmrc
├── apps
    ├── web
    │   ├── .npmrc
    │   ├── .dockerignore
    │   ├── .eslintrc.cjs
    │   ├── src
    │   │   ├── routes
    │   │   │   ├── +layout.server.ts
    │   │   │   ├── +page.server.ts
    │   │   │   ├── +page.svelte
    │   │   │   ├── tasks
    │   │   │   │   ├── +layout.svelte
    │   │   │   │   ├── +page.svelte
    │   │   │   │   └── sidebar.svelte
    │   │   │   ├── daily
    │   │   │   │   ├── +layout.svelte
    │   │   │   │   └── +page.svelte
    │   │   │   └── notes
    │   │   │   │   ├── +layout.svelte
    │   │   │   │   └── +page.svelte
    │   │   ├── lib
    │   │   │   ├── index.ts
    │   │   │   ├── components
    │   │   │   │   ├── shared
    │   │   │   │   │   ├── editor
    │   │   │   │   │   │   ├── extensions
    │   │   │   │   │   │   │   └── index.ts
    │   │   │   │   │   │   ├── editor-store.ts
    │   │   │   │   │   │   └── inline-title.svelte
    │   │   │   │   │   ├── shortcut.svelte
    │   │   │   │   │   ├── tooltip.svelte
    │   │   │   │   │   └── command-menu
    │   │   │   │   │   │   └── helpers.ts
    │   │   │   │   ├── layout
    │   │   │   │   │   └── header.svelte
    │   │   │   │   └── notes
    │   │   │   │   │   └── layout.svelte
    │   │   │   ├── database
    │   │   │   │   ├── schema.ts
    │   │   │   │   ├── migrations
    │   │   │   │   │   └── migrations.sql
    │   │   │   │   └── client.ts
    │   │   │   ├── types.ts
    │   │   │   ├── store.ts
    │   │   │   ├── actions
    │   │   │   │   └── shortcut.ts
    │   │   │   ├── constants.ts
    │   │   │   └── api
    │   │   │   │   └── settings.ts
    │   │   ├── app.d.ts
    │   │   └── app.html
    │   ├── static
    │   │   ├── icon.png
    │   │   └── favicon.ico
    │   ├── .prettierignore
    │   ├── postcss.config.js
    │   ├── .gitignore
    │   ├── .eslintignore
    │   ├── .prettierrc
    │   ├── vite.config.ts
    │   ├── nginx.conf
    │   ├── tailwind.config.js
    │   ├── tsconfig.json
    │   ├── svelte.config.js
    │   ├── README.md
    │   ├── Dockerfile
    │   └── package.json
    ├── desktop
    │   ├── .npmrc
    │   ├── src-tauri
    │   │   ├── src
    │   │   │   ├── mac
    │   │   │   │   └── mod.rs
    │   │   │   ├── commands
    │   │   │   │   ├── mod.rs
    │   │   │   │   └── folder.rs
    │   │   │   └── main.rs
    │   │   ├── build.rs
    │   │   ├── .gitignore
    │   │   ├── icons
    │   │   │   ├── 32x32.png
    │   │   │   ├── icon.icns
    │   │   │   ├── icon.ico
    │   │   │   ├── icon.png
    │   │   │   ├── 128x128.png
    │   │   │   ├── 128x128@2x.png
    │   │   │   ├── StoreLogo.png
    │   │   │   ├── Square30x30Logo.png
    │   │   │   ├── Square44x44Logo.png
    │   │   │   ├── Square71x71Logo.png
    │   │   │   ├── Square89x89Logo.png
    │   │   │   ├── Square107x107Logo.png
    │   │   │   ├── Square142x142Logo.png
    │   │   │   ├── Square150x150Logo.png
    │   │   │   ├── Square284x284Logo.png
    │   │   │   └── Square310x310Logo.png
    │   │   ├── Cargo.toml
    │   │   └── tauri.conf.json
    │   ├── .eslintrc.cjs
    │   ├── src
    │   │   ├── lib
    │   │   │   ├── index.ts
    │   │   │   ├── components
    │   │   │   │   ├── shared
    │   │   │   │   │   ├── editor
    │   │   │   │   │   │   ├── extensions
    │   │   │   │   │   │   │   └── index.ts
    │   │   │   │   │   │   ├── editor-store.ts
    │   │   │   │   │   │   └── inline-title.svelte
    │   │   │   │   │   ├── shortcut.svelte
    │   │   │   │   │   ├── tooltip.svelte
    │   │   │   │   │   └── command-menu
    │   │   │   │   │   │   └── helpers.ts
    │   │   │   │   ├── layout
    │   │   │   │   │   └── header.svelte
    │   │   │   │   └── notes
    │   │   │   │   │   └── layout.svelte
    │   │   │   ├── types.ts
    │   │   │   ├── api
    │   │   │   │   ├── settings.ts
    │   │   │   │   ├── folders.ts
    │   │   │   │   └── collection.ts
    │   │   │   ├── actions
    │   │   │   │   └── shortcut.ts
    │   │   │   ├── store.ts
    │   │   │   └── constants.ts
    │   │   ├── routes
    │   │   │   ├── +layout.server.ts
    │   │   │   ├── daily
    │   │   │   │   ├── +layout.svelte
    │   │   │   │   └── +page.svelte
    │   │   │   ├── notes
    │   │   │   │   ├── +layout.svelte
    │   │   │   │   └── +page.svelte
    │   │   │   ├── tasks
    │   │   │   │   ├── +layout.svelte
    │   │   │   │   ├── +page.svelte
    │   │   │   │   └── sidebar.svelte
    │   │   │   ├── +layout.svelte
    │   │   │   └── +page.svelte
    │   │   ├── app.d.ts
    │   │   └── app.html
    │   ├── static
    │   │   └── favicon.png
    │   ├── .prettierignore
    │   ├── postcss.config.js
    │   ├── vite.config.ts
    │   ├── .gitignore
    │   ├── .eslintignore
    │   ├── .prettierrc
    │   ├── tailwind.config.js
    │   ├── components.json
    │   ├── tsconfig.json
    │   ├── svelte.config.js
    │   ├── README.md
    │   └── package.json
    └── homepage
    │   ├── .npmrc
    │   ├── .prettierignore
    │   ├── static
    │       ├── favicon.ico
    │       ├── landing.png
    │       └── hero-dark.png
    │   ├── postcss.config.js
    │   ├── src
    │       ├── lib
    │       │   ├── assets
    │       │   │   └── hero-dark.png
    │       │   ├── store.ts
    │       │   ├── redirects.ts
    │       │   └── components
    │       │   │   └── platform-button.svelte
    │       ├── app.d.ts
    │       ├── hooks.server.ts
    │       ├── app.html
    │       └── routes
    │       │   └── api
    │       │       └── download
    │       │           └── +server.ts
    │   ├── vite.config.ts
    │   ├── .prettierrc
    │   ├── .gitignore
    │   ├── tailwind.config.js
    │   ├── tsconfig.json
    │   ├── svelte.config.js
    │   ├── eslint.config.js
    │   ├── README.md
    │   └── package.json
├── .github
    ├── FUNDING.yml
    ├── assets
    │   ├── haptic-dark.png
    │   └── haptic-light.png
    ├── workflows
    │   ├── dockerize-on-release.yml
    │   ├── test-build-only.yml
    │   └── publish-on-release.yml
    └── ISSUE_TEMPLATE
    │   ├── feature-request.yml
    │   └── bug-report.yml
├── pnpm-workspace.yaml
├── .prettierrc
├── packages
    ├── ui
    │   ├── .eslintrc.cjs
    │   ├── components
    │   │   ├── label
    │   │   │   ├── index.ts
    │   │   │   └── label.svelte
    │   │   ├── switch
    │   │   │   ├── index.ts
    │   │   │   └── switch.svelte
    │   │   ├── separator
    │   │   │   ├── index.ts
    │   │   │   └── separator.svelte
    │   │   ├── dialog
    │   │   │   ├── dialog-portal.svelte
    │   │   │   ├── dialog-header.svelte
    │   │   │   ├── dialog-footer.svelte
    │   │   │   ├── dialog-title.svelte
    │   │   │   ├── dialog-description.svelte
    │   │   │   ├── dialog-overlay.svelte
    │   │   │   ├── index.ts
    │   │   │   └── dialog-content.svelte
    │   │   ├── context-menu
    │   │   │   ├── context-menu-radio-group.svelte
    │   │   │   ├── context-menu-separator.svelte
    │   │   │   ├── context-menu-shortcut.svelte
    │   │   │   ├── context-menu-label.svelte
    │   │   │   ├── context-menu-content.svelte
    │   │   │   ├── context-menu-sub-content.svelte
    │   │   │   ├── context-menu-root.svelte
    │   │   │   ├── context-menu-item.svelte
    │   │   │   ├── context-menu-sub-trigger.svelte
    │   │   │   ├── context-menu-radio-item.svelte
    │   │   │   ├── context-menu-checkbox-item.svelte
    │   │   │   └── index.ts
    │   │   ├── collapsible
    │   │   │   ├── index.ts
    │   │   │   └── collapsible-content.svelte
    │   │   ├── select
    │   │   │   ├── select-separator.svelte
    │   │   │   ├── select-label.svelte
    │   │   │   ├── index.ts
    │   │   │   ├── select-trigger.svelte
    │   │   │   ├── select-content.svelte
    │   │   │   └── select-item.svelte
    │   │   ├── sheet
    │   │   │   ├── sheet-portal.svelte
    │   │   │   ├── sheet-header.svelte
    │   │   │   ├── sheet-title.svelte
    │   │   │   ├── sheet-description.svelte
    │   │   │   ├── sheet-footer.svelte
    │   │   │   ├── sheet-overlay.svelte
    │   │   │   ├── sheet-content.svelte
    │   │   │   └── index.ts
    │   │   ├── command
    │   │   │   ├── command-separator.svelte
    │   │   │   ├── command-empty.svelte
    │   │   │   ├── command-shortcut.svelte
    │   │   │   ├── command-list.svelte
    │   │   │   ├── command.svelte
    │   │   │   ├── command-group.svelte
    │   │   │   ├── command-input.svelte
    │   │   │   ├── command-item.svelte
    │   │   │   ├── index.ts
    │   │   │   └── command-dialog.svelte
    │   │   ├── tabs
    │   │   │   ├── index.ts
    │   │   │   ├── tabs-list.svelte
    │   │   │   ├── tabs-content.svelte
    │   │   │   └── tabs-trigger.svelte
    │   │   ├── calendar
    │   │   │   ├── calendar-grid-body.svelte
    │   │   │   ├── calendar-grid-head.svelte
    │   │   │   ├── calendar-grid-row.svelte
    │   │   │   ├── calendar-months.svelte
    │   │   │   ├── calendar-header.svelte
    │   │   │   ├── calendar-head-cell.svelte
    │   │   │   ├── calendar-grid.svelte
    │   │   │   ├── calendar-heading.svelte
    │   │   │   ├── calendar-cell.svelte
    │   │   │   ├── calendar-next-button.svelte
    │   │   │   ├── calendar-prev-button.svelte
    │   │   │   ├── index.ts
    │   │   │   ├── calendar.svelte
    │   │   │   └── calendar-day.svelte
    │   │   ├── tooltip
    │   │   │   ├── index.ts
    │   │   │   └── tooltip-content.svelte
    │   │   ├── button
    │   │   │   ├── button.svelte
    │   │   │   └── index.ts
    │   │   └── input
    │   │   │   ├── index.ts
    │   │   │   └── input.svelte
    │   ├── .prettierrc
    │   ├── package.json
    │   ├── theme.css
    │   ├── lib
    │   │   └── utils.ts
    │   ├── app.web.css
    │   └── app.desktop.css
    ├── config-tailwind
    │   └── package.json
    └── config-eslint
    │   ├── package.json
    │   └── index.js
├── .eslintrc.cjs
├── .prettierignore
├── turbo.json
├── .gitignore
└── package.json


/.husky/pre-commit:
--------------------------------------------------------------------------------
1 | pnpm lint-staged


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | auto-install-peers = true
2 | 


--------------------------------------------------------------------------------
/apps/web/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=true
2 | 


--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | github: chroxify
2 | 


--------------------------------------------------------------------------------
/apps/desktop/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=true
2 | 


--------------------------------------------------------------------------------
/apps/homepage/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=true
2 | 


--------------------------------------------------------------------------------
/apps/web/.dockerignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .turbo


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/src/mac/mod.rs:
--------------------------------------------------------------------------------
1 | pub mod window;


--------------------------------------------------------------------------------
/pnpm-workspace.yaml:
--------------------------------------------------------------------------------
1 | packages:
2 |   - "apps/*"
3 |   - "packages/*"
4 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/src/commands/mod.rs:
--------------------------------------------------------------------------------
1 | pub mod folder;
2 | pub mod search;


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/build.rs:
--------------------------------------------------------------------------------
1 | fn main() {
2 |   tauri_build::build()
3 | }
4 | 


--------------------------------------------------------------------------------
/apps/web/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 	extends: ['@haptic/eslint-config/index.js']
3 | };
4 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/+layout.server.ts:
--------------------------------------------------------------------------------
1 | export const prerender = true;
2 | export const ssr = false;
3 | 


--------------------------------------------------------------------------------
/apps/web/static/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/web/static/icon.png


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "singleQuote": true,
3 |   "trailingComma": "none",
4 |   "printWidth": 100
5 | }
6 | 


--------------------------------------------------------------------------------
/apps/desktop/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 	extends: ['@haptic/eslint-config/index.js']
3 | };
4 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | // place files you want to import through the `$lib` alias in this folder.
2 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/+layout.server.ts:
--------------------------------------------------------------------------------
1 | export const prerender = true;
2 | export const ssr = false;
3 | 


--------------------------------------------------------------------------------
/apps/homepage/.prettierignore:
--------------------------------------------------------------------------------
1 | # Package Managers
2 | package-lock.json
3 | pnpm-lock.yaml
4 | yarn.lock
5 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | // place files you want to import through the `$lib` alias in this folder.
2 | 


--------------------------------------------------------------------------------
/apps/web/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/web/static/favicon.ico


--------------------------------------------------------------------------------
/packages/ui/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   extends: ['@haptic/eslint-config/index.js']
3 | };
4 | 


--------------------------------------------------------------------------------
/.github/assets/haptic-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/.github/assets/haptic-dark.png


--------------------------------------------------------------------------------
/.github/assets/haptic-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/.github/assets/haptic-light.png


--------------------------------------------------------------------------------
/apps/desktop/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/static/favicon.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/.gitignore:
--------------------------------------------------------------------------------
1 | # Generated by Cargo
2 | # will have compiled files and executables
3 | /target/
4 | 


--------------------------------------------------------------------------------
/apps/homepage/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/homepage/static/favicon.ico


--------------------------------------------------------------------------------
/apps/homepage/static/landing.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/homepage/static/landing.png


--------------------------------------------------------------------------------
/apps/homepage/static/hero-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/homepage/static/hero-dark.png


--------------------------------------------------------------------------------
/apps/web/.prettierignore:
--------------------------------------------------------------------------------
1 | # Ignore files for PNPM, NPM and YARN
2 | pnpm-lock.yaml
3 | package-lock.json
4 | yarn.lock
5 | 


--------------------------------------------------------------------------------
/apps/desktop/.prettierignore:
--------------------------------------------------------------------------------
1 | # Ignore files for PNPM, NPM and YARN
2 | pnpm-lock.yaml
3 | package-lock.json
4 | yarn.lock
5 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/32x32.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/icon.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/icon.icns


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/icon.ico


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/icon.png


--------------------------------------------------------------------------------
/apps/homepage/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 	plugins: {
3 | 		tailwindcss: {},
4 | 		autoprefixer: {}
5 | 	}
6 | };
7 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/128x128.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/128x128@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/128x128@2x.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/StoreLogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/StoreLogo.png


--------------------------------------------------------------------------------
/apps/homepage/src/lib/assets/hero-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/homepage/src/lib/assets/hero-dark.png


--------------------------------------------------------------------------------
/packages/ui/components/label/index.ts:
--------------------------------------------------------------------------------
1 | import Root from './label.svelte';
2 | 
3 | export {
4 | 	Root,
5 | 	//
6 | 	Root as Label
7 | };
8 | 


--------------------------------------------------------------------------------
/packages/ui/components/switch/index.ts:
--------------------------------------------------------------------------------
1 | import Root from './switch.svelte';
2 | 
3 | export {
4 | 	Root,
5 | 	//
6 | 	Root as Switch
7 | };
8 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square30x30Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square30x30Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square44x44Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square44x44Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square71x71Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square71x71Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square89x89Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square89x89Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square107x107Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square107x107Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square142x142Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square142x142Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square150x150Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square150x150Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square284x284Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square284x284Logo.png


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/icons/Square310x310Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chroxify/haptic/HEAD/apps/desktop/src-tauri/icons/Square310x310Logo.png


--------------------------------------------------------------------------------
/apps/web/src/routes/+page.server.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 | 
3 | export function load() {
4 | 	redirect(301, '/notes');
5 | }
6 | 


--------------------------------------------------------------------------------
/packages/ui/components/separator/index.ts:
--------------------------------------------------------------------------------
1 | import Root from './separator.svelte';
2 | 
3 | export {
4 | 	Root,
5 | 	//
6 | 	Root as Separator
7 | };
8 | 


--------------------------------------------------------------------------------
/apps/desktop/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 	plugins: {
3 | 		'postcss-import': {},
4 | 		'tailwindcss/nesting': {},
5 | 		tailwindcss: {},
6 | 		autoprefixer: {}
7 | 	}
8 | };
9 | 


--------------------------------------------------------------------------------
/apps/web/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 	plugins: {
3 | 		'postcss-import': {},
4 | 		'tailwindcss/nesting': {},
5 | 		tailwindcss: {},
6 | 		autoprefixer: {}
7 | 	}
8 | };
9 | 


--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   root: true,
3 |   // This tells ESLint to load the config from the package `eslint-config-custom`
4 |   extends: ['@haptic/eslint-config/index.js']
5 | };
6 | 


--------------------------------------------------------------------------------
/apps/desktop/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import { defineConfig } from 'vite';
3 | 
4 | export default defineConfig({
5 | 	plugins: [sveltekit()]
6 | });
7 | 


--------------------------------------------------------------------------------
/apps/homepage/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import { defineConfig } from 'vite';
3 | 
4 | export default defineConfig({
5 | 	plugins: [sveltekit()]
6 | });
7 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/components/shared/editor/extensions/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchAndReplace } from './searchAndReplace';
2 | export * from './searchAndReplace';
3 | export default SearchAndReplace;
4 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/shared/editor/extensions/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchAndReplace } from './searchAndReplace';
2 | export * from './searchAndReplace';
3 | export default SearchAndReplace;
4 | 


--------------------------------------------------------------------------------
/apps/homepage/src/lib/store.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 | 
3 | export const tooltipsOpen = writable<number>(0);
4 | export const currentOpenTooltip = writable<string | null>(null);
5 | 


--------------------------------------------------------------------------------
/apps/web/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /build
 4 | /.svelte-kit
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | vite.config.js.timestamp-*
10 | vite.config.ts.timestamp-*
11 | 


--------------------------------------------------------------------------------
/apps/desktop/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /build
 4 | /.svelte-kit
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | vite.config.js.timestamp-*
10 | vite.config.ts.timestamp-*
11 | 


--------------------------------------------------------------------------------
/apps/web/.eslintignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /build
 4 | /.svelte-kit
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | 
10 | # Ignore files for PNPM, NPM and YARN
11 | pnpm-lock.yaml
12 | package-lock.json
13 | yarn.lock
14 | 


--------------------------------------------------------------------------------
/apps/desktop/.eslintignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /build
 4 | /.svelte-kit
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | 
10 | # Ignore files for PNPM, NPM and YARN
11 | pnpm-lock.yaml
12 | package-lock.json
13 | yarn.lock
14 | 


--------------------------------------------------------------------------------
/apps/web/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | 	"useTabs": true,
3 | 	"singleQuote": true,
4 | 	"trailingComma": "none",
5 | 	"printWidth": 100,
6 | 	"plugins": ["prettier-plugin-svelte"],
7 | 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/desktop/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | 	"useTabs": true,
3 | 	"singleQuote": true,
4 | 	"trailingComma": "none",
5 | 	"printWidth": 100,
6 | 	"plugins": ["prettier-plugin-svelte"],
7 | 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/daily/+layout.svelte:
--------------------------------------------------------------------------------
1 | <script lang="ts">
2 | 	import NotesSidebar from './sidebar.svelte';
3 | 	import Layout from '$lib/components/notes/layout.svelte';
4 | </script>
5 | 
6 | <Layout sidebar={NotesSidebar}>
7 | 	<slot />
8 | </Layout>
9 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/notes/+layout.svelte:
--------------------------------------------------------------------------------
1 | <script lang="ts">
2 | 	import NotesSidebar from './sidebar.svelte';
3 | 	import Layout from '$lib/components/notes/layout.svelte';
4 | </script>
5 | 
6 | <Layout sidebar={NotesSidebar}>
7 | 	<slot />
8 | </Layout>
9 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/tasks/+layout.svelte:
--------------------------------------------------------------------------------
1 | <script lang="ts">
2 | 	import TaskSidebar from './sidebar.svelte';
3 | 	import Layout from '$lib/components/notes/layout.svelte';
4 | </script>
5 | 
6 | <Layout sidebar={TaskSidebar}>
7 | 	<slot />
8 | </Layout>
9 | 


--------------------------------------------------------------------------------
/apps/homepage/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | 	"useTabs": true,
3 | 	"singleQuote": true,
4 | 	"trailingComma": "none",
5 | 	"printWidth": 100,
6 | 	"plugins": ["prettier-plugin-svelte"],
7 | 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
8 | }
9 | 


--------------------------------------------------------------------------------
/packages/ui/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | 	"useTabs": true,
3 | 	"singleQuote": true,
4 | 	"trailingComma": "none",
5 | 	"printWidth": 100,
6 | 	"plugins": ["prettier-plugin-svelte"],
7 | 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/web/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { sveltekit } from '@sveltejs/kit/vite';
 2 | import { defineConfig } from 'vite';
 3 | 
 4 | export default defineConfig({
 5 | 	plugins: [sveltekit()],
 6 | 	optimizeDeps: {
 7 | 		exclude: ['@electric-sql/pglite']
 8 | 	}
 9 | });
10 | 


--------------------------------------------------------------------------------
/packages/config-tailwind/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@haptic/tailwind-config",
 3 |   "version": "0.0.0",
 4 |   "license": "MIT",
 5 |   "private": true,
 6 |   "devDependencies": {
 7 |     "tailwindcss": "^3.3.3",
 8 |     "tailwindcss-animate": "^1.0.7"
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | .svelte-kit
 3 | node_modules
 4 | /build
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | vite.config.js*
10 | 
11 | # Ignore files for PNPM, NPM and YARN
12 | pnpm-lock.yaml
13 | pnpm-workspace.yaml
14 | package-lock.json
15 | yarn.lock
16 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/dialog-portal.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as DialogPrimitive } from 'bits-ui';
 3 | 
 4 | 	type $$Props = DialogPrimitive.PortalProps;
 5 | </script>
 6 | 
 7 | <DialogPrimitive.Portal {...$$restProps}>
 8 | 	<slot />
 9 | </DialogPrimitive.Portal>
10 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 | <script lang="ts">
2 | 	import { Button } from '@haptic/ui/components/button';
3 | </script>
4 | 
5 | <h1 class="bg-blue-500">Welcome to SvelteKit</h1>
6 | <p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
7 | 
8 | <Button>CLick me</Button>
9 | 


--------------------------------------------------------------------------------
/apps/homepage/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | 
 3 | # Output
 4 | .output
 5 | .vercel
 6 | /.svelte-kit
 7 | /build
 8 | 
 9 | # OS
10 | .DS_Store
11 | Thumbs.db
12 | 
13 | # Env
14 | .env
15 | .env.*
16 | !.env.example
17 | !.env.test
18 | 
19 | # Vite
20 | vite.config.js.timestamp-*
21 | vite.config.ts.timestamp-*
22 | 


--------------------------------------------------------------------------------
/apps/desktop/tailwind.config.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line @typescript-eslint/no-var-requires
2 | const sharedConfig = require('@haptic/tailwind-config/tailwind.config.js');
3 | 
4 | module.exports = {
5 | 	presets: [sharedConfig],
6 | 	content: ['./src/**/*.{html,js,svelte,ts}', '../../packages/ui/**/*.{html,js,svelte,ts}']
7 | };
8 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/components/shared/shortcut.svelte:
--------------------------------------------------------------------------------
1 | <script lang="ts">
2 | 	import shortcut, { type ShortcutParams } from '@/actions/shortcut';
3 | 	export let options: ShortcutParams;
4 | 	export let callback: (() => void) | undefined = undefined;
5 | </script>
6 | 
7 | <div class="hidden" use:shortcut={{ ...options, callback }} />
8 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/shared/shortcut.svelte:
--------------------------------------------------------------------------------
1 | <script lang="ts">
2 | 	import shortcut, { type ShortcutParams } from '@/actions/shortcut';
3 | 	export let options: ShortcutParams;
4 | 	export let callback: (() => void) | undefined = undefined;
5 | </script>
6 | 
7 | <div class="hidden" use:shortcut={{ ...options, callback }} />
8 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/tasks/+layout.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import TaskSidebar from './sidebar.svelte';
 3 | 	import Layout from '$lib/components/notes/layout.svelte';
 4 | </script>
 5 | 
 6 | <svelte:head>
 7 | 	<title>Haptic | Tasks</title>
 8 | </svelte:head>
 9 | 
10 | <Layout sidebar={TaskSidebar}>
11 | 	<slot />
12 | </Layout>
13 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/daily/+layout.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import NotesSidebar from './sidebar.svelte';
 3 | 	import Layout from '$lib/components/notes/layout.svelte';
 4 | </script>
 5 | 
 6 | <svelte:head>
 7 | 	<title>Haptic | Daily</title>
 8 | </svelte:head>
 9 | 
10 | <Layout sidebar={NotesSidebar}>
11 | 	<slot />
12 | </Layout>
13 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/notes/+layout.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import NotesSidebar from './sidebar.svelte';
 3 | 	import Layout from '$lib/components/notes/layout.svelte';
 4 | </script>
 5 | 
 6 | <svelte:head>
 7 | 	<title>Haptic | Notes</title>
 8 | </svelte:head>
 9 | 
10 | <Layout sidebar={NotesSidebar}>
11 | 	<slot />
12 | </Layout>
13 | 


--------------------------------------------------------------------------------
/apps/desktop/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"$schema": "https://shadcn-svelte.com/schema.json",
 3 | 	"style": "new-york",
 4 | 	"tailwind": {
 5 | 		"config": "tailwind.config.js",
 6 | 		"css": "@haptic/ui/app.css",
 7 | 		"baseColor": "gray"
 8 | 	},
 9 | 	"aliases": {
10 | 		"components": "$lib/components",
11 | 		"utils": "$lib/utils"
12 | 	}
13 | }
14 | 


--------------------------------------------------------------------------------
/apps/web/nginx.conf:
--------------------------------------------------------------------------------
 1 | server {
 2 |     listen 80;
 3 |     listen [::]:80;
 4 |     server_name _;
 5 | 
 6 |     location / {
 7 |       root /usr/share/nginx/html;
 8 |       try_files $uri $uri/index.html $uri.html /index.html;
 9 |     }
10 | 
11 |     include mime.types;
12 |     types {
13 |         application/javascript js mjs;
14 |     }
15 | }


--------------------------------------------------------------------------------
/apps/web/src/app.d.ts:
--------------------------------------------------------------------------------
 1 | // See https://kit.svelte.dev/docs/types#app
 2 | // for information about these interfaces
 3 | declare global {
 4 | 	namespace App {
 5 | 		// interface Error {}
 6 | 		// interface Locals {}
 7 | 		// interface PageData {}
 8 | 		// interface PageState {}
 9 | 		// interface Platform {}
10 | 	}
11 | }
12 | 
13 | export {};
14 | 


--------------------------------------------------------------------------------
/apps/desktop/src/app.d.ts:
--------------------------------------------------------------------------------
 1 | // See https://kit.svelte.dev/docs/types#app
 2 | // for information about these interfaces
 3 | declare global {
 4 | 	namespace App {
 5 | 		// interface Error {}
 6 | 		// interface Locals {}
 7 | 		// interface PageData {}
 8 | 		// interface PageState {}
 9 | 		// interface Platform {}
10 | 	}
11 | }
12 | 
13 | export {};
14 | 


--------------------------------------------------------------------------------
/apps/homepage/src/app.d.ts:
--------------------------------------------------------------------------------
 1 | // See https://kit.svelte.dev/docs/types#app
 2 | // for information about these interfaces
 3 | declare global {
 4 | 	namespace App {
 5 | 		// interface Error {}
 6 | 		// interface Locals {}
 7 | 		// interface PageData {}
 8 | 		// interface PageState {}
 9 | 		// interface Platform {}
10 | 	}
11 | }
12 | 
13 | export {};
14 | 


--------------------------------------------------------------------------------
/apps/web/tailwind.config.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line @typescript-eslint/no-var-requires
2 | const sharedConfig = require('@haptic/tailwind-config/tailwind.config.js');
3 | 
4 | module.exports = {
5 | 	presets: [sharedConfig],
6 | 	darkMode: ['class'],
7 | 	content: ['./src/**/*.{html,js,svelte,ts}', '../../packages/ui/**/*.{html,js,svelte,ts}']
8 | };
9 | 


--------------------------------------------------------------------------------
/apps/homepage/tailwind.config.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line @typescript-eslint/no-var-requires
2 | const sharedConfig = require('@haptic/tailwind-config/tailwind.config.js');
3 | 
4 | module.exports = {
5 | 	presets: [sharedConfig],
6 | 	darkMode: ['class'],
7 | 	content: ['./src/**/*.{html,js,svelte,ts}', '../../packages/ui/**/*.{html,js,svelte,ts}']
8 | };
9 | 


--------------------------------------------------------------------------------
/turbo.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://turbo.build/schema.json",
 3 |   "globalEnv": ["NODE_ENV"],
 4 |   "tasks": {
 5 |     "build": {
 6 |       "dependsOn": ["^build"],
 7 |       "outputs": [".svelte-kit/**", ".vercel/**"]
 8 |     },
 9 |     "lint": {},
10 |     "dev": {
11 |       "cache": false,
12 |       "persistent": true
13 |     }
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/app.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 	<head>
 4 | 		<meta charset="utf-8" />
 5 | 		<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
 6 | 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 7 | 		%sveltekit.head%
 8 | 	</head>
 9 | 	<body data-sveltekit-preload-data="hover">
10 | 		<div style="display: contents">%sveltekit.body%</div>
11 | 	</body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/apps/desktop/src/app.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 	<head>
 4 | 		<meta charset="utf-8" />
 5 | 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 6 | 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 7 | 		%sveltekit.head%
 8 | 	</head>
 9 | 	<body data-sveltekit-preload-data="hover">
10 | 		<div style="display: contents">%sveltekit.body%</div>
11 | 	</body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-radio-group.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 
 4 | 	type $$Props = ContextMenuPrimitive.RadioGroupProps;
 5 | 
 6 | 	export let value: $$Props['value'] = undefined;
 7 | </script>
 8 | 
 9 | <ContextMenuPrimitive.RadioGroup {...$$restProps} bind:value>
10 | 	<slot />
11 | </ContextMenuPrimitive.RadioGroup>
12 | 


--------------------------------------------------------------------------------
/apps/homepage/src/lib/redirects.ts:
--------------------------------------------------------------------------------
 1 | // Define the type for the redirects object
 2 | type Redirects = {
 3 | 	[key: string]: string;
 4 | };
 5 | 
 6 | export const redirects: Redirects = {
 7 | 	'/app': 'https://app.haptic.md',
 8 | 	'/github': 'https://go.haptic.md/github',
 9 | 	'/twitter': 'https://go.haptic.md/twitter',
10 | 	'/sponsor': 'https://go.haptic.md/sponsor',
11 | 	'/tweet': 'https://go.haptic.md/tweet'
12 | };
13 | 


--------------------------------------------------------------------------------
/packages/config-eslint/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@haptic/eslint-config",
 3 |   "version": "0.0.0",
 4 |   "dependencies": {
 5 |     "@typescript-eslint/eslint-plugin": "^6.17.0",
 6 |     "@typescript-eslint/parser": "^6.17.0",
 7 |     "eslint-config-prettier": "^9.1.0",
 8 |     "eslint-config-turbo": "^1.11.3",
 9 |     "eslint-plugin-svelte": "^2.35.1"
10 |   },
11 |   "publishConfig": {
12 |     "access": "public"
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/packages/ui/components/collapsible/index.ts:
--------------------------------------------------------------------------------
 1 | import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
 2 | import Content from './collapsible-content.svelte';
 3 | 
 4 | const Root = CollapsiblePrimitive.Root;
 5 | const Trigger = CollapsiblePrimitive.Trigger;
 6 | 
 7 | export {
 8 | 	Root,
 9 | 	Content,
10 | 	Trigger,
11 | 	//
12 | 	Root as Collapsible,
13 | 	Content as CollapsibleContent,
14 | 	Trigger as CollapsibleTrigger
15 | };
16 | 


--------------------------------------------------------------------------------
/packages/ui/components/select/select-separator.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Select as SelectPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = SelectPrimitive.SeparatorProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <SelectPrimitive.Separator class={cn('-mx-1 my-1 h-px bg-muted', className)} {...$$restProps} />
12 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/sheet-portal.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as SheetPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = SheetPrimitive.PortalProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <SheetPrimitive.Portal class={cn(className)} {...$$restProps}>
12 | 	<slot />
13 | </SheetPrimitive.Portal>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/command-separator.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Command as CommandPrimitive } from 'cmdk-sv';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CommandPrimitive.SeparatorProps;
 6 | 	let className: string | undefined | null = undefined;
 7 | 	export { className as class };
 8 | </script>
 9 | 
10 | <CommandPrimitive.Separator class={cn('-mx-1 h-px bg-border', className)} {...$$restProps} />
11 | 


--------------------------------------------------------------------------------
/packages/ui/components/tabs/index.ts:
--------------------------------------------------------------------------------
 1 | import { Tabs as TabsPrimitive } from 'bits-ui';
 2 | import Content from './tabs-content.svelte';
 3 | import List from './tabs-list.svelte';
 4 | import Trigger from './tabs-trigger.svelte';
 5 | 
 6 | const Root = TabsPrimitive.Root;
 7 | 
 8 | export {
 9 | 	Root,
10 | 	Content,
11 | 	List,
12 | 	Trigger,
13 | 	//
14 | 	Root as Tabs,
15 | 	Content as TabsContent,
16 | 	List as TabsList,
17 | 	Trigger as TabsTrigger
18 | };
19 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/sheet-header.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import type { HTMLAttributes } from 'svelte/elements';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = HTMLAttributes<HTMLDivElement>;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <div class={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...$$restProps}>
12 | 	<slot />
13 | </div>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/sheet-title.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as SheetPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = SheetPrimitive.TitleProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <SheetPrimitive.Title class={cn('text-lg text-foreground', className)} {...$$restProps}>
12 | 	<slot />
13 | </SheetPrimitive.Title>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-grid-body.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.GridBodyProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <CalendarPrimitive.GridBody class={cn(className)} {...$$restProps}>
12 | 	<slot />
13 | </CalendarPrimitive.GridBody>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-grid-head.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.GridHeadProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <CalendarPrimitive.GridHead class={cn(className)} {...$$restProps}>
12 | 	<slot />
13 | </CalendarPrimitive.GridHead>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/dialog-header.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { cn } from '../../lib/utils';
 3 | 	import type { HTMLAttributes } from 'svelte/elements';
 4 | 
 5 | 	type $$Props = HTMLAttributes<HTMLDivElement>;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <div class={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...$$restProps}>
12 | 	<slot />
13 | </div>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-grid-row.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.GridRowProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <CalendarPrimitive.GridRow class={cn('flex', className)} {...$$restProps}>
12 | 	<slot />
13 | </CalendarPrimitive.GridRow>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/command-empty.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Command as CommandPrimitive } from 'cmdk-sv';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CommandPrimitive.EmptyProps;
 6 | 	let className: string | undefined | null = undefined;
 7 | 	export { className as class };
 8 | </script>
 9 | 
10 | <CommandPrimitive.Empty class={cn('py-6 text-center text-sm', className)} {...$$restProps}>
11 | 	<slot />
12 | </CommandPrimitive.Empty>
13 | 


--------------------------------------------------------------------------------
/packages/ui/components/select/select-label.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Select as SelectPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = SelectPrimitive.LabelProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <SelectPrimitive.Label class={cn('px-2 py-1.5 text-sm font-semibold', className)} {...$$restProps}>
12 | 	<slot />
13 | </SelectPrimitive.Label>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-separator.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = ContextMenuPrimitive.SeparatorProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <ContextMenuPrimitive.Separator
12 | 	class={cn('-mx-1 my-1 h-px bg-border', className)}
13 | 	{...$$restProps}
14 | />
15 | 


--------------------------------------------------------------------------------
/packages/ui/components/tooltip/index.ts:
--------------------------------------------------------------------------------
 1 | import { Tooltip as TooltipPrimitive } from 'bits-ui';
 2 | import Content from './tooltip-content.svelte';
 3 | 
 4 | const Root = TooltipPrimitive.Root;
 5 | const Trigger = TooltipPrimitive.Trigger;
 6 | const Arrow = TooltipPrimitive.Arrow;
 7 | 
 8 | export {
 9 |   Root,
10 |   Trigger,
11 |   Content,
12 |   Arrow,
13 |   //
14 |   Root as Tooltip,
15 |   Content as TooltipContent,
16 |   Trigger as TooltipTrigger,
17 |   Arrow as TooltipArrow
18 | };
19 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/sheet-description.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as SheetPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = SheetPrimitive.DescriptionProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <SheetPrimitive.Description class={cn('text-sm text-muted-foreground', className)} {...$$restProps}>
12 | 	<slot />
13 | </SheetPrimitive.Description>
14 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/sheet-footer.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import type { HTMLAttributes } from 'svelte/elements';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = HTMLAttributes<HTMLDivElement>;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <div
12 | 	class={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </div>
17 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | node_modules
 5 | .pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | coverage
10 | 
11 | # svelte
12 | .svelte-kit
13 | 
14 | # misc
15 | .DS_Store
16 | *.pem
17 | 
18 | # debug
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 | 
23 | # local env files
24 | .env.local
25 | .env.development.local
26 | .env.test.local
27 | .env.production.local
28 | 
29 | # turbo
30 | .turbo
31 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/dialog-footer.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { cn } from '../../lib/utils';
 3 | 	import type { HTMLAttributes } from 'svelte/elements';
 4 | 
 5 | 	type $$Props = HTMLAttributes<HTMLDivElement>;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <div
12 | 	class={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </div>
17 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/layout/header.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { collection } from '$lib/store';
 3 | </script>
 4 | 
 5 | <header
 6 | 	class="absolute top-0 w-full flex justify-center items-center h-9 border-b pl-12 bg-background z-40"
 7 | 	data-tauri-drag-region
 8 | >
 9 | 	<p
10 | 		class="pointer-events-none text-sm text-foreground/85 hover:text-foreground/100 transition-all cursor-default outline-none"
11 | 	>
12 | 		{$collection?.split('/').pop() || ''}
13 | 	</p>
14 | </header>
15 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-months.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import type { HTMLAttributes } from 'svelte/elements';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = HTMLAttributes<HTMLDivElement>;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <div
12 | 	class={cn('mt-2 flex flex-col space-y-4 sm:flex-row sm:space-x-2 sm:space-y-0', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </div>
17 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/command-shortcut.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { cn } from '../../lib/utils';
 3 | 	import type { HTMLAttributes } from 'svelte/elements';
 4 | 
 5 | 	type $$Props = HTMLAttributes<HTMLSpanElement>;
 6 | 
 7 | 	let className: string | undefined | null = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <span
12 | 	class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </span>
17 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-shortcut.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { cn } from '../../lib/utils';
 3 | 	import type { HTMLAttributes } from 'svelte/elements';
 4 | 
 5 | 	type $$Props = HTMLAttributes<HTMLSpanElement>;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <span
12 | 	class={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </span>
17 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/dialog-title.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as DialogPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = DialogPrimitive.TitleProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <DialogPrimitive.Title
12 | 	class={cn('text-lg font-semibold leading-none tracking-tight', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </DialogPrimitive.Title>
17 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/command-list.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Command as CommandPrimitive } from 'cmdk-sv';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CommandPrimitive.ListProps;
 6 | 	let className: string | undefined | null = undefined;
 7 | 	export { className as class };
 8 | </script>
 9 | 
10 | <CommandPrimitive.List
11 | 	class={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}
12 | 	{...$$restProps}
13 | >
14 | 	<slot />
15 | </CommandPrimitive.List>
16 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/dialog-description.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as DialogPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = DialogPrimitive.DescriptionProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <DialogPrimitive.Description
12 | 	class={cn('text-sm text-muted-foreground', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </DialogPrimitive.Description>
17 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-header.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.HeaderProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <CalendarPrimitive.Header
12 | 	class={cn('relative flex w-full items-center justify-between pt-0.5', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </CalendarPrimitive.Header>
17 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-head-cell.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.HeadCellProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <CalendarPrimitive.HeadCell
12 | 	class={cn('w-7 rounded-md text-[0.8rem] font-normal text-muted-foreground', className)}
13 | 	{...$$restProps}
14 | >
15 | 	<slot />
16 | </CalendarPrimitive.HeadCell>
17 | 


--------------------------------------------------------------------------------
/packages/ui/components/label/label.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Label as LabelPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = LabelPrimitive.Props;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <LabelPrimitive.Root
12 | 	class={cn(
13 | 		'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
14 | 		className
15 | 	)}
16 | 	{...$$restProps}
17 | >
18 | 	<slot />
19 | </LabelPrimitive.Root>
20 | 


--------------------------------------------------------------------------------
/packages/ui/components/tabs/tabs-list.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Tabs as TabsPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = TabsPrimitive.ListProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <TabsPrimitive.List
12 | 	class={cn(
13 | 		'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
14 | 		className
15 | 	)}
16 | 	{...$$restProps}
17 | >
18 | 	<slot />
19 | </TabsPrimitive.List>
20 | 


--------------------------------------------------------------------------------
/packages/ui/components/collapsible/collapsible-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
 3 | 	import { slide } from 'svelte/transition';
 4 | 	type $$Props = CollapsiblePrimitive.ContentProps;
 5 | 
 6 | 	export let transition: $$Props['transition'] = slide;
 7 | 	export let transitionConfig: $$Props['transitionConfig'] = {
 8 | 		duration: 150
 9 | 	};
10 | </script>
11 | 
12 | <CollapsiblePrimitive.Content {transition} {transitionConfig} {...$$restProps}>
13 | 	<slot />
14 | </CollapsiblePrimitive.Content>
15 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-grid.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.GridProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <CalendarPrimitive.Grid
12 | 	class={cn(
13 | 		'w-full flex flex-col items-center justify-center border-collapse space-y-1',
14 | 		className
15 | 	)}
16 | 	{...$$restProps}
17 | >
18 | 	<slot />
19 | </CalendarPrimitive.Grid>
20 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-heading.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.HeadingProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export { className as class };
 9 | </script>
10 | 
11 | <CalendarPrimitive.Heading
12 | 	let:headingValue
13 | 	class={cn('text-sm text-secondary-foreground pt-0.5', className)}
14 | 	{...$$restProps}
15 | >
16 | 	<slot {headingValue}>
17 | 		{headingValue}
18 | 	</slot>
19 | </CalendarPrimitive.Heading>
20 | 


--------------------------------------------------------------------------------
/packages/ui/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "@haptic/ui",
 3 | 	"version": "0.0.0",
 4 | 	"type": "module",
 5 | 	"module": "index.ts",
 6 | 	"main": "index.ts",
 7 | 	"scripts": {
 8 | 		"lint": "eslint ."
 9 | 	},
10 | 	"devDependencies": {
11 | 		"@haptic/eslint-config": "workspace:*",
12 | 		"svelte": "^4.2.8"
13 | 	},
14 | 	"dependencies": {
15 | 		"@internationalized/date": "^3.5.4",
16 | 		"bits-ui": "^0.16.0",
17 | 		"clsx": "^2.1.0",
18 | 		"cmdk-sv": "^0.0.13",
19 | 		"lucide-svelte": "^0.408.0",
20 | 		"radix-icons-svelte": "^1.2.1",
21 | 		"tailwind-merge": "^2.2.1",
22 | 		"tailwind-variants": "^0.1.20"
23 | 	}
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/web/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"extends": "./.svelte-kit/tsconfig.json",
 3 | 	"compilerOptions": {
 4 | 		"allowJs": true,
 5 | 		"checkJs": true,
 6 | 		"esModuleInterop": true,
 7 | 		"forceConsistentCasingInFileNames": true,
 8 | 		"resolveJsonModule": true,
 9 | 		"skipLibCheck": true,
10 | 		"sourceMap": true,
11 | 		"strict": true,
12 | 		"moduleResolution": "bundler"
13 | 	}
14 | 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
15 | 	//
16 | 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
17 | 	// from the referenced tsconfig.json - TypeScript does not merge them in
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-label.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = ContextMenuPrimitive.LabelProps & {
 6 | 		inset?: boolean;
 7 | 	};
 8 | 
 9 | 	let className: $$Props['class'] = undefined;
10 | 	export let inset: $$Props['inset'] = undefined;
11 | 	export { className as class };
12 | </script>
13 | 
14 | <ContextMenuPrimitive.Label
15 | 	class={cn('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className)}
16 | 	{...$$restProps}
17 | >
18 | 	<slot />
19 | </ContextMenuPrimitive.Label>
20 | 


--------------------------------------------------------------------------------
/apps/desktop/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"extends": "./.svelte-kit/tsconfig.json",
 3 | 	"compilerOptions": {
 4 | 		"allowJs": true,
 5 | 		"checkJs": true,
 6 | 		"esModuleInterop": true,
 7 | 		"forceConsistentCasingInFileNames": true,
 8 | 		"resolveJsonModule": true,
 9 | 		"skipLibCheck": true,
10 | 		"sourceMap": true,
11 | 		"strict": true,
12 | 		"moduleResolution": "bundler"
13 | 	}
14 | 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
15 | 	//
16 | 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
17 | 	// from the referenced tsconfig.json - TypeScript does not merge them in
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/command.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Command as CommandPrimitive } from 'cmdk-sv';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CommandPrimitive.CommandProps;
 6 | 
 7 | 	export let value: $$Props['value'] = undefined;
 8 | 
 9 | 	let className: string | undefined | null = undefined;
10 | 	export { className as class };
11 | </script>
12 | 
13 | <CommandPrimitive.Root
14 | 	class={cn(
15 | 		'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
16 | 		className
17 | 	)}
18 | 	bind:value
19 | 	{...$$restProps}
20 | >
21 | 	<slot />
22 | </CommandPrimitive.Root>
23 | 


--------------------------------------------------------------------------------
/packages/ui/components/tabs/tabs-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Tabs as TabsPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = TabsPrimitive.ContentProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export let value: $$Props['value'];
 9 | 	export { className as class };
10 | </script>
11 | 
12 | <TabsPrimitive.Content
13 | 	class={cn(
14 | 		'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
15 | 		className
16 | 	)}
17 | 	{value}
18 | 	{...$$restProps}
19 | >
20 | 	<slot />
21 | </TabsPrimitive.Content>
22 | 


--------------------------------------------------------------------------------
/apps/homepage/src/hooks.server.ts:
--------------------------------------------------------------------------------
 1 | import { redirects } from '$lib/redirects';
 2 | import type { Handle } from '@sveltejs/kit';
 3 | 
 4 | export const handle: Handle = async ({ event, resolve }) => {
 5 | 	// Remove trailing slashes
 6 | 	if (event.url.pathname.endsWith('/')) {
 7 | 		event.url.pathname = event.url.pathname.slice(0, -1);
 8 | 	}
 9 | 
10 | 	const newPath = redirects[event.url.pathname];
11 | 	if (newPath) {
12 | 		return new Response(null, {
13 | 			status: 302,
14 | 			headers: {
15 | 				location: newPath
16 | 			}
17 | 		});
18 | 	}
19 | 
20 | 	// If no redirect is necessary, continue with the normal resolve process
21 | 	const response = await resolve(event);
22 | 	return response;
23 | };
24 | 


--------------------------------------------------------------------------------
/packages/ui/components/separator/separator.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Separator as SeparatorPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = SeparatorPrimitive.Props;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export let orientation: $$Props['orientation'] = 'horizontal';
 9 | 	export let decorative: $$Props['decorative'] = undefined;
10 | 	export { className as class };
11 | </script>
12 | 
13 | <SeparatorPrimitive.Root
14 | 	class={cn(
15 | 		'shrink-0 bg-border',
16 | 		orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
17 | 		className
18 | 	)}
19 | 	{orientation}
20 | 	{decorative}
21 | 	{...$$restProps}
22 | />
23 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/sheet-overlay.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as SheetPrimitive } from 'bits-ui';
 3 | 	import { fade } from 'svelte/transition';
 4 | 	import { cn } from '../../lib/utils';
 5 | 
 6 | 	type $$Props = SheetPrimitive.OverlayProps;
 7 | 
 8 | 	let className: $$Props['class'] = undefined;
 9 | 	export let transition: $$Props['transition'] = fade;
10 | 	export let transitionConfig: $$Props['transitionConfig'] = {
11 | 		duration: 150
12 | 	};
13 | 	export { className as class };
14 | </script>
15 | 
16 | <SheetPrimitive.Overlay
17 | 	{transition}
18 | 	{transitionConfig}
19 | 	class={cn('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ', className)}
20 | 	{...$$restProps}
21 | />
22 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/dialog-overlay.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as DialogPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 	import { fade } from 'svelte/transition';
 5 | 
 6 | 	type $$Props = DialogPrimitive.OverlayProps;
 7 | 
 8 | 	let className: $$Props['class'] = undefined;
 9 | 	export let transition: $$Props['transition'] = fade;
10 | 	export let transitionConfig: $$Props['transitionConfig'] = {
11 | 		duration: 150
12 | 	};
13 | 	export { className as class };
14 | </script>
15 | 
16 | <DialogPrimitive.Overlay
17 | 	{transition}
18 | 	{transitionConfig}
19 | 	class={cn('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ', className)}
20 | 	{...$$restProps}
21 | />
22 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/command-group.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Command as CommandPrimitive } from 'cmdk-sv';
 3 | 	import { cn } from '../../lib/utils';
 4 | 	type $$Props = CommandPrimitive.GroupProps;
 5 | 
 6 | 	let className: string | undefined | null = undefined;
 7 | 	export { className as class };
 8 | </script>
 9 | 
10 | <CommandPrimitive.Group
11 | 	class={cn(
12 | 		'overflow-hidden p-0 text-foreground [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:py-1.5 [&_[data-cmdk-group-heading]]:text-xs [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group-heading]]:text-muted-foreground',
13 | 		className
14 | 	)}
15 | 	{...$$restProps}
16 | >
17 | 	<slot />
18 | </CommandPrimitive.Group>
19 | 


--------------------------------------------------------------------------------
/apps/homepage/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"extends": "./.svelte-kit/tsconfig.json",
 3 | 	"compilerOptions": {
 4 | 		"allowJs": true,
 5 | 		"checkJs": true,
 6 | 		"esModuleInterop": true,
 7 | 		"forceConsistentCasingInFileNames": true,
 8 | 		"resolveJsonModule": true,
 9 | 		"skipLibCheck": true,
10 | 		"sourceMap": true,
11 | 		"strict": true,
12 | 		"moduleResolution": "bundler"
13 | 	}
14 | 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
15 | 	// except $lib which is handled by https://kit.svelte.dev/docs/configuration#files
16 | 	//
17 | 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
18 | 	// from the referenced tsconfig.json - TypeScript does not merge them in
19 | }
20 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-cell.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CalendarPrimitive.CellProps;
 6 | 
 7 | 	export let date: $$Props['date'];
 8 | 	let className: $$Props['class'] = undefined;
 9 | 	export { className as class };
10 | </script>
11 | 
12 | <CalendarPrimitive.Cell
13 | 	{date}
14 | 	class={cn(
15 | 		'relative h-7 w-7 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50',
16 | 		className
17 | 	)}
18 | 	{...$$restProps}
19 | >
20 | 	<slot />
21 | </CalendarPrimitive.Cell>
22 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/command-input.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Command as CommandPrimitive } from 'cmdk-sv';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CommandPrimitive.InputProps;
 6 | 
 7 | 	let className: string | undefined | null = undefined;
 8 | 	export { className as class };
 9 | 	export let value: string = '';
10 | </script>
11 | 
12 | <div class="flex items-center border-b px-3" data-cmdk-input-wrapper="">
13 | 	<CommandPrimitive.Input
14 | 		class={cn(
15 | 			'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
16 | 			className
17 | 		)}
18 | 		{...$$restProps}
19 | 		bind:value
20 | 	/>
21 | </div>
22 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "haptic",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "build": "turbo run build",
 6 |     "dev": "turbo run dev",
 7 |     "lint": "turbo run lint",
 8 |     "format": "prettier --write .",
 9 |     "prepare": "husky"
10 |   },
11 |   "devDependencies": {
12 |     "@haptic/eslint-config": "workspace:*",
13 |     "eslint": "^8.56.0",
14 |     "husky": "^9.0.10",
15 |     "lint-staged": "^15.2.1",
16 |     "prettier": "^3.1.1",
17 |     "prettier-plugin-svelte": "^3.1.2",
18 |     "turbo": "latest"
19 |   },
20 |   "packageManager": "pnpm@8.9.0",
21 |   "lint-staged": {
22 |     "*.{svelte,js,ts}": [
23 |       "prettier --write",
24 |       "eslint --fix"
25 |     ]
26 |   },
27 |   "engines": {
28 |     "node": ">=18"
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/apps/homepage/svelte.config.js:
--------------------------------------------------------------------------------
 1 | import adapter from '@sveltejs/adapter-auto';
 2 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 3 | 
 4 | /** @type {import('@sveltejs/kit').Config} */
 5 | const config = {
 6 | 	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
 7 | 	// for more information about preprocessors
 8 | 	preprocess: vitePreprocess(),
 9 | 
10 | 	kit: {
11 | 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
12 | 		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
13 | 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
14 | 		adapter: adapter()
15 | 	}
16 | };
17 | 
18 | export default config;
19 | 


--------------------------------------------------------------------------------
/apps/homepage/src/lib/components/platform-button.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { cn } from '@haptic/ui/lib/utils';
 3 | 
 4 | 	export let name;
 5 | 	export let active: boolean = false;
 6 | </script>
 7 | 
 8 | <button
 9 | 	id={`pb-${name}`}
10 | 	on:click
11 | 	class={cn(
12 | 		'm-2 inline-flex flex-shrink-0 h-[120px] w-[124px] grow flex-col items-center justify-center rounded-xl border border-transparent text-center opacity-50 transition-opacity',
13 | 		active ? 'border-border bg-secondary-background  !opacity-100' : 'hover:bg-secondary/45'
14 | 	)}
15 | >
16 | 	<div
17 | 		class="mb-4 flex flex-shrink-0 rounded-xl border border-foreground/25 bg-secondary-background p-4"
18 | 	>
19 | 		<slot />
20 | 	</div>
21 | 	<div class="text-sm leading-tight text-secondary-foreground">{name}</div>
22 | </button>
23 | 


--------------------------------------------------------------------------------
/packages/ui/components/button/button.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Button as ButtonPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 	import { buttonVariants, type Props } from '.';
 5 | 
 6 | 	type $$Props = Props;
 7 | 
 8 | 	let className: $$Props['class'] = undefined;
 9 | 	export let variant: $$Props['variant'] = 'default';
10 | 	export let size: $$Props['size'] = 'default';
11 | 	export let scale: $$Props['scale'] = undefined;
12 | 	export let builders: $$Props['builders'] = [];
13 | 	export { className as class };
14 | </script>
15 | 
16 | <ButtonPrimitive.Root
17 | 	{builders}
18 | 	class={cn(buttonVariants({ variant, size, scale, className }))}
19 | 	type="button"
20 | 	{...$$restProps}
21 | 	on:click
22 | 	on:keydown
23 | >
24 | 	<slot />
25 | </ButtonPrimitive.Root>
26 | 


--------------------------------------------------------------------------------
/apps/homepage/eslint.config.js:
--------------------------------------------------------------------------------
 1 | import js from '@eslint/js';
 2 | import ts from 'typescript-eslint';
 3 | import svelte from 'eslint-plugin-svelte';
 4 | import prettier from 'eslint-config-prettier';
 5 | import globals from 'globals';
 6 | 
 7 | /** @type {import('eslint').Linter.Config[]} */
 8 | export default [
 9 | 	js.configs.recommended,
10 | 	...ts.configs.recommended,
11 | 	...svelte.configs['flat/recommended'],
12 | 	prettier,
13 | 	...svelte.configs['flat/prettier'],
14 | 	{
15 | 		languageOptions: {
16 | 			globals: {
17 | 				...globals.browser,
18 | 				...globals.node
19 | 			}
20 | 		}
21 | 	},
22 | 	{
23 | 		files: ['**/*.svelte'],
24 | 		languageOptions: {
25 | 			parserOptions: {
26 | 				parser: ts.parser
27 | 			}
28 | 		}
29 | 	},
30 | 	{
31 | 		ignores: ['build/', '.svelte-kit/', 'dist/']
32 | 	}
33 | ];
34 | 


--------------------------------------------------------------------------------
/apps/web/svelte.config.js:
--------------------------------------------------------------------------------
 1 | import adapter from '@sveltejs/adapter-static';
 2 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 3 | 
 4 | /** @type {import('@sveltejs/kit').Config} */
 5 | const config = {
 6 | 	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
 7 | 	// for more information about preprocessors
 8 | 	preprocess: vitePreprocess(),
 9 | 
10 | 	kit: {
11 | 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
12 | 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
13 | 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
14 | 		adapter: adapter(),
15 | 		alias: {
16 | 			'@/*': './src/lib'
17 | 		}
18 | 	}
19 | };
20 | 
21 | export default config;
22 | 


--------------------------------------------------------------------------------
/apps/desktop/svelte.config.js:
--------------------------------------------------------------------------------
 1 | import adapter from '@sveltejs/adapter-static';
 2 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 3 | 
 4 | /** @type {import('@sveltejs/kit').Config} */
 5 | const config = {
 6 | 	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
 7 | 	// for more information about preprocessors
 8 | 	preprocess: vitePreprocess(),
 9 | 
10 | 	kit: {
11 | 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
12 | 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
13 | 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
14 | 		adapter: adapter(),
15 | 		alias: {
16 | 			'@/*': './src/lib'
17 | 		}
18 | 	}
19 | };
20 | 
21 | export default config;
22 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/src/commands/folder.rs:
--------------------------------------------------------------------------------
 1 | #[cfg(target_os = "linux")]
 2 | use std::path::Path;
 3 | use std::process::Command;
 4 | 
 5 | #[tauri::command]
 6 | pub async fn show_in_folder(path: String) {
 7 |   #[cfg(target_os = "windows")]
 8 |   {
 9 |     Command::new("explorer")
10 |         .args(["/select,", &path]) // The comma after select is not a typo
11 |         .spawn()
12 |         .unwrap();
13 |   }
14 | 
15 |   #[cfg(target_os = "linux")]
16 |   {
17 |     let path = Path::new(&path);
18 |     let parent = path.parent().unwrap_or(path);
19 |     Command::new("xdg-open")
20 |         .arg(parent)
21 |         .spawn()
22 |         .unwrap();
23 |   }
24 | 
25 |   #[cfg(target_os = "macos")]
26 |   {
27 |     Command::new("open")
28 |         .args(["-R", &path])
29 |         .spawn()
30 |         .unwrap();
31 |   }
32 | }


--------------------------------------------------------------------------------
/packages/ui/components/command/command-item.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Command as CommandPrimitive } from 'cmdk-sv';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = CommandPrimitive.ItemProps;
 6 | 
 7 | 	export let asChild = false;
 8 | 
 9 | 	let className: string | undefined | null = undefined;
10 | 	export { className as class };
11 | </script>
12 | 
13 | <CommandPrimitive.Item
14 | 	{asChild}
15 | 	class={cn(
16 | 		'relative flex cursor-default select-none items-center font-light rounded-lg h-10 px-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
17 | 		className
18 | 	)}
19 | 	{...$$restProps}
20 | 	let:action
21 | 	let:attrs
22 | >
23 | 	<slot {action} {attrs} />
24 | </CommandPrimitive.Item>
25 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn, flyAndScale } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = ContextMenuPrimitive.ContentProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export let transition: $$Props['transition'] = flyAndScale;
 9 | 	export let transitionConfig: $$Props['transitionConfig'] = undefined;
10 | 	export { className as class };
11 | </script>
12 | 
13 | <ContextMenuPrimitive.Content
14 | 	{transition}
15 | 	{transitionConfig}
16 | 	class={cn(
17 | 		'z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none',
18 | 		className
19 | 	)}
20 | 	{...$$restProps}
21 | 	on:keydown
22 | >
23 | 	<slot />
24 | </ContextMenuPrimitive.Content>
25 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-sub-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn, flyAndScale } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = ContextMenuPrimitive.SubContentProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export let transition: $$Props['transition'] = flyAndScale;
 9 | 	export let transitionConfig: $$Props['transitionConfig'] = undefined;
10 | 	export { className as class };
11 | </script>
12 | 
13 | <ContextMenuPrimitive.SubContent
14 | 	{transition}
15 | 	{transitionConfig}
16 | 	class={cn(
17 | 		'z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-lg focus:outline-none',
18 | 		className
19 | 	)}
20 | 	{...$$restProps}
21 | 	on:keydown
22 | 	on:focusout
23 | 	on:pointermove
24 | >
25 | 	<slot />
26 | </ContextMenuPrimitive.SubContent>
27 | 


--------------------------------------------------------------------------------
/packages/ui/components/input/index.ts:
--------------------------------------------------------------------------------
 1 | import Root from './input.svelte';
 2 | 
 3 | type FormInputEvent<T extends Event = Event> = T & {
 4 | 	currentTarget: EventTarget & HTMLInputElement;
 5 | };
 6 | export type InputEvents = {
 7 | 	blur: FormInputEvent<FocusEvent>;
 8 | 	change: FormInputEvent<Event>;
 9 | 	click: FormInputEvent<MouseEvent>;
10 | 	focus: FormInputEvent<FocusEvent>;
11 | 	focusin: FormInputEvent<FocusEvent>;
12 | 	focusout: FormInputEvent<FocusEvent>;
13 | 	keydown: FormInputEvent<KeyboardEvent>;
14 | 	keypress: FormInputEvent<KeyboardEvent>;
15 | 	keyup: FormInputEvent<KeyboardEvent>;
16 | 	mouseover: FormInputEvent<MouseEvent>;
17 | 	mouseenter: FormInputEvent<MouseEvent>;
18 | 	mouseleave: FormInputEvent<MouseEvent>;
19 | 	paste: FormInputEvent<ClipboardEvent>;
20 | 	input: FormInputEvent<InputEvent>;
21 | };
22 | 
23 | export {
24 | 	Root,
25 | 	//
26 | 	Root as Input
27 | };
28 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-next-button.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { ChevronRight } from 'lucide-svelte';
 4 | 	import { buttonVariants } from '../button/index';
 5 | 	import { cn } from '../../lib/utils';
 6 | 
 7 | 	type $$Props = CalendarPrimitive.NextButtonProps;
 8 | 	type $$Events = CalendarPrimitive.NextButtonEvents;
 9 | 
10 | 	let className: $$Props['class'] = undefined;
11 | 	export { className as class };
12 | </script>
13 | 
14 | <CalendarPrimitive.NextButton
15 | 	on:click
16 | 	class={cn(
17 | 		buttonVariants({ variant: 'outline', scale: 'md' }),
18 | 		'h-[26px] w-[26px] bg-transparent p-0 opacity-50 hover:opacity-100',
19 | 		className
20 | 	)}
21 | 	{...$$restProps}
22 | 	let:builder
23 | >
24 | 	<slot {builder}>
25 | 		<ChevronRight class="h-4 w-4" />
26 | 	</slot>
27 | </CalendarPrimitive.NextButton>
28 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-prev-button.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { ChevronLeft } from 'lucide-svelte';
 4 | 	import { buttonVariants } from '../button/index';
 5 | 	import { cn } from '../../lib/utils';
 6 | 
 7 | 	type $$Props = CalendarPrimitive.PrevButtonProps;
 8 | 	type $$Events = CalendarPrimitive.PrevButtonEvents;
 9 | 
10 | 	let className: $$Props['class'] = undefined;
11 | 	export { className as class };
12 | </script>
13 | 
14 | <CalendarPrimitive.PrevButton
15 | 	on:click
16 | 	class={cn(
17 | 		buttonVariants({ variant: 'outline', scale: 'md' }),
18 | 		'h-[26px] w-[26px] bg-transparent p-0 opacity-50 hover:opacity-100',
19 | 		className
20 | 	)}
21 | 	{...$$restProps}
22 | 	let:builder
23 | >
24 | 	<slot {builder}>
25 | 		<ChevronLeft class="h-3.5 w-3.5" />
26 | 	</slot>
27 | </CalendarPrimitive.PrevButton>
28 | 


--------------------------------------------------------------------------------
/packages/ui/components/select/index.ts:
--------------------------------------------------------------------------------
 1 | import { Select as SelectPrimitive } from 'bits-ui';
 2 | 
 3 | import Label from './select-label.svelte';
 4 | import Item from './select-item.svelte';
 5 | import Content from './select-content.svelte';
 6 | import Trigger from './select-trigger.svelte';
 7 | import Separator from './select-separator.svelte';
 8 | 
 9 | const Root = SelectPrimitive.Root;
10 | const Group = SelectPrimitive.Group;
11 | const Input = SelectPrimitive.Input;
12 | const Value = SelectPrimitive.Value;
13 | 
14 | export {
15 | 	Root,
16 | 	Item,
17 | 	Group,
18 | 	Input,
19 | 	Label,
20 | 	Value,
21 | 	Content,
22 | 	Trigger,
23 | 	Separator,
24 | 	//
25 | 	Root as Select,
26 | 	Item as SelectItem,
27 | 	Group as SelectGroup,
28 | 	Input as SelectInput,
29 | 	Label as SelectLabel,
30 | 	Value as SelectValue,
31 | 	Content as SelectContent,
32 | 	Trigger as SelectTrigger,
33 | 	Separator as SelectSeparator
34 | };
35 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/index.ts:
--------------------------------------------------------------------------------
 1 | import Root from './calendar.svelte';
 2 | import Cell from './calendar-cell.svelte';
 3 | import Day from './calendar-day.svelte';
 4 | import Grid from './calendar-grid.svelte';
 5 | import Header from './calendar-header.svelte';
 6 | import Months from './calendar-months.svelte';
 7 | import GridRow from './calendar-grid-row.svelte';
 8 | import Heading from './calendar-heading.svelte';
 9 | import GridBody from './calendar-grid-body.svelte';
10 | import GridHead from './calendar-grid-head.svelte';
11 | import HeadCell from './calendar-head-cell.svelte';
12 | import NextButton from './calendar-next-button.svelte';
13 | import PrevButton from './calendar-prev-button.svelte';
14 | 
15 | export {
16 | 	Day,
17 | 	Cell,
18 | 	Grid,
19 | 	Header,
20 | 	Months,
21 | 	GridRow,
22 | 	Heading,
23 | 	GridBody,
24 | 	GridHead,
25 | 	HeadCell,
26 | 	NextButton,
27 | 	PrevButton,
28 | 	//
29 | 	Root as Calendar
30 | };
31 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-root.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { onMount } from 'svelte';
 4 | 
 5 | 	let open = false;
 6 | 
 7 | 	function handleClick(event: MouseEvent) {
 8 | 		if (event.button === 0 || event.button === 2) {
 9 | 			// If event target has data-menu-content attribute, ignore
10 | 			if ((event.target as HTMLElement).closest('[data-menu-content]')) return;
11 | 
12 | 			open = false;
13 | 		}
14 | 	}
15 | 
16 | 	onMount(() => {
17 | 		window.addEventListener('mousedown', handleClick);
18 | 
19 | 		return () => {
20 | 			window.removeEventListener('mousedown', handleClick);
21 | 		};
22 | 	});
23 | </script>
24 | 
25 | <ContextMenuPrimitive.Root
26 | 	{open}
27 | 	onOpenChange={(value) => (open = value)}
28 | 	closeOnOutsideClick={true}
29 | 	onOutsideClick={(e) => e.preventDefault()}
30 | >
31 | 	<slot />
32 | </ContextMenuPrimitive.Root>
33 | 


--------------------------------------------------------------------------------
/packages/config-eslint/index.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   extends: [
 4 |     'eslint:recommended',
 5 |     'plugin:@typescript-eslint/recommended',
 6 |     'plugin:svelte/recommended',
 7 |     'prettier'
 8 |   ],
 9 |   parser: '@typescript-eslint/parser',
10 |   plugins: ['@typescript-eslint'],
11 |   globals: {
12 |     NodeJS: true
13 |   },
14 |   parserOptions: {
15 |     sourceType: 'module',
16 |     ecmaVersion: 2020,
17 |     extraFileExtensions: ['.svelte']
18 |   },
19 |   env: {
20 |     browser: true,
21 |     es2017: true,
22 |     node: true
23 |   },
24 |   overrides: [
25 |     {
26 |       files: ['*.svelte'],
27 |       parser: 'svelte-eslint-parser',
28 |       parserOptions: {
29 |         parser: '@typescript-eslint/parser'
30 |       }
31 |     }
32 |   ],
33 |   rules: {
34 |     '@typescript-eslint/no-unused-vars': [
35 |       'warn',
36 |       { varsIgnorePattern: '^\\$\\$(Props|Events|Slots)$' }
37 |     ]
38 |   }
39 | };
40 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/index.ts:
--------------------------------------------------------------------------------
 1 | import { Dialog as DialogPrimitive } from 'bits-ui';
 2 | 
 3 | const Root = DialogPrimitive.Root;
 4 | const Trigger = DialogPrimitive.Trigger;
 5 | 
 6 | import Title from './dialog-title.svelte';
 7 | import Portal from './dialog-portal.svelte';
 8 | import Footer from './dialog-footer.svelte';
 9 | import Header from './dialog-header.svelte';
10 | import Overlay from './dialog-overlay.svelte';
11 | import Content from './dialog-content.svelte';
12 | import Description from './dialog-description.svelte';
13 | 
14 | export {
15 | 	Root,
16 | 	Title,
17 | 	Portal,
18 | 	Footer,
19 | 	Header,
20 | 	Trigger,
21 | 	Overlay,
22 | 	Content,
23 | 	Description,
24 | 	//
25 | 	Root as Dialog,
26 | 	Title as DialogTitle,
27 | 	Portal as DialogPortal,
28 | 	Footer as DialogFooter,
29 | 	Header as DialogHeader,
30 | 	Trigger as DialogTrigger,
31 | 	Overlay as DialogOverlay,
32 | 	Content as DialogContent,
33 | 	Description as DialogDescription
34 | };
35 | 


--------------------------------------------------------------------------------
/packages/ui/components/select/select-trigger.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Select as SelectPrimitive } from 'bits-ui';
 3 | 	import { CaretSort } from 'radix-icons-svelte';
 4 | 	import { cn } from '../../lib/utils';
 5 | 
 6 | 	type $$Props = SelectPrimitive.TriggerProps;
 7 | 	type $$Events = SelectPrimitive.TriggerEvents;
 8 | 
 9 | 	let className: $$Props['class'] = undefined;
10 | 	export { className as class };
11 | </script>
12 | 
13 | <SelectPrimitive.Trigger
14 | 	class={cn(
15 | 		'flex h-7 w-fit gap-2.5 items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 text-xs shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
16 | 		className
17 | 	)}
18 | 	{...$$restProps}
19 | >
20 | 	<slot />
21 | 	<div>
22 | 		<CaretSort class="h-4 w-4 opacity-50" />
23 | 	</div>
24 | </SelectPrimitive.Trigger>
25 | 


--------------------------------------------------------------------------------
/packages/ui/components/tabs/tabs-trigger.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Tabs as TabsPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = TabsPrimitive.TriggerProps;
 6 | 	type $$Events = TabsPrimitive.TriggerEvents;
 7 | 
 8 | 	let className: $$Props['class'] = undefined;
 9 | 	export let value: $$Props['value'];
10 | 	export { className as class };
11 | </script>
12 | 
13 | <TabsPrimitive.Trigger
14 | 	class={cn(
15 | 		'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground',
16 | 		className
17 | 	)}
18 | 	{value}
19 | 	{...$$restProps}
20 | 	on:click
21 | 	on:keydown
22 | 	on:focus
23 | >
24 | 	<slot />
25 | </TabsPrimitive.Trigger>
26 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/components/shared/editor/editor-store.ts:
--------------------------------------------------------------------------------
 1 | import { writable, type Writable } from 'svelte/store';
 2 | import type { Editor } from '@tiptap/core';
 3 | 
 4 | type SaveListener = () => void;
 5 | 
 6 | interface EditorStore extends Writable<Editor> {
 7 | 	subscribeToSaveEvents: (callback: SaveListener) => () => void;
 8 | 	notifySaveEvent: () => void;
 9 | }
10 | 
11 | export function createEditorStore(): EditorStore {
12 | 	const { subscribe, set, update } = writable<Editor>();
13 | 	const saveListeners: SaveListener[] = [];
14 | 
15 | 	return {
16 | 		subscribe,
17 | 		set,
18 | 		update,
19 | 		subscribeToSaveEvents: (callback: SaveListener) => {
20 | 			saveListeners.push(callback);
21 | 			return () => {
22 | 				const index = saveListeners.indexOf(callback);
23 | 				if (index > -1) {
24 | 					saveListeners.splice(index, 1);
25 | 				}
26 | 			};
27 | 		},
28 | 		notifySaveEvent: () => {
29 | 			saveListeners.forEach((listener) => listener());
30 | 		}
31 | 	};
32 | }
33 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/shared/editor/editor-store.ts:
--------------------------------------------------------------------------------
 1 | import { writable, type Writable } from 'svelte/store';
 2 | import type { Editor } from '@tiptap/core';
 3 | 
 4 | type SaveListener = () => void;
 5 | 
 6 | interface EditorStore extends Writable<Editor> {
 7 | 	subscribeToSaveEvents: (callback: SaveListener) => () => void;
 8 | 	notifySaveEvent: () => void;
 9 | }
10 | 
11 | export function createEditorStore(): EditorStore {
12 | 	const { subscribe, set, update } = writable<Editor>();
13 | 	const saveListeners: SaveListener[] = [];
14 | 
15 | 	return {
16 | 		subscribe,
17 | 		set,
18 | 		update,
19 | 		subscribeToSaveEvents: (callback: SaveListener) => {
20 | 			saveListeners.push(callback);
21 | 			return () => {
22 | 				const index = saveListeners.indexOf(callback);
23 | 				if (index > -1) {
24 | 					saveListeners.splice(index, 1);
25 | 				}
26 | 			};
27 | 		},
28 | 		notifySaveEvent: () => {
29 | 			saveListeners.forEach((listener) => listener());
30 | 		}
31 | 	};
32 | }
33 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/components/layout/header.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { collection } from '$lib/store';
 3 | 	import Button from '@haptic/ui/components/button/button.svelte';
 4 | </script>
 5 | 
 6 | <header
 7 | 	class="absolute top-0 w-full flex justify-between items-center h-9 border-b pl-20 bg-background z-40 px-1.5"
 8 | >
 9 | 	<div />
10 | 	<p
11 | 		class="pointer-events-none text-sm text-foreground/85 hover:text-foreground/100 transition-all cursor-default outline-none -mr-[159px]"
12 | 	>
13 | 		{$collection?.split('/').pop() || ''}
14 | 	</p>
15 | 	<div class="flex gap-1">
16 | 		<a href="https://go.haptic.md/github" target="_blank" rel="noopener noreferrer">
17 | 			<Button variant="secondary" size="sm" scale="sm" class="rounded-full h-[27px] px-2.5"
18 | 				>Star on Github</Button
19 | 			>
20 | 		</a>
21 | 		<a href="https://go.haptic.md/download" target="_blank" rel="noopener noreferrer">
22 | 			<Button size="sm" scale="sm" class="rounded-full h-[27px] px-2.5">Download</Button>
23 | 		</a>
24 | 	</div>
25 | </header>
26 | 


--------------------------------------------------------------------------------
/packages/ui/components/command/index.ts:
--------------------------------------------------------------------------------
 1 | import { Command as CommandPrimitive } from 'cmdk-sv';
 2 | 
 3 | import Root from './command.svelte';
 4 | import Dialog from './command-dialog.svelte';
 5 | import Empty from './command-empty.svelte';
 6 | import Group from './command-group.svelte';
 7 | import Item from './command-item.svelte';
 8 | import Input from './command-input.svelte';
 9 | import List from './command-list.svelte';
10 | import Separator from './command-separator.svelte';
11 | import Shortcut from './command-shortcut.svelte';
12 | 
13 | const Loading = CommandPrimitive.Loading;
14 | 
15 | export {
16 | 	Root,
17 | 	Dialog,
18 | 	Empty,
19 | 	Group,
20 | 	Item,
21 | 	Input,
22 | 	List,
23 | 	Separator,
24 | 	Shortcut,
25 | 	Loading,
26 | 	//
27 | 	Root as Command,
28 | 	Dialog as CommandDialog,
29 | 	Empty as CommandEmpty,
30 | 	Group as CommandGroup,
31 | 	Item as CommandItem,
32 | 	Input as CommandInput,
33 | 	List as CommandList,
34 | 	Separator as CommandSeparator,
35 | 	Shortcut as CommandShortcut,
36 | 	Loading as CommandLoading
37 | };
38 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-item.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = ContextMenuPrimitive.ItemProps & {
 6 | 		inset?: boolean;
 7 | 	};
 8 | 	type $$Events = ContextMenuPrimitive.ItemEvents;
 9 | 
10 | 	let className: $$Props['class'] = undefined;
11 | 	export let inset: $$Props['inset'] = undefined;
12 | 	export { className as class };
13 | </script>
14 | 
15 | <ContextMenuPrimitive.Item
16 | 	class={cn(
17 | 		'relative h-7 flex text-foreground cursor-pointer select-none text-me items-center rounded-sm px-2 py-1.5 text-xs outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
18 | 		inset && 'pl-8',
19 | 		className
20 | 	)}
21 | 	{...$$restProps}
22 | 	on:click
23 | 	on:keydown
24 | 	on:focusin
25 | 	on:focusout
26 | 	on:pointerdown
27 | 	on:pointerleave
28 | 	on:pointermove
29 | >
30 | 	<slot />
31 | </ContextMenuPrimitive.Item>
32 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/components/notes/layout.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import NoteDetails from './details.svelte';
 3 | 	import {
 4 | 		isPageSidebarOpen,
 5 | 		pageSidebarWidth,
 6 | 		resizingPageSidebar,
 7 | 		isNoteDetailSidebarOpen,
 8 | 		noteDetailSidebarWidth,
 9 | 		resizingNoteDetailSidebar
10 | 	} from '@/store';
11 | 
12 | 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
13 | 	export let sidebar: any;
14 | </script>
15 | 
16 | <div
17 | 	class="flex flex-col w-full h-[calc(100vh-4.5rem)] bg-secondary-background ml-12 overflow-hidden"
18 | >
19 | 	<svelte:component this={sidebar} />
20 | 	<div
21 | 		class="h-full overflow-y-auto"
22 | 		style={`
23 | 					margin-left: ${$isPageSidebarOpen ? $pageSidebarWidth : 0}px; 
24 | 					margin-right: ${$isNoteDetailSidebarOpen ? $noteDetailSidebarWidth : 0}px; 
25 | 					transition: ${
26 | 						$resizingPageSidebar || $resizingNoteDetailSidebar
27 | 							? 'none'
28 | 							: 'margin-left 300ms, margin-right 300ms'
29 | 					}
30 | 			`}
31 | 	>
32 | 		<slot />
33 | 	</div>
34 | 	<NoteDetails />
35 | </div>
36 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/src/main.rs:
--------------------------------------------------------------------------------
 1 | // Prevents additional console window on Windows in release, DO NOT REMOVE!!
 2 | #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
 3 | 
 4 | #[cfg(target_os = "macos")]
 5 | mod mac;
 6 | mod commands;
 7 | 
 8 | fn main() {
 9 |   let mut ctx = tauri::generate_context!();
10 |   tauri::Builder::default()
11 |     .setup(|app| {
12 |       if cfg!(target_os = "macos") {
13 |           #[cfg(target_os = "macos")]
14 |           use mac::window::setup_mac_window;
15 | 
16 |           #[cfg(target_os = "macos")]
17 |           setup_mac_window(app);
18 |       }
19 | 
20 |         Ok(())
21 |     })
22 |     .invoke_handler(tauri::generate_handler![
23 |         commands::folder::show_in_folder,
24 |         commands::search::search_files
25 |     ])
26 |     .plugin(tauri_plugin_theme::ThemePlugin::init(ctx.config_mut()))
27 |     .plugin(tauri_plugin_fs_watch::init())
28 |     .plugin(tauri_plugin_fs_extra::init())
29 |     .plugin(tauri_plugin_window_state::Builder::default().build())
30 |     .run(ctx)
31 |     .expect("error while running tauri application");
32 | }


--------------------------------------------------------------------------------
/apps/web/README.md:
--------------------------------------------------------------------------------
 1 | # create-svelte
 2 | 
 3 | Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
 4 | 
 5 | ## Creating a project
 6 | 
 7 | If you're seeing this, you've probably already done this step. Congrats!
 8 | 
 9 | ```bash
10 | # create a new project in the current directory
11 | npm create svelte@latest
12 | 
13 | # create a new project in my-app
14 | npm create svelte@latest my-app
15 | ```
16 | 
17 | ## Developing
18 | 
19 | Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
20 | 
21 | ```bash
22 | npm run dev
23 | 
24 | # or start the server and open the app in a new browser tab
25 | npm run dev -- --open
26 | ```
27 | 
28 | ## Building
29 | 
30 | To create a production version of your app:
31 | 
32 | ```bash
33 | npm run build
34 | ```
35 | 
36 | You can preview the production build with `npm run preview`.
37 | 
38 | > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
39 | 


--------------------------------------------------------------------------------
/apps/desktop/README.md:
--------------------------------------------------------------------------------
 1 | # create-svelte
 2 | 
 3 | Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
 4 | 
 5 | ## Creating a project
 6 | 
 7 | If you're seeing this, you've probably already done this step. Congrats!
 8 | 
 9 | ```bash
10 | # create a new project in the current directory
11 | npm create svelte@latest
12 | 
13 | # create a new project in my-app
14 | npm create svelte@latest my-app
15 | ```
16 | 
17 | ## Developing
18 | 
19 | Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
20 | 
21 | ```bash
22 | npm run dev
23 | 
24 | # or start the server and open the app in a new browser tab
25 | npm run dev -- --open
26 | ```
27 | 
28 | ## Building
29 | 
30 | To create a production version of your app:
31 | 
32 | ```bash
33 | npm run build
34 | ```
35 | 
36 | You can preview the production build with `npm run preview`.
37 | 
38 | > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
39 | 


--------------------------------------------------------------------------------
/apps/homepage/README.md:
--------------------------------------------------------------------------------
 1 | # create-svelte
 2 | 
 3 | Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
 4 | 
 5 | ## Creating a project
 6 | 
 7 | If you're seeing this, you've probably already done this step. Congrats!
 8 | 
 9 | ```bash
10 | # create a new project in the current directory
11 | npm create svelte@latest
12 | 
13 | # create a new project in my-app
14 | npm create svelte@latest my-app
15 | ```
16 | 
17 | ## Developing
18 | 
19 | Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
20 | 
21 | ```bash
22 | npm run dev
23 | 
24 | # or start the server and open the app in a new browser tab
25 | npm run dev -- --open
26 | ```
27 | 
28 | ## Building
29 | 
30 | To create a production version of your app:
31 | 
32 | ```bash
33 | npm run build
34 | ```
35 | 
36 | You can preview the production build with `npm run preview`.
37 | 
38 | > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
39 | 


--------------------------------------------------------------------------------
/packages/ui/components/input/input.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import type { HTMLInputAttributes } from 'svelte/elements';
 3 | 	import { cn } from '../../lib/utils';
 4 | 	import type { InputEvents } from '.';
 5 | 
 6 | 	type $$Props = HTMLInputAttributes;
 7 | 	type $$Events = InputEvents;
 8 | 
 9 | 	let className: $$Props['class'] = undefined;
10 | 	export let value: $$Props['value'] = undefined;
11 | 	export { className as class };
12 | </script>
13 | 
14 | <input
15 | 	class={cn(
16 | 		'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-shadow duration-75 file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
17 | 		className
18 | 	)}
19 | 	bind:value
20 | 	on:blur
21 | 	on:change
22 | 	on:click
23 | 	on:focus
24 | 	on:focusin
25 | 	on:focusout
26 | 	on:keydown
27 | 	on:keypress
28 | 	on:keyup
29 | 	on:mouseover
30 | 	on:mouseenter
31 | 	on:mouseleave
32 | 	on:paste
33 | 	on:input
34 | 	{...$$restProps}
35 | />
36 | 


--------------------------------------------------------------------------------
/packages/ui/components/tooltip/tooltip-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Tooltip as TooltipPrimitive } from 'bits-ui';
 3 | 	import { cn, flyAndScale } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = TooltipPrimitive.ContentProps;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export let sideOffset: $$Props['sideOffset'] = 4;
 9 | 	export let transition: $$Props['transition'] = flyAndScale;
10 | 	export let transitionConfig: $$Props['transitionConfig'] = {
11 | 		y: 8,
12 | 		duration: 150
13 | 	};
14 | 	export { className as class };
15 | </script>
16 | 
17 | <TooltipPrimitive.Content
18 | 	{transition}
19 | 	{transitionConfig}
20 | 	{sideOffset}
21 | 	class={cn('flex items-center justify-center border z-50 rounded-md bg-secondary h-6', className)}
22 | 	{...$$restProps}
23 | >
24 | 	<TooltipPrimitive.Arrow class="bg-primary rounded-[1.5px] border" />
25 | 	<div
26 | 		class={cn(
27 | 			'flex items-center gap-1.5 justify-center w-full h-full px-2.5 z-50 bg-secondary text-xs text-secondary-foreground rounded-md',
28 | 			className
29 | 		)}
30 | 	>
31 | 		<slot />
32 | 	</div>
33 | </TooltipPrimitive.Content>
34 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/database/schema.ts:
--------------------------------------------------------------------------------
 1 | import { bigint, boolean, jsonb, pgTable, text, timestamp } from 'drizzle-orm/pg-core';
 2 | 
 3 | export const collection = pgTable('collection', {
 4 | 	path: text('path').primaryKey(),
 5 | 	name: text('name').notNull(),
 6 | 	lastOpened: timestamp('last_opened', { withTimezone: true }).notNull()
 7 | });
 8 | 
 9 | export const collectionSettings = pgTable('collection_settings', {
10 | 	collectionPath: text('collection_path')
11 | 		.primaryKey()
12 | 		.references(() => collection.path),
13 | 	editor: jsonb('editor').notNull(),
14 | 	notes: jsonb('notes').notNull()
15 | });
16 | 
17 | export const entry = pgTable('entry', {
18 | 	path: text('path').primaryKey(),
19 | 	name: text('name'),
20 | 	parentPath: text('parent_path').notNull(),
21 | 	collectionPath: text('collection_path').references(() => collection.path),
22 | 	content: text('content'),
23 | 	isFolder: boolean('is_folder').default(false),
24 | 	size: bigint('size', { mode: 'number' }),
25 | 	createdAt: timestamp('created_at', { withTimezone: true }).defaultNow().notNull(),
26 | 	updatedAt: timestamp('updated_at', { withTimezone: true }).defaultNow().notNull()
27 | });
28 | 


--------------------------------------------------------------------------------
/packages/ui/components/switch/switch.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Switch as SwitchPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 
 5 | 	type $$Props = SwitchPrimitive.Props;
 6 | 
 7 | 	let className: $$Props['class'] = undefined;
 8 | 	export let checked: $$Props['checked'] = undefined;
 9 | 	export { className as class };
10 | </script>
11 | 
12 | <SwitchPrimitive.Root
13 | 	bind:checked
14 | 	class={cn(
15 | 		'peer inline-flex h-[18px] w-[28px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
16 | 		className
17 | 	)}
18 | 	{...$$restProps}
19 | >
20 | 	<SwitchPrimitive.Thumb
21 | 		class={cn(
22 | 			'pointer-events-none block h-[14px] w-[14px] rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-2.5 data-[state=unchecked]:translate-x-0'
23 | 		)}
24 | 	/>
25 | </SwitchPrimitive.Root>
26 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-sub-trigger.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 	import { ChevronRight } from 'radix-icons-svelte';
 5 | 
 6 | 	type $$Props = ContextMenuPrimitive.SubTriggerProps & {
 7 | 		inset?: boolean;
 8 | 	};
 9 | 	type $$Events = ContextMenuPrimitive.SubTriggerEvents;
10 | 
11 | 	let className: $$Props['class'] = undefined;
12 | 	export let inset: $$Props['inset'] = undefined;
13 | 	export { className as class };
14 | </script>
15 | 
16 | <ContextMenuPrimitive.SubTrigger
17 | 	class={cn(
18 | 		'flex cursor-pointer h-7 text-foreground select-none items-center rounded-sm px-2 py-1.5 text-xs outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
19 | 		inset && 'pl-8',
20 | 		className
21 | 	)}
22 | 	{...$$restProps}
23 | 	on:click
24 | 	on:keydown
25 | 	on:focusin
26 | 	on:focusout
27 | 	on:pointerleave
28 | 	on:pointermove
29 | >
30 | 	<slot />
31 | 	<ChevronRight class="ml-auto h-4 w-4" />
32 | </ContextMenuPrimitive.SubTrigger>
33 | 


--------------------------------------------------------------------------------
/.github/workflows/dockerize-on-release.yml:
--------------------------------------------------------------------------------
 1 | name: 'dockerize-on-release'
 2 | 
 3 | on:
 4 |   release:
 5 |     types: [published]
 6 |     branches: ['main']
 7 | 
 8 | jobs:
 9 |   build:
10 |     runs-on: ubuntu-latest
11 |     
12 |     steps:
13 |       - uses: actions/checkout@v3
14 | 
15 |       - name: Check out the repo
16 |         uses: actions/checkout@v3
17 | 
18 |       - name: Log in to Docker Hub
19 |         uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a
20 |         with:
21 |           username: ${{ secrets.DOCKER_USERNAME }}
22 |           password: ${{ secrets.DOCKER_PASSWORD }}
23 | 
24 |       - name: Extract metadata (tags, labels) for Docker
25 |         id: meta
26 |         uses: docker/metadata-action@9ec57ed1fcdbf14dcef7dfbe97b2010124a938b7
27 |         with:
28 |           images: chroxify/haptic-web
29 | 
30 |       - name: Build and push Docker image
31 |         uses: docker/build-push-action@3b5e8027fcad23fda98b2e3ac259d8d67585f671
32 |         with:
33 |           context: .
34 |           file: ./apps/web/Dockerfile
35 |           push: true
36 |           tags: ${{ steps.meta.outputs.tags }}
37 |           labels: ${{ steps.meta.outputs.labels }}
38 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/notes/layout.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { cn } from '@/utils';
 3 | 	import NoteDetails from './details.svelte';
 4 | 	import {
 5 | 		isPageSidebarOpen,
 6 | 		pageSidebarWidth,
 7 | 		resizingPageSidebar,
 8 | 		platform,
 9 | 		isNoteDetailSidebarOpen,
10 | 		noteDetailSidebarWidth,
11 | 		resizingNoteDetailSidebar
12 | 	} from '@/store';
13 | 
14 | 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
15 | 	export let sidebar: any;
16 | </script>
17 | 
18 | <div
19 | 	class={cn(
20 | 		'flex flex-col w-full h-[calc(100vh-4.5rem)] bg-secondary-background ml-12 overflow-hidden',
21 | 		$platform !== 'darwin' && 'h-[100vh]'
22 | 	)}
23 | >
24 | 	<svelte:component this={sidebar} />
25 | 	<div
26 | 		class="h-full overflow-y-auto"
27 | 		style={`
28 | 					margin-left: ${$isPageSidebarOpen ? $pageSidebarWidth : 0}px; 
29 | 					margin-right: ${$isNoteDetailSidebarOpen ? $noteDetailSidebarWidth : 0}px; 
30 | 					transition: ${
31 | 						$resizingPageSidebar || $resizingNoteDetailSidebar
32 | 							? 'none'
33 | 							: 'margin-left 300ms, margin-right 300ms'
34 | 					}
35 | 			`}
36 | 	>
37 | 		<slot />
38 | 	</div>
39 | 	<NoteDetails />
40 | </div>
41 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature-request.yml:
--------------------------------------------------------------------------------
 1 | name: New feature
 2 | description: Suggest or request a new feature
 3 | labels: ["enhancement"]
 4 | body:
 5 |   - type: markdown
 6 |     attributes:
 7 |       value: |
 8 |         Please fill out the sections below to properly describe the new feature you are suggesting.
 9 |   - type: textarea
10 |     id: description
11 |     attributes:
12 |       label: Describe the feature
13 |       placeholder: A button in the screen X that allows to do Y
14 |     validations:
15 |       required: true
16 |   - type: textarea
17 |     id: rationale
18 |     attributes:
19 |       label: It should be implemented because
20 |       placeholder: It will allow to do Y that is needed for Z
21 |   - type: textarea
22 |     id: context
23 |     attributes:
24 |       label: Additional context
25 |       placeholder: |
26 |         Add any other context or screenshots about the feature request here.
27 |   - type: dropdown
28 |     id: assign
29 |     attributes:
30 |       label: "Would you like to work on this issue?"
31 |       options:
32 |         - "Yes"
33 |   - type: markdown
34 |     attributes:
35 |       value: |
36 |         Thanks for your suggestion! Let's see together if it can be implemented.


--------------------------------------------------------------------------------
/packages/ui/components/command/command-dialog.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import Command from './command.svelte';
 3 | 	import * as Dialog from '../dialog';
 4 | 	import type { Dialog as DialogPrimitive } from 'bits-ui';
 5 | 	import type { Command as CommandPrimitive } from 'cmdk-sv';
 6 | 
 7 | 	type $$Props = DialogPrimitive.Props &
 8 | 		CommandPrimitive.CommandProps & { onKeyDown?: (event: KeyboardEvent) => void };
 9 | 
10 | 	export let open: $$Props['open'] = false;
11 | 	export let value: $$Props['value'] = undefined;
12 | </script>
13 | 
14 | <Dialog.Root bind:open {...$$restProps}>
15 | 	<Dialog.Content class="overflow-hidden p-0 !w-[518px] top-[15%]">
16 | 		<Command
17 | 			class="[&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group-heading]]:text-muted-foreground [&_[data-cmdk-group]:not([hidden])_~[data-cmdk-group]]:pt-0 [&_[data-cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[data-cmdk-input]]:h-12 [&_[data-cmdk-item]]:px-4 [&_[data-cmdk-item]]:py-3 [&_[data-cmdk-item]_svg]:h-4 [&_[data-cmdk-item]_svg]:w-4"
18 | 			{...$$restProps}
19 | 			bind:value
20 | 		>
21 | 			<slot />
22 | 		</Command>
23 | 	</Dialog.Content>
24 | </Dialog.Root>
25 | 


--------------------------------------------------------------------------------
/packages/ui/components/select/select-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Select as SelectPrimitive } from 'bits-ui';
 3 | 	import { scale } from 'svelte/transition';
 4 | 	import { cn, flyAndScale } from '../../lib/utils';
 5 | 
 6 | 	type $$Props = SelectPrimitive.ContentProps;
 7 | 
 8 | 	let className: $$Props['class'] = undefined;
 9 | 	export let sideOffset: $$Props['sideOffset'] = 4;
10 | 	export let inTransition: $$Props['inTransition'] = flyAndScale;
11 | 	export let inTransitionConfig: $$Props['inTransitionConfig'] = undefined;
12 | 	export let outTransition: $$Props['outTransition'] = scale;
13 | 	export let outTransitionConfig: $$Props['outTransitionConfig'] = {
14 | 		start: 0.95,
15 | 		opacity: 0,
16 | 		duration: 50
17 | 	};
18 | 	export { className as class };
19 | </script>
20 | 
21 | <SelectPrimitive.Content
22 | 	{inTransition}
23 | 	{inTransitionConfig}
24 | 	{outTransition}
25 | 	{outTransitionConfig}
26 | 	{sideOffset}
27 | 	class={cn(
28 | 		'relative z-50 min-w-[8rem] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md focus:outline-none',
29 | 		className
30 | 	)}
31 | 	{...$$restProps}
32 | >
33 | 	<div class="w-full p-1">
34 | 		<slot />
35 | 	</div>
36 | </SelectPrimitive.Content>
37 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/types.ts:
--------------------------------------------------------------------------------
 1 | import type { Metadata } from 'tauri-plugin-fs-extra-api';
 2 | 
 3 | export interface ShortcutParams {
 4 | 	alt?: boolean;
 5 | 	shift?: boolean;
 6 | 	command?: boolean;
 7 | 	key: string;
 8 | 	code?: string; // overwritting the key if set
 9 | 	hover?: boolean;
10 | }
11 | 
12 | export interface AppSettingsParams {
13 | 	theme: string;
14 | 	theme_mode: string;
15 | 	interface_font: string;
16 | }
17 | 
18 | export interface CollectionSettingsParams {
19 | 	editor: {
20 | 		font: string;
21 | 		size: number;
22 | 		auto_save: boolean;
23 | 		auto_save_debounce: number;
24 | 		auto_correct: boolean;
25 | 		spell_check: boolean;
26 | 		show_inline_title: boolean;
27 | 		show_line_numbers: boolean;
28 | 		show_toolbar: boolean;
29 | 	};
30 | 	notes: {
31 | 		trash_dir: 'system' | 'haptic' | 'delete';
32 | 		excluded_files: string[];
33 | 	};
34 | }
35 | 
36 | export interface CollectionParams {
37 | 	path: string;
38 | 	name: string;
39 | 	lastOpened: string;
40 | }
41 | 
42 | export interface NoteMetadataParams {
43 | 	fileMetadata: Metadata;
44 | 	editorMetadata: {
45 | 		words: number;
46 | 		characters: number;
47 | 		avgReadingTime: string;
48 | 	};
49 | }
50 | 
51 | export interface SettingsStateParams {
52 | 	isOpen: boolean;
53 | 	activePage: string;
54 | }
55 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-radio-item.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 	import { DotFilled } from 'radix-icons-svelte';
 5 | 
 6 | 	type $$Props = ContextMenuPrimitive.RadioItemProps;
 7 | 	type $$Events = ContextMenuPrimitive.RadioItemEvents;
 8 | 
 9 | 	let className: $$Props['class'] = undefined;
10 | 	export let value: $$Props['value'];
11 | 	export { className as class };
12 | </script>
13 | 
14 | <ContextMenuPrimitive.RadioItem
15 | 	class={cn(
16 | 		'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
17 | 		className
18 | 	)}
19 | 	{value}
20 | 	{...$$restProps}
21 | 	on:click
22 | 	on:keydown
23 | 	on:focusin
24 | 	on:focusout
25 | 	on:pointerdown
26 | 	on:pointerleave
27 | 	on:pointermove
28 | >
29 | 	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
30 | 		<ContextMenuPrimitive.RadioIndicator>
31 | 			<DotFilled class="h-4 w-4 fill-current" />
32 | 		</ContextMenuPrimitive.RadioIndicator>
33 | 	</span>
34 | 	<slot />
35 | </ContextMenuPrimitive.RadioItem>
36 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/context-menu-checkbox-item.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 3 | 	import { cn } from '../../lib/utils';
 4 | 	import { Check } from 'radix-icons-svelte';
 5 | 
 6 | 	type $$Props = ContextMenuPrimitive.CheckboxItemProps;
 7 | 	type $$Events = ContextMenuPrimitive.CheckboxItemEvents;
 8 | 
 9 | 	let className: $$Props['class'] = undefined;
10 | 	export { className as class };
11 | 	export let checked: $$Props['checked'] = undefined;
12 | </script>
13 | 
14 | <ContextMenuPrimitive.CheckboxItem
15 | 	bind:checked
16 | 	class={cn(
17 | 		'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
18 | 		className
19 | 	)}
20 | 	{...$$restProps}
21 | 	on:click
22 | 	on:keydown
23 | 	on:focusin
24 | 	on:focusout
25 | 	on:pointerdown
26 | 	on:pointerleave
27 | 	on:pointermove
28 | >
29 | 	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
30 | 		<ContextMenuPrimitive.CheckboxIndicator>
31 | 			<Check class="h-4 w-4" />
32 | 		</ContextMenuPrimitive.CheckboxIndicator>
33 | 	</span>
34 | 	<slot />
35 | </ContextMenuPrimitive.CheckboxItem>
36 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug-report.yml:
--------------------------------------------------------------------------------
 1 | name: Bug Report
 2 | description: Report a bug
 3 | labels: ["bug"]
 4 | body:
 5 |   - type: markdown
 6 |     attributes:
 7 |       value: |
 8 |         Please fill out the sections below to help everyone identify and fix the bug
 9 |   - type: textarea
10 |     id: description
11 |     attributes:
12 |       label: Describe your issue
13 |       placeholder: When I click here this happens
14 |     validations:
15 |       required: true
16 |   - type: textarea
17 |     id: steps
18 |     attributes:
19 |       label: Steps to reproduce
20 |       placeholder: |
21 |         1. Go to page X
22 |         2. Click here
23 |         3. Click there
24 |     validations:
25 |       required: true
26 |   - type: textarea
27 |     id: expected
28 |     attributes:
29 |       label: What was the expected result?
30 |       placeholder: I expected this to happen
31 |   - type: textarea
32 |     id: screenshots
33 |     attributes:
34 |       label: Put here any screenshots or videos (optional)
35 |   - type: dropdown
36 |     id: assign
37 |     attributes:
38 |       label: "Would you like to work on this issue?"
39 |       options:
40 |         - "Yes"
41 |   - type: markdown
42 |     attributes:
43 |       value: |
44 |         Thanks for reporting this issue! We will get back to you as soon as possible.


--------------------------------------------------------------------------------
/apps/web/src/lib/components/shared/tooltip.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { tooltipsOpen } from '@/store';
 3 | 	import * as Tooltip from '@haptic/ui/components/tooltip';
 4 | 	import type { ShortcutParams } from '@/types';
 5 | 	import { shortcutToString } from '@/utils';
 6 | 	export let text = 'Tooltip';
 7 | 	export let shortcut: ShortcutParams | undefined = undefined;
 8 | 
 9 | 	// TODO: Find out why sometimes it needs refresh to work properly again after a while #BUG
10 | </script>
11 | 
12 | <Tooltip.Root
13 | 	openDelay={$tooltipsOpen >= 1 ? 0 : 300}
14 | 	closeDelay={$tooltipsOpen >= 1 ? 0 : 50}
15 | 	onOpenChange={(open) => {
16 | 		if (open) {
17 | 			tooltipsOpen.update((value) => value + 1);
18 | 		} else {
19 | 			setTimeout(() => {
20 | 				tooltipsOpen.update((value) => value - 1);
21 | 			}, 500);
22 | 		}
23 | 	}}
24 | >
25 | 	<Tooltip.Trigger><slot /></Tooltip.Trigger>
26 | 	<Tooltip.Content {...$$props} transitionConfig={{ duration: $tooltipsOpen > 1 ? 125 : 175 }}>
27 | 		{text}
28 | 		{#if shortcut}
29 | 			<span
30 | 				class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest -mr-2 select-none items-center gap-1 rounded bg-muted px-1 font-mono font-medium text-foreground/70 opacity-100"
31 | 			>
32 | 				{shortcutToString(shortcut)}
33 | 			</span>
34 | 		{/if}
35 | 	</Tooltip.Content>
36 | </Tooltip.Root>
37 | 


--------------------------------------------------------------------------------
/packages/ui/components/select/select-item.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Select as SelectPrimitive } from 'bits-ui';
 3 | 	import { Check } from 'radix-icons-svelte';
 4 | 	import { cn } from '../../lib/utils';
 5 | 
 6 | 	type $$Props = SelectPrimitive.ItemProps;
 7 | 	type $$Events = Required<SelectPrimitive.ItemEvents>;
 8 | 
 9 | 	let className: $$Props['class'] = undefined;
10 | 	export let value: $$Props['value'];
11 | 	export let label: $$Props['label'] = undefined;
12 | 	export let disabled: $$Props['disabled'] = undefined;
13 | 	export { className as class };
14 | </script>
15 | 
16 | <SelectPrimitive.Item
17 | 	{value}
18 | 	{disabled}
19 | 	{label}
20 | 	class={cn(
21 | 		'relative flex w-full cursor-pointer select-none items-center rounded-sm py-1 pl-2 pr-8 text-xs outline-none data-[disabled]:pointer-events-none text-secondary-foreground/85 data-[highlighted]:bg-accent data-[highlighted]:text-foreground data-[disabled]:opacity-50',
22 | 		className
23 | 	)}
24 | 	{...$$restProps}
25 | 	on:click
26 | 	on:pointermove
27 | 	on:focusin
28 | >
29 | 	<span class="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
30 | 		<SelectPrimitive.ItemIndicator>
31 | 			<Check class="h-4 w-4" />
32 | 		</SelectPrimitive.ItemIndicator>
33 | 	</span>
34 | 	<slot>
35 | 		{label ? label : value}
36 | 	</slot>
37 | </SelectPrimitive.Item>
38 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/shared/tooltip.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { tooltipsOpen } from '@/store';
 3 | 	import * as Tooltip from '@haptic/ui/components/tooltip';
 4 | 	import type { ShortcutParams } from '@/types';
 5 | 	import { shortcutToString } from '@/utils';
 6 | 	export let text = 'Tooltip';
 7 | 	export let shortcut: ShortcutParams | undefined = undefined;
 8 | 
 9 | 	// TODO: Find out why sometimes it needs refresh to work properly again after a while #BUG
10 | </script>
11 | 
12 | <Tooltip.Root
13 | 	openDelay={$tooltipsOpen >= 1 ? 0 : 300}
14 | 	closeDelay={$tooltipsOpen >= 1 ? 0 : 50}
15 | 	onOpenChange={(open) => {
16 | 		if (open) {
17 | 			tooltipsOpen.update((value) => value + 1);
18 | 		} else {
19 | 			setTimeout(() => {
20 | 				tooltipsOpen.update((value) => value - 1);
21 | 			}, 500);
22 | 		}
23 | 	}}
24 | >
25 | 	<Tooltip.Trigger><slot /></Tooltip.Trigger>
26 | 	<Tooltip.Content {...$$props} transitionConfig={{ duration: $tooltipsOpen > 1 ? 125 : 175 }}>
27 | 		{text}
28 | 		{#if shortcut}
29 | 			<span
30 | 				class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest -mr-2 select-none items-center gap-1 rounded bg-muted px-1 font-mono font-medium text-foreground/70 opacity-100"
31 | 			>
32 | 				{shortcutToString(shortcut)}
33 | 			</span>
34 | 		{/if}
35 | 	</Tooltip.Content>
36 | </Tooltip.Root>
37 | 


--------------------------------------------------------------------------------
/apps/web/Dockerfile:
--------------------------------------------------------------------------------
 1 | # Use Node.js as the base image
 2 | FROM node:18-alpine AS builder
 3 | 
 4 | # Set working directory
 5 | WORKDIR /app
 6 | 
 7 | # Install pnpm
 8 | RUN npm install -g pnpm
 9 | 
10 | # Install turbo
11 | RUN npm install -g turbo
12 | 
13 | # Copy the entire monorepo
14 | COPY . .
15 | 
16 | # Generate a partial monorepo with a pruned lockfile for the web workspace
17 | RUN turbo prune web --docker
18 | 
19 | # Install dependencies and build the project
20 | FROM node:18-alpine AS installer
21 | WORKDIR /app
22 | 
23 | # Copy pruned files from the previous stage
24 | COPY --from=builder /app/out/json/ .
25 | COPY --from=builder /app/out/pnpm-lock.yaml ./pnpm-lock.yaml
26 | 
27 | # Install dependencies
28 | RUN npm install -g pnpm
29 | RUN pnpm install
30 | 
31 | # Copy source files
32 | COPY --from=builder /app/out/full/ .
33 | 
34 | # Install @tailwindcss/typography in the web workspace
35 | RUN cd apps/web && pnpm add -D @tailwindcss/typography
36 | 
37 | # Build the project
38 | RUN pnpm run build --filter=web
39 | 
40 | # Final stage
41 | FROM nginx:stable AS runner
42 | WORKDIR /app
43 | 
44 | # Copy nginx.conf from the apps/web directory
45 | COPY apps/web/nginx.conf /etc/nginx/conf.d/default.conf
46 | COPY --from=installer /app/apps/web/build /usr/share/nginx/html
47 | 
48 | # Expose the port the app runs on
49 | EXPOSE 80
50 | 
51 | # Start Nginx
52 | CMD ["nginx", "-g", "daemon off;"]


--------------------------------------------------------------------------------
/apps/web/src/lib/components/shared/command-menu/helpers.ts:
--------------------------------------------------------------------------------
 1 | import { fetchCollectionEntries } from '@/api/collection';
 2 | import { collection } from '@/store';
 3 | import type { FileEntry } from '@/types';
 4 | import { get } from 'svelte/store';
 5 | 
 6 | export const getAllItems = async (
 7 | 	isFolders?: boolean,
 8 | 	entries?: FileEntry[]
 9 | ): Promise<{ path: string; name: string }[]> => {
10 | 	const items: { path: string; name: string }[] = [];
11 | 
12 | 	if (!entries) {
13 | 		entries = await fetchCollectionEntries().catch(() => []);
14 | 	}
15 | 
16 | 	entries.forEach(async (entry) => {
17 | 		if (isFolders) {
18 | 			if (entry.children !== undefined && !entry.name?.startsWith('.')) {
19 | 				const folderPath = entry.path;
20 | 				const folderName = entry.path.replace(get(collection), '');
21 | 				items.push({ path: folderPath, name: folderName });
22 | 				const subItems = await getAllItems(isFolders, entry.children);
23 | 				items.push(...subItems);
24 | 			}
25 | 		} else {
26 | 			if (entry.children === undefined && !entry.name?.startsWith('.')) {
27 | 				const notePath = entry.path;
28 | 				const noteName = entry.path.replace(get(collection), '');
29 | 				items.push({ path: notePath, name: noteName });
30 | 			} else {
31 | 				const subItems = await getAllItems(isFolders, entry.children);
32 | 				items.push(...subItems);
33 | 			}
34 | 		}
35 | 	});
36 | 
37 | 	return items;
38 | };
39 | 


--------------------------------------------------------------------------------
/apps/homepage/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "homepage",
 3 | 	"version": "0.0.1",
 4 | 	"private": true,
 5 | 	"scripts": {
 6 | 		"dev": "vite dev",
 7 | 		"build": "vite build",
 8 | 		"preview": "vite preview",
 9 | 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
10 | 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
11 | 		"lint": "prettier --check . && eslint .",
12 | 		"format": "prettier --write ."
13 | 	},
14 | 	"devDependencies": {
15 | 		"@haptic/eslint-config": "workspace:*",
16 | 		"@haptic/tailwind-config": "workspace:*",
17 | 		"@sveltejs/adapter-auto": "^3.0.0",
18 | 		"@sveltejs/kit": "^2.0.0",
19 | 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
20 | 		"@types/eslint": "^9.6.0",
21 | 		"autoprefixer": "^10.4.17",
22 | 		"eslint": "^9.0.0",
23 | 		"eslint-config-prettier": "^9.1.0",
24 | 		"eslint-plugin-svelte": "^2.36.0",
25 | 		"globals": "^15.0.0",
26 | 		"postcss": "^8.4.33",
27 | 		"prettier": "^3.1.1",
28 | 		"prettier-plugin-svelte": "^3.1.2",
29 | 		"svelte": "^4.2.7",
30 | 		"svelte-check": "^3.6.0",
31 | 		"tailwindcss": "^3.4.10",
32 | 		"typescript": "^5.0.0",
33 | 		"typescript-eslint": "^8.0.0",
34 | 		"vite": "^5.0.3"
35 | 	},
36 | 	"dependencies": {
37 | 		"@haptic/ui": "workspace:^",
38 | 		"@vercel/analytics": "^1.5.0",
39 | 		"@vercel/edge-config": "^1.2.1",
40 | 		"lucide-svelte": "^0.428.0"
41 | 	},
42 | 	"type": "module"
43 | }
44 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/shared/command-menu/helpers.ts:
--------------------------------------------------------------------------------
 1 | import { fetchCollectionEntries } from '@/api/collection';
 2 | import { collection } from '@/store';
 3 | import type { FileEntry } from '@tauri-apps/api/fs';
 4 | import { get } from 'svelte/store';
 5 | 
 6 | export const getAllItems = async (
 7 | 	isFolders?: boolean,
 8 | 	entries?: FileEntry[]
 9 | ): Promise<{ path: string; name: string }[]> => {
10 | 	const items: { path: string; name: string }[] = [];
11 | 
12 | 	if (!entries) {
13 | 		entries = await fetchCollectionEntries().catch(() => []);
14 | 	}
15 | 
16 | 	entries.forEach(async (entry) => {
17 | 		if (isFolders) {
18 | 			if (entry.children !== undefined && !entry.name?.startsWith('.')) {
19 | 				const folderPath = entry.path;
20 | 				const folderName = entry.path.replace(get(collection), '');
21 | 				items.push({ path: folderPath, name: folderName });
22 | 				const subItems = await getAllItems(isFolders, entry.children);
23 | 				items.push(...subItems);
24 | 			}
25 | 		} else {
26 | 			if (entry.children === undefined && !entry.name?.startsWith('.')) {
27 | 				const notePath = entry.path;
28 | 				const noteName = entry.path.replace(get(collection), '');
29 | 				items.push({ path: notePath, name: noteName });
30 | 			} else {
31 | 				const subItems = await getAllItems(isFolders, entry.children);
32 | 				items.push(...subItems);
33 | 			}
34 | 		}
35 | 	});
36 | 
37 | 	return items;
38 | };
39 | 


--------------------------------------------------------------------------------
/packages/ui/components/dialog/dialog-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as DialogPrimitive } from 'bits-ui';
 3 | 	import * as Dialog from '.';
 4 | 	import { cn, flyAndScale } from '../../lib/utils';
 5 | 	import { Cross2 } from 'radix-icons-svelte';
 6 | 
 7 | 	type $$Props = DialogPrimitive.ContentProps;
 8 | 
 9 | 	let className: $$Props['class'] = undefined;
10 | 	export let transition: $$Props['transition'] = flyAndScale;
11 | 	export let transitionConfig: $$Props['transitionConfig'] = {
12 | 		duration: 200
13 | 	};
14 | 	export { className as class };
15 | </script>
16 | 
17 | <Dialog.Portal class="flex items-center justify-center w-full h-full z-50">
18 | 	<Dialog.Overlay />
19 | 	<DialogPrimitive.Content
20 | 		{transition}
21 | 		{transitionConfig}
22 | 		class={cn(
23 | 			'fixed z-50 grid w-full gap-4 border bg-background p-6 shadow-lg rounded-lg max-w-full max-h-full',
24 | 			className
25 | 		)}
26 | 		{...$$restProps}
27 | 	>
28 | 		<slot />
29 | 		<DialogPrimitive.Close
30 | 			class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
31 | 		>
32 | 			<Cross2 class="h-4 w-4" />
33 | 			<span class="sr-only">Close</span>
34 | 		</DialogPrimitive.Close>
35 | 	</DialogPrimitive.Content>
36 | </Dialog.Portal>
37 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/Cargo.toml:
--------------------------------------------------------------------------------
 1 | [package]
 2 | name = "app"
 3 | version = "0.1.0"
 4 | description = "A Tauri App"
 5 | authors = ["you"]
 6 | license = ""
 7 | repository = ""
 8 | default-run = "app"
 9 | edition = "2021"
10 | rust-version = "1.67"
11 | 
12 | # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
13 | 
14 | [build-dependencies]
15 | tauri-build = { version = "1.5.1", features = [] }
16 | 
17 | [dependencies]
18 | serde_json = "1.0"
19 | serde = { version = "1.0", features = ["derive"] }
20 | tauri = { version = "1.5.4", features = [ "updater", "api-all"] }
21 | regex = "1.5"
22 | objc = "0.2.7"
23 | hex_color = "3.0.0"
24 | tauri-plugin-fs-watch = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
25 | tauri-plugin-window-state = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
26 | tauri-plugin-fs-extra = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
27 | tauri-plugin-theme = "0.2.0"
28 | 
29 | # MacOS dependencies
30 | [target.'cfg(target_os = "macos")'.dependencies]
31 | cocoa = "0.25.0"
32 | 
33 | [features]
34 | # this feature is used for production builds or when `devPath` points to the filesystem and the built-in dev server is disabled.
35 | # If you use cargo directly instead of tauri's cli you can use this feature flag to switch between tauri's `dev` and `build` modes.
36 | # DO NOT REMOVE!!
37 | custom-protocol = [ "tauri/custom-protocol" ]
38 | 


--------------------------------------------------------------------------------
/packages/ui/theme.css:
--------------------------------------------------------------------------------
 1 | :root {
 2 | 	--background-light: 0 0% 100%;
 3 | 	--secondary-background-light: 0 0% 98.8%;
 4 | 	--foreground-light: 224 71.4% 4.1%;
 5 | 	--muted-light: 0 0% 88%;
 6 | 	--muted-foreground-light: 0 0% 46.1%;
 7 | 	--popover-light: 0 0% 100%;
 8 | 	--popover-foreground-light: 224 71.4% 4.1%;
 9 | 	--card-light: 0 0% 100%;
10 | 	--card-foreground-light: 224 71.4% 4.1%;
11 | 	--border-light: 220 13% 91%;
12 | 	--input-light: 220 13% 91%;
13 | 	--primary-light: 0 0% 9%;
14 | 	--primary-foreground-light: 210 20% 98%;
15 | 	--secondary-light: 0 0% 96%;
16 | 	--secondary-foreground-light: 0 0% 20%;
17 | 	--accent-light: 220 14.3% 95.9%;
18 | 	--accent-foreground-light: 220.9 39.3% 11%;
19 | 	--destructive-light: 0 72.2% 50.6%;
20 | 	--destructive-foreground-light: 210 20% 98%;
21 | 	--ring-light: 220 13% 91%;
22 | 	--radius: 0.5rem;
23 | 
24 | 	--background-dark: 0 0% 7%;
25 | 	--secondary-background-dark: 0 0% 9%;
26 | 	--foreground-dark: 0 0% 90%;
27 | 	--muted-dark: 0 0% 30%;
28 | 	--muted-foreground-dark: 0 0% 55%;
29 | 	--popover-dark: 0 0% 7%;
30 | 	--popover-foreground-dark: 210 20% 98%;
31 | 	--card-dark: 0 0% 7%;
32 | 	--card-foreground-dark: 210 20% 98%;
33 | 	--border-dark: 0 0% 18%;
34 | 	--input-dark: 0 0% 18%;
35 | 	--primary-dark: 210 20% 98%;
36 | 	--primary-foreground-dark: 220.9 39.3% 11%;
37 | 	--secondary-dark: 0 0% 15%;
38 | 	--secondary-foreground-dark: 0 0% 85%;
39 | 	--accent-dark: 0 0% 18%;
40 | 	--accent-foreground-dark: 210 20% 98%;
41 | 	--destructive-dark: 355 100% 75%;
42 | 	--destructive-foreground-dark: 210 20% 98%;
43 | 	--ring-dark: 0 0% 18%;
44 | }
45 | 


--------------------------------------------------------------------------------
/apps/homepage/src/app.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en" class="dark">
 3 | 	<head>
 4 | 		<meta charset="utf-8" />
 5 | 		<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
 6 | 		<meta name="viewport" content="width=device-width" />
 7 | 
 8 | 		<!-- Open Graph / Facebook -->
 9 | 		<meta property="og:type" content="website" />
10 | 		<meta property="og:url" content="https://haptic.md/" />
11 | 		<meta property="og:title" content="Haptic - Write Notes at the speed of touch" />
12 | 		<meta
13 | 			property="og:description"
14 | 			content="Haptic is a new local-first & privacy-focused home for your markdown notes. It's a minimalistic, lightweight and fast note-taking app that's designed to be distraction-free."
15 | 		/>
16 | 		<meta property="og:image" content="https://haptic.md/landing.png?t=%TIMESTAMP%" />
17 | 
18 | 		<!-- Twitter -->
19 | 		<meta property="twitter:card" content="summary_large_image" />
20 | 		<meta property="twitter:url" content="https://haptic.md/" />
21 | 		<meta property="twitter:title" content="Haptic - Write Notes at the speed of touch" />
22 | 		<meta
23 | 			property="twitter:description"
24 | 			content="Haptic is a new local-first & privacy-focused home for your markdown notes. It's a minimalistic, lightweight and fast note-taking app that's designed to be distraction-free."
25 | 		/>
26 | 		<meta property="twitter:image" content="https://haptic.md/landing.png?t=%TIMESTAMP%" />
27 | 
28 | 		%sveltekit.head%
29 | 	</head>
30 | 	<body data-sveltekit-preload-data="hover">
31 | 		<div style="display: contents">%sveltekit.body%</div>
32 | 	</body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/packages/ui/components/context-menu/index.ts:
--------------------------------------------------------------------------------
 1 | import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
 2 | 
 3 | import Root from './context-menu-root.svelte';
 4 | import Item from './context-menu-item.svelte';
 5 | import Label from './context-menu-label.svelte';
 6 | import Content from './context-menu-content.svelte';
 7 | import Shortcut from './context-menu-shortcut.svelte';
 8 | import RadioItem from './context-menu-radio-item.svelte';
 9 | import Separator from './context-menu-separator.svelte';
10 | import RadioGroup from './context-menu-radio-group.svelte';
11 | import SubContent from './context-menu-sub-content.svelte';
12 | import SubTrigger from './context-menu-sub-trigger.svelte';
13 | import CheckboxItem from './context-menu-checkbox-item.svelte';
14 | 
15 | const Sub = ContextMenuPrimitive.Sub;
16 | const Trigger = ContextMenuPrimitive.Trigger;
17 | const Group = ContextMenuPrimitive.Group;
18 | 
19 | export {
20 | 	Sub,
21 | 	Root,
22 | 	Item,
23 | 	Label,
24 | 	Group,
25 | 	Trigger,
26 | 	Content,
27 | 	Shortcut,
28 | 	Separator,
29 | 	RadioItem,
30 | 	SubContent,
31 | 	SubTrigger,
32 | 	RadioGroup,
33 | 	CheckboxItem,
34 | 	//
35 | 	Root as ContextMenu,
36 | 	Sub as ContextMenuSub,
37 | 	Item as ContextMenuItem,
38 | 	Label as ContextMenuLabel,
39 | 	Group as ContextMenuGroup,
40 | 	Content as ContextMenuContent,
41 | 	Trigger as ContextMenuTrigger,
42 | 	Shortcut as ContextMenuShortcut,
43 | 	RadioItem as ContextMenuRadioItem,
44 | 	Separator as ContextMenuSeparator,
45 | 	RadioGroup as ContextMenuRadioGroup,
46 | 	SubContent as ContextMenuSubContent,
47 | 	SubTrigger as ContextMenuSubTrigger,
48 | 	CheckboxItem as ContextMenuCheckboxItem
49 | };
50 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/types.ts:
--------------------------------------------------------------------------------
 1 | export interface ShortcutParams {
 2 | 	alt?: boolean;
 3 | 	shift?: boolean;
 4 | 	command?: boolean;
 5 | 	key: string;
 6 | 	code?: string; // overwritting the key if set
 7 | 	hover?: boolean;
 8 | }
 9 | 
10 | export interface AppSettingsParams {
11 | 	theme: string;
12 | 	theme_mode: string;
13 | 	interface_font: string;
14 | }
15 | 
16 | export interface CollectionSettingsParams {
17 | 	editor: {
18 | 		font: string;
19 | 		size: number;
20 | 		auto_save: boolean;
21 | 		auto_save_debounce: number;
22 | 		auto_correct: boolean;
23 | 		spell_check: boolean;
24 | 		show_inline_title: boolean;
25 | 		show_line_numbers: boolean;
26 | 		show_toolbar: boolean;
27 | 	};
28 | 	notes: {
29 | 		trash_dir: 'system' | 'haptic' | 'delete';
30 | 		excluded_files: string[];
31 | 	};
32 | }
33 | 
34 | export interface CollectionParams {
35 | 	path: string;
36 | 	name: string;
37 | 	lastOpened: string;
38 | }
39 | 
40 | export interface NoteMetadataParams {
41 | 	fileMetadata: {
42 | 		modifiedAt: Date;
43 | 		createdAt: Date;
44 | 		size: number;
45 | 	};
46 | 	editorMetadata: {
47 | 		words: number;
48 | 		characters: number;
49 | 		avgReadingTime: string;
50 | 	};
51 | }
52 | 
53 | export interface SettingsStateParams {
54 | 	isOpen: boolean;
55 | 	activePage: string;
56 | }
57 | 
58 | export interface FileEntry {
59 | 	path: string;
60 | 	/**
61 | 	 * Name of the directory/file
62 | 	 * can be null if the path terminates with `..`
63 | 	 */
64 | 	name?: string;
65 | 	/** Children of this entry if it's a directory; null otherwise */
66 | 	children?: FileEntry[];
67 | }
68 | 
69 | export interface SearchResultParams {
70 | 	path: string;
71 | 	context_preview: string;
72 | }
73 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/sheet-content.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Dialog as SheetPrimitive } from 'bits-ui';
 3 | 	import { X } from 'lucide-svelte';
 4 | 	import { fly } from 'svelte/transition';
 5 | 	import {
 6 | 		SheetOverlay,
 7 | 		SheetPortal,
 8 | 		type Side,
 9 | 		sheetTransitions,
10 | 		sheetVariants
11 | 	} from './index.js';
12 | 	import { cn } from '../../lib/utils';
13 | 
14 | 	type $$Props = SheetPrimitive.ContentProps & {
15 | 		side?: Side;
16 | 	};
17 | 
18 | 	let className: $$Props['class'] = undefined;
19 | 	export let side: $$Props['side'] = 'right';
20 | 	export { className as class };
21 | 	export let inTransition: $$Props['inTransition'] = fly;
22 | 	export let inTransitionConfig: $$Props['inTransitionConfig'] =
23 | 		sheetTransitions[side ?? 'right'].in;
24 | 	export let outTransition: $$Props['outTransition'] = fly;
25 | 	export let outTransitionConfig: $$Props['outTransitionConfig'] =
26 | 		sheetTransitions[side ?? 'right'].out;
27 | </script>
28 | 
29 | <SheetPortal>
30 | 	<SheetOverlay />
31 | 	<SheetPrimitive.Content
32 | 		{inTransition}
33 | 		{inTransitionConfig}
34 | 		{outTransition}
35 | 		{outTransitionConfig}
36 | 		class={cn(sheetVariants({ side }), className)}
37 | 		{...$$restProps}
38 | 	>
39 | 		<slot />
40 | 		<SheetPrimitive.Close
41 | 			autofocus={false}
42 | 			class="absolute right-5 top-5 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary"
43 | 		>
44 | 			<X class="h-4 w-4" />
45 | 			<span class="sr-only">Close</span>
46 | 		</SheetPrimitive.Close>
47 | 	</SheetPrimitive.Content>
48 | </SheetPortal>
49 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/database/migrations/migrations.sql:
--------------------------------------------------------------------------------
 1 | create table if not exists collection (
 2 |   path text primary key,
 3 |   name text not null,
 4 |   last_opened timestamp with time zone not null
 5 | );
 6 | 
 7 | create table if not exists collection_settings (
 8 |   collection_path text references collection (path),
 9 |   editor jsonb not null,
10 |   notes jsonb not null,
11 |   primary key (collection_path)
12 | );
13 | 
14 | create table if not exists entry (
15 |   path text primary key,
16 |   name text,
17 |   parent_path text not null,
18 |   collection_path text references collection (path),
19 |   content text,
20 |   is_folder boolean default false
21 | );
22 | 
23 | alter table collection
24 | add constraint unique_collection_path unique (path);
25 | 
26 | alter table collection_settings
27 | add constraint unique_collection_settings_path unique (collection_path);
28 | 
29 | alter table entry
30 | add constraint unique_entry_path unique (path);
31 | 
32 | -- Add size, created_at, and updated_at columns to entry table
33 | ALTER TABLE entry
34 | ADD COLUMN IF NOT EXISTS size bigint,
35 | ADD COLUMN IF NOT EXISTS created_at timestamp with time zone DEFAULT CURRENT_TIMESTAMP,
36 | ADD COLUMN IF NOT EXISTS updated_at timestamp with time zone DEFAULT CURRENT_TIMESTAMP;
37 | 
38 | -- Create a function to update the updated_at column
39 | CREATE OR REPLACE FUNCTION update_updated_at_column()
40 | RETURNS TRIGGER AS $$
41 | BEGIN
42 |    NEW.updated_at = CURRENT_TIMESTAMP;
43 |    RETURN NEW;
44 | END;
45 | $$ language 'plpgsql';
46 | 
47 | -- Create a trigger to automatically update the updated_at column
48 | CREATE TRIGGER update_entry_updated_at
49 | BEFORE UPDATE ON entry
50 | FOR EACH ROW
51 | EXECUTE FUNCTION update_updated_at_column();


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import * as Calendar from './index.js';
 4 | 	import { cn } from '../../lib/utils';
 5 | 
 6 | 	type $$Props = CalendarPrimitive.Props;
 7 | 
 8 | 	type $$Events = CalendarPrimitive.Events;
 9 | 
10 | 	export let value: $$Props['value'] = undefined;
11 | 	export let placeholder: $$Props['placeholder'] = undefined;
12 | 	export let weekdayFormat: $$Props['weekdayFormat'] = 'short';
13 | 
14 | 	let className: $$Props['class'] = undefined;
15 | 	export { className as class };
16 | </script>
17 | 
18 | <CalendarPrimitive.Root
19 | 	bind:value
20 | 	bind:placeholder
21 | 	{weekdayFormat}
22 | 	class={cn('p-1.5', className)}
23 | 	{...$$restProps}
24 | 	on:keydown
25 | 	let:months
26 | 	let:weekdays
27 | >
28 | 	<Calendar.Header>
29 | 		<Calendar.PrevButton />
30 | 		<Calendar.Heading />
31 | 		<Calendar.NextButton />
32 | 	</Calendar.Header>
33 | 	<Calendar.Months>
34 | 		{#each months as month}
35 | 			<Calendar.Grid>
36 | 				<Calendar.GridHead>
37 | 					<Calendar.GridRow class="flex">
38 | 						{#each weekdays as weekday}
39 | 							<Calendar.HeadCell>
40 | 								{weekday.slice(0, 2)}
41 | 							</Calendar.HeadCell>
42 | 						{/each}
43 | 					</Calendar.GridRow>
44 | 				</Calendar.GridHead>
45 | 				<Calendar.GridBody>
46 | 					{#each month.weeks as weekDates}
47 | 						<Calendar.GridRow class="mt-1 w-full">
48 | 							{#each weekDates as date}
49 | 								<Calendar.Cell {date}>
50 | 									<Calendar.Day {date} month={month.value} />
51 | 								</Calendar.Cell>
52 | 							{/each}
53 | 						</Calendar.GridRow>
54 | 					{/each}
55 | 				</Calendar.GridBody>
56 | 			</Calendar.Grid>
57 | 		{/each}
58 | 	</Calendar.Months>
59 | </CalendarPrimitive.Root>
60 | 


--------------------------------------------------------------------------------
/packages/ui/components/calendar/calendar-day.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 3 | 	import { buttonVariants } from '../button/index';
 4 | 	import { cn } from '../../lib/utils';
 5 | 
 6 | 	type $$Props = CalendarPrimitive.DayProps;
 7 | 	type $$Events = CalendarPrimitive.DayEvents;
 8 | 
 9 | 	export let date: $$Props['date'];
10 | 	export let month: $$Props['month'];
11 | 	let className: $$Props['class'] = undefined;
12 | 	export { className as class };
13 | </script>
14 | 
15 | <CalendarPrimitive.Day
16 | 	on:click
17 | 	{date}
18 | 	{month}
19 | 	class={cn(
20 | 		buttonVariants({ variant: 'ghost' }),
21 | 		'h-7 w-7 p-0 font-normal text-xs',
22 | 		'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground',
23 | 		// Selected
24 | 		'data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground',
25 | 		// Disabled
26 | 		'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
27 | 		// Unavailable
28 | 		'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
29 | 		// Outside months
30 | 		'data-[outside-month]:pointer-events-none data-[outside-month]:text-muted-foreground data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground [&[data-outside-month][data-selected]]:opacity-30',
31 | 		className
32 | 	)}
33 | 	{...$$restProps}
34 | 	let:selected
35 | 	let:disabled
36 | 	let:unavailable
37 | 	let:builder
38 | >
39 | 	<slot {selected} {disabled} {unavailable} {builder}>
40 | 		{date.day}
41 | 	</slot>
42 | </CalendarPrimitive.Day>
43 | 


--------------------------------------------------------------------------------
/packages/ui/lib/utils.ts:
--------------------------------------------------------------------------------
 1 | import { type ClassValue, clsx } from 'clsx';
 2 | import { twMerge } from 'tailwind-merge';
 3 | import { cubicOut } from 'svelte/easing';
 4 | import type { TransitionConfig } from 'svelte/transition';
 5 | export function cn(...inputs: ClassValue[]) {
 6 |   return twMerge(clsx(inputs));
 7 | }
 8 | type FlyAndScaleParams = {
 9 |   y?: number;
10 |   x?: number;
11 |   start?: number;
12 |   duration?: number;
13 | };
14 | export const flyAndScale = (
15 |   node: Element,
16 |   params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 }
17 | ): TransitionConfig => {
18 |   const style = getComputedStyle(node);
19 |   const transform = style.transform === 'none' ? '' : style.transform;
20 |   const scaleConversion = (valueA: number, scaleA: [number, number], scaleB: [number, number]) => {
21 |     const [minA, maxA] = scaleA;
22 |     const [minB, maxB] = scaleB;
23 |     const percentage = (valueA - minA) / (maxA - minA);
24 |     const valueB = percentage * (maxB - minB) + minB;
25 |     return valueB;
26 |   };
27 |   const styleToString = (style: Record<string, number | string | undefined>): string => {
28 |     return Object.keys(style).reduce((str, key) => {
29 |       if (style[key] === undefined) return str;
30 |       return str + key + ':' + style[key] + ';';
31 |     }, '');
32 |   };
33 |   return {
34 |     duration: params.duration ?? 200,
35 |     delay: 0,
36 |     css: (t) => {
37 |       const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
38 |       const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
39 |       const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
40 |       return styleToString({
41 |         transform: transform + 'translate3d(' + x + 'px, ' + y + 'px, 0) scale(' + scale + ')',
42 |         opacity: t
43 |       });
44 |     },
45 |     easing: cubicOut
46 |   };
47 | };
48 | 


--------------------------------------------------------------------------------
/packages/ui/components/button/index.ts:
--------------------------------------------------------------------------------
 1 | import type { Button as ButtonPrimitive } from 'bits-ui';
 2 | import { tv, type VariantProps } from 'tailwind-variants';
 3 | import Root from './button.svelte';
 4 | 
 5 | const buttonVariants = tv({
 6 | 	base: 'inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
 7 | 	variants: {
 8 | 		variant: {
 9 | 			default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
10 | 			destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
11 | 			outline:
12 | 				'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
13 | 			secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
14 | 			ghost: 'hover:bg-accent hover:text-accent-foreground',
15 | 			link: 'text-primary underline-offset-4 hover:underline'
16 | 		},
17 | 		size: {
18 | 			default: 'h-9 px-4 py-2',
19 | 			sm: 'h-8 rounded-md px-3 text-xs',
20 | 			lg: 'h-10 rounded-md px-8',
21 | 			icon: 'h-9 w-9'
22 | 		},
23 | 		scale: {
24 | 			sm: 'transition-transform active:scale-[98%]',
25 | 			md: 'transition-transform active:scale-95'
26 | 		}
27 | 	},
28 | 	defaultVariants: {
29 | 		variant: 'default',
30 | 		size: 'default'
31 | 	}
32 | });
33 | 
34 | type Variant = VariantProps<typeof buttonVariants>['variant'];
35 | type Size = VariantProps<typeof buttonVariants>['size'];
36 | type Scale = VariantProps<typeof buttonVariants>['scale'];
37 | 
38 | type Props = ButtonPrimitive.Props & {
39 | 	variant?: Variant;
40 | 	size?: Size;
41 | 	scale?: Scale;
42 | };
43 | 
44 | type Events = ButtonPrimitive.Events;
45 | 
46 | export {
47 | 	Root,
48 | 	type Props,
49 | 	type Events,
50 | 	//
51 | 	Root as Button,
52 | 	type Props as ButtonProps,
53 | 	type Events as ButtonEvents,
54 | 	buttonVariants
55 | };
56 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/store.ts:
--------------------------------------------------------------------------------
 1 | import { writable } from 'svelte/store';
 2 | import { createEditorStore } from './components/shared/editor/editor-store';
 3 | import { BASE_APP_SETTINGS, BASE_COLLECTION_SETTINGS } from './constants';
 4 | import type {
 5 | 	AppSettingsParams,
 6 | 	CollectionSettingsParams,
 7 | 	FileEntry,
 8 | 	SettingsStateParams
 9 | } from './types';
10 | 
11 | const editor = createEditorStore();
12 | 
13 | const activeFile = writable<string | null>(null);
14 | const noteHistory = writable<string[]>([]);
15 | const editorMode = writable<'edit' | 'view'>('edit');
16 | const editorSearchValue = writable<string>('');
17 | const editorSearchActive = writable<boolean>(false);
18 | 
19 | const collection = writable<string>();
20 | const collectionEntries = writable<FileEntry[]>([]);
21 | 
22 | const tooltipsOpen = writable<number>(0);
23 | 
24 | const collectionSearchActive = writable<boolean>(false);
25 | const isPageSidebarOpen = writable<boolean>(true);
26 | const pageSidebarWidth = writable<number>(210);
27 | const resizingPageSidebar = writable<boolean>(false);
28 | const isNoteDetailSidebarOpen = writable<boolean>(false);
29 | const noteDetailSidebarWidth = writable<number>(210);
30 | const resizingNoteDetailSidebar = writable<boolean>(false);
31 | export const settingsStore = writable<SettingsStateParams>({
32 | 	isOpen: false,
33 | 	activePage: 'general'
34 | });
35 | 
36 | const appSettings = writable<AppSettingsParams>(BASE_APP_SETTINGS);
37 | const collectionSettings = writable<CollectionSettingsParams>(BASE_COLLECTION_SETTINGS);
38 | 
39 | export {
40 | 	activeFile,
41 | 	appSettings,
42 | 	collection,
43 | 	collectionEntries,
44 | 	collectionSearchActive,
45 | 	collectionSettings,
46 | 	editor,
47 | 	editorMode,
48 | 	editorSearchActive,
49 | 	editorSearchValue,
50 | 	isNoteDetailSidebarOpen,
51 | 	isPageSidebarOpen,
52 | 	noteDetailSidebarWidth,
53 | 	noteHistory,
54 | 	pageSidebarWidth,
55 | 	resizingNoteDetailSidebar,
56 | 	resizingPageSidebar,
57 | 	tooltipsOpen
58 | };
59 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/api/settings.ts:
--------------------------------------------------------------------------------
 1 | import { collection, appSettings, collectionSettings } from '@/store';
 2 | import type { AppSettingsParams, CollectionSettingsParams } from '@/types';
 3 | import { BaseDirectory, readTextFile, writeTextFile } from '@tauri-apps/api/fs';
 4 | import { get } from 'svelte/store';
 5 | 
 6 | export const loadSettings = async (loadApp: boolean, loadCollection: boolean) => {
 7 | 	if (loadApp) {
 8 | 		const appSettingsPath = 'settings.json';
 9 | 		const appSettingsText = await readTextFile(appSettingsPath, {
10 | 			dir: BaseDirectory.AppData
11 | 		}).catch(() => null);
12 | 
13 | 		if (!appSettingsText) {
14 | 			setSettings('app');
15 | 		} else {
16 | 			appSettings.set(JSON.parse(appSettingsText));
17 | 		}
18 | 	}
19 | 
20 | 	if (loadCollection) {
21 | 		const collectionSettingsPath = `${get(collection)}/.haptic/settings.json`;
22 | 		const collectionSettingsText = await readTextFile(collectionSettingsPath).catch(() => null);
23 | 		if (!collectionSettingsText) {
24 | 			setSettings('collection');
25 | 		} else {
26 | 			collectionSettings.set(JSON.parse(collectionSettingsText));
27 | 		}
28 | 	}
29 | };
30 | 
31 | export const setSettings = async (
32 | 	settingsType: 'app' | 'collection',
33 | 	value?: AppSettingsParams | CollectionSettingsParams
34 | ) => {
35 | 	if (settingsType === 'app') {
36 | 		const appSettingsPath = 'settings.json';
37 | 		const appSettingsText = JSON.stringify(value ?? get(appSettings));
38 | 		appSettings.set((value ?? get(appSettings)) as AppSettingsParams);
39 | 		await writeTextFile(appSettingsPath, appSettingsText, {
40 | 			dir: BaseDirectory.AppData
41 | 		});
42 | 	}
43 | 
44 | 	if (settingsType === 'collection') {
45 | 		const collectionSettingsPath = `${get(collection)}/.haptic/settings.json`;
46 | 		const collectionSettingsText = JSON.stringify(value ?? get(collectionSettings));
47 | 		collectionSettings.set((value ?? get(collectionSettings)) as CollectionSettingsParams);
48 | 		await writeTextFile(collectionSettingsPath, collectionSettingsText);
49 | 	}
50 | };
51 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/actions/shortcut.ts:
--------------------------------------------------------------------------------
 1 | import { onDestroy, onMount, afterUpdate } from 'svelte';
 2 | 
 3 | // Interface for shortcut parameters
 4 | export interface ShortcutParams {
 5 | 	alt?: boolean;
 6 | 	shift?: boolean;
 7 | 	command?: boolean;
 8 | 	key: string;
 9 | 	code?: string;
10 | 	callback?: () => void;
11 | 	hover?: boolean;
12 | 	node?: HTMLElement;
13 | }
14 | 
15 | // Registry for shortcuts
16 | const shortcuts: ShortcutParams[] = [];
17 | 
18 | // Global event listener
19 | window.addEventListener('keydown', (e: KeyboardEvent) => {
20 | 	for (const shortcut of shortcuts) {
21 | 		if (
22 | 			!!shortcut.alt !== e.altKey ||
23 | 			!!shortcut.shift !== e.shiftKey ||
24 | 			!!shortcut.command !== (e.ctrlKey || e.metaKey) ||
25 | 			(shortcut.key.toLowerCase() !== e.key.toLowerCase() &&
26 | 				!(shortcut.code && shortcut.code === e.code)) ||
27 | 			(shortcut.hover && !(shortcut.node?.parentNode as Element)?.matches(':hover'))
28 | 		)
29 | 			continue;
30 | 
31 | 		e.preventDefault();
32 | 		shortcut.callback ? shortcut.callback() : shortcut.node?.click();
33 | 	}
34 | });
35 | 
36 | // Function to handle shortcut
37 | const handleShortcut = (
38 | 	node: HTMLElement | (HTMLElement & { click: () => void }),
39 | 	params: ShortcutParams
40 | ): { destroy: () => void } => {
41 | 	params.node = node;
42 | 
43 | 	// Add shortcut to registry on mount and after every update
44 | 	onMount(() => {
45 | 		shortcuts.push(params);
46 | 	});
47 | 
48 | 	afterUpdate(() => {
49 | 		const index = shortcuts.indexOf(params);
50 | 		if (index === -1) {
51 | 			shortcuts.push(params);
52 | 		}
53 | 	});
54 | 
55 | 	// Remove shortcut from registry on destroy
56 | 	onDestroy(() => {
57 | 		const index = shortcuts.indexOf(params);
58 | 		if (index > -1) {
59 | 			shortcuts.splice(index, 1);
60 | 		}
61 | 	});
62 | 
63 | 	return {
64 | 		destroy: () => {
65 | 			const index = shortcuts.indexOf(params);
66 | 			if (index > -1) {
67 | 				shortcuts.splice(index, 1);
68 | 			}
69 | 		}
70 | 	};
71 | };
72 | 
73 | export default handleShortcut;
74 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/actions/shortcut.ts:
--------------------------------------------------------------------------------
 1 | import { onDestroy, onMount, afterUpdate } from 'svelte';
 2 | 
 3 | // Interface for shortcut parameters
 4 | export interface ShortcutParams {
 5 | 	alt?: boolean;
 6 | 	shift?: boolean;
 7 | 	command?: boolean;
 8 | 	key: string;
 9 | 	code?: string;
10 | 	callback?: () => void;
11 | 	hover?: boolean;
12 | 	node?: HTMLElement;
13 | }
14 | 
15 | // Registry for shortcuts
16 | const shortcuts: ShortcutParams[] = [];
17 | 
18 | // Global event listener
19 | window.addEventListener('keydown', (e: KeyboardEvent) => {
20 | 	for (const shortcut of shortcuts) {
21 | 		if (
22 | 			!!shortcut.alt !== e.altKey ||
23 | 			!!shortcut.shift !== e.shiftKey ||
24 | 			!!shortcut.command !== (e.ctrlKey || e.metaKey) ||
25 | 			(shortcut.key.toLowerCase() !== e.key.toLowerCase() &&
26 | 				!(shortcut.code && shortcut.code === e.code)) ||
27 | 			(shortcut.hover && !(shortcut.node?.parentNode as Element)?.matches(':hover'))
28 | 		)
29 | 			continue;
30 | 
31 | 		e.preventDefault();
32 | 		shortcut.callback ? shortcut.callback() : shortcut.node?.click();
33 | 	}
34 | });
35 | 
36 | // Function to handle shortcut
37 | const handleShortcut = (
38 | 	node: HTMLElement | (HTMLElement & { click: () => void }),
39 | 	params: ShortcutParams
40 | ): { destroy: () => void } => {
41 | 	params.node = node;
42 | 
43 | 	// Add shortcut to registry on mount and after every update
44 | 	onMount(() => {
45 | 		shortcuts.push(params);
46 | 	});
47 | 
48 | 	afterUpdate(() => {
49 | 		const index = shortcuts.indexOf(params);
50 | 		if (index === -1) {
51 | 			shortcuts.push(params);
52 | 		}
53 | 	});
54 | 
55 | 	// Remove shortcut from registry on destroy
56 | 	onDestroy(() => {
57 | 		const index = shortcuts.indexOf(params);
58 | 		if (index > -1) {
59 | 			shortcuts.splice(index, 1);
60 | 		}
61 | 	});
62 | 
63 | 	return {
64 | 		destroy: () => {
65 | 			const index = shortcuts.indexOf(params);
66 | 			if (index > -1) {
67 | 				shortcuts.splice(index, 1);
68 | 			}
69 | 		}
70 | 	};
71 | };
72 | 
73 | export default handleShortcut;
74 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/store.ts:
--------------------------------------------------------------------------------
 1 | import { writable } from 'svelte/store';
 2 | import { createEditorStore } from './components/shared/editor/editor-store';
 3 | import { BASE_APP_SETTINGS, BASE_COLLECTION_SETTINGS } from './constants';
 4 | import type { AppSettingsParams, CollectionSettingsParams, SettingsStateParams } from './types';
 5 | 
 6 | const editor = createEditorStore();
 7 | const platform = writable<'darwin' | 'linux' | 'windows'>();
 8 | 
 9 | const activeFile = writable<string | null>(null);
10 | const noteHistory = writable<string[]>([]);
11 | const editorMode = writable<'edit' | 'view'>('edit');
12 | const editorSearchValue = writable<string>('');
13 | const editorSearchActive = writable<boolean>(false);
14 | 
15 | const collection = writable<string>();
16 | 
17 | const tooltipsOpen = writable<number>(0);
18 | 
19 | const collectionSearchActive = writable<boolean>(false);
20 | const isPageSidebarOpen = writable<boolean>(true);
21 | const pageSidebarWidth = writable<number>(210);
22 | const resizingPageSidebar = writable<boolean>(false);
23 | const isNoteDetailSidebarOpen = writable<boolean>(false);
24 | const noteDetailSidebarWidth = writable<number>(210);
25 | const resizingNoteDetailSidebar = writable<boolean>(false);
26 | export const settingsStore = writable<SettingsStateParams>({
27 | 	isOpen: false,
28 | 	activePage: 'general'
29 | });
30 | 
31 | const appTheme = writable<'auto' | 'light' | 'dark'>('auto');
32 | const appSettings = writable<AppSettingsParams>(BASE_APP_SETTINGS);
33 | const collectionSettings = writable<CollectionSettingsParams>(BASE_COLLECTION_SETTINGS);
34 | 
35 | export {
36 | 	activeFile,
37 | 	appSettings,
38 | 	appTheme,
39 | 	platform,
40 | 	collection,
41 | 	collectionSearchActive,
42 | 	collectionSettings,
43 | 	editor,
44 | 	editorMode,
45 | 	editorSearchActive,
46 | 	editorSearchValue,
47 | 	isNoteDetailSidebarOpen,
48 | 	isPageSidebarOpen,
49 | 	noteDetailSidebarWidth,
50 | 	noteHistory,
51 | 	pageSidebarWidth,
52 | 	resizingNoteDetailSidebar,
53 | 	resizingPageSidebar,
54 | 	tooltipsOpen
55 | };
56 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/database/client.ts:
--------------------------------------------------------------------------------
 1 | /* eslint-disable */
 2 | // @ts-nocheck
 3 | 
 4 | import { PGlite, type QueryOptions, type Results } from '@electric-sql/pglite';
 5 | import { live } from '@electric-sql/pglite/live';
 6 | import { drizzle } from 'drizzle-orm/pglite';
 7 | import * as schema from './schema';
 8 | 
 9 | let pgClientPromise: Promise<PGlite>;
10 | let dbInstance: ReturnType<typeof drizzle> | null = null;
11 | 
12 | interface LiveQueryReturn<T> {
13 | 	initialResults: Results<T>;
14 | 	unsubscribe: () => Promise<void>;
15 | 	refresh: () => Promise<void>;
16 | }
17 | 
18 | function initializeDB() {
19 | 	if (!pgClientPromise) {
20 | 		pgClientPromise = PGlite.create({
21 | 			dataDir: 'idb://haptic',
22 | 			extensions: {
23 | 				live
24 | 			}
25 | 		});
26 | 
27 | 		pgClientPromise.then((pgClient) => {
28 | 			dbInstance = drizzle(pgClient, { schema });
29 | 		});
30 | 	}
31 | }
32 | 
33 | export const pgClient = {
34 | 	get: () => {
35 | 		initializeDB();
36 | 		return pgClientPromise;
37 | 	},
38 | 	exec: async (sql: string) => {
39 | 		const client = await pgClient.get();
40 | 		return client.exec(sql);
41 | 	},
42 | 	query: async <T>(query: string, params?: any[], options?: QueryOptions): Promise<Results<T>> => {
43 | 		const client = await pgClient.get();
44 | 		return client.query<T>(query, params, options);
45 | 	},
46 | 	live: {
47 | 		query: async <T>(
48 | 			query: string,
49 | 			params?: any[],
50 | 			callback?: (res: Results<T>) => void
51 | 		): Promise<LiveQueryReturn<T>> => {
52 | 			const client = await pgClient.get();
53 | 			return client.live.query<T>(query, params, callback);
54 | 		}
55 | 	}
56 | };
57 | 
58 | export const db = new Proxy({} as ReturnType<typeof drizzle>, {
59 | 	get: (target, prop) => {
60 | 		initializeDB();
61 | 		if (!dbInstance) {
62 | 			return new Promise((resolve) => {
63 | 				pgClientPromise.then(() => {
64 | 					resolve(dbInstance![prop as keyof typeof dbInstance]);
65 | 				});
66 | 			});
67 | 		}
68 | 		return dbInstance[prop as keyof typeof dbInstance];
69 | 	}
70 | });
71 | 


--------------------------------------------------------------------------------
/.github/workflows/test-build-only.yml:
--------------------------------------------------------------------------------
 1 | name: 'test-on-pr'
 2 | 
 3 | on:
 4 |   pull_request:
 5 |     paths:
 6 |       - 'apps/desktop/**'
 7 |       - 'packages/ui/**'
 8 | 
 9 | # This workflow will build the app without publishing
10 | jobs:
11 |   test-tauri:
12 |     strategy:
13 |       fail-fast: false
14 |       matrix:
15 |         include:
16 |           - platform: 'macos-latest' # for Arm based macs (M1 and above).
17 |             args: '--target aarch64-apple-darwin'
18 |             rust_targets: 'aarch64-apple-darwin'
19 |           - platform: 'macos-latest' # for Intel based macs.
20 |             args: '--target x86_64-apple-darwin'
21 |             rust_targets: 'x86_64-apple-darwin'
22 |           - platform: 'ubuntu-22.04' # for Linux
23 |             args: ''
24 |             rust_targets: ''
25 | 
26 |     runs-on: ${{ matrix.platform }}
27 |     steps:
28 |       - uses: actions/checkout@v4
29 | 
30 |       - name: install dependencies (ubuntu only)
31 |         if: matrix.platform == 'ubuntu-22.04'
32 |         run: |
33 |           sudo apt-get update
34 |           sudo apt-get install -y libwebkit2gtk-4.0-dev libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
35 | 
36 |       - name: setup node
37 |         uses: actions/setup-node@v4
38 |         with:
39 |           node-version: lts/*
40 | 
41 |       - name: install pnpm
42 |         run: npm install -g pnpm
43 | 
44 |       - name: install Rust stable
45 |         uses: dtolnay/rust-toolchain@stable
46 | 
47 |       - name: add Rust targets
48 |         if: matrix.rust_targets != ''
49 |         run: rustup target add ${{ matrix.rust_targets }}
50 | 
51 |       - name: install frontend dependencies
52 |         run: cd apps/desktop && pnpm install
53 | 
54 |       - uses: tauri-apps/tauri-action@v0
55 |         env:
56 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
57 |           TAURI_PRIVATE_KEY: ${{ secrets.TAURI_PRIVATE_KEY }}
58 |           TAURI_KEY_PASSWORD: ${{ secrets.TAURI_KEY_PASSWORD }}
59 |         with:
60 |           projectPath: apps/desktop
61 |           args: ${{ matrix.args }}
62 | 


--------------------------------------------------------------------------------
/apps/desktop/src-tauri/tauri.conf.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"$schema": "../node_modules/@tauri-apps/cli/schema.json",
 3 | 	"build": {
 4 | 		"beforeBuildCommand": "pnpm build",
 5 | 		"beforeDevCommand": "pnpm dev",
 6 | 		"devPath": "http://localhost:5173",
 7 | 		"distDir": "../build"
 8 | 	},
 9 | 	"package": {
10 | 		"productName": "Haptic",
11 | 		"version": "0.1.4"
12 | 	},
13 | 	"tauri": {
14 | 		"allowlist": {
15 | 			"all": true,
16 | 			"fs": {
17 | 				"all": true,
18 | 				"scope": ["*/**", "*/**/.*", "*/**/.*/**"]
19 | 			}
20 | 		},
21 | 		"bundle": {
22 | 			"active": true,
23 | 			"category": "DeveloperTool",
24 | 			"copyright": "",
25 | 			"deb": {
26 | 				"depends": []
27 | 			},
28 | 			"externalBin": [],
29 | 			"icon": [
30 | 				"icons/32x32.png",
31 | 				"icons/128x128.png",
32 | 				"icons/128x128@2x.png",
33 | 				"icons/icon.icns",
34 | 				"icons/icon.ico"
35 | 			],
36 | 			"identifier": "com.haptic.md",
37 | 			"longDescription": "",
38 | 			"macOS": {
39 | 				"entitlements": null,
40 | 				"exceptionDomain": "",
41 | 				"frameworks": [],
42 | 				"providerShortName": null,
43 | 				"signingIdentity": null
44 | 			},
45 | 			"resources": [],
46 | 			"shortDescription": "",
47 | 			"targets": "all",
48 | 			"windows": {
49 | 				"certificateThumbprint": null,
50 | 				"digestAlgorithm": "sha256",
51 | 				"timestampUrl": ""
52 | 			}
53 | 		},
54 | 		"security": {
55 | 			"csp": null
56 | 		},
57 | 		"updater": {
58 | 			"active": true,
59 | 			"endpoints": [
60 | 				"https://haptic.md/api/check-updates?target={{target}}&arch={{arch}}&currentVersion={{current_version}}"
61 | 			],
62 | 			"dialog": true,
63 | 			"windows": {
64 | 				"installMode": "passive"
65 | 			},
66 | 			"pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDMxQjA0RjhDQjBFN0I4MTkKUldRWnVPZXdqRSt3TWN0QjNDZUV1SDRtNVdyNFRtWnZQR3ZsL3RWY1plbVBFeFVMeHFLVU5tcnIK"
67 | 		},
68 | 		"windows": [
69 | 			{
70 | 				"title": "Haptic",
71 | 				"width": 1020,
72 | 				"minWidth": 800,
73 | 				"height": 750,
74 | 				"minHeight": 600,
75 | 				"fullscreen": false,
76 | 				"resizable": true
77 | 			}
78 | 		]
79 | 	}
80 | }
81 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/tasks/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import EditorInlineTitle from '$lib/components/shared/editor/inline-title.svelte';
 3 | 	import EditorSearch from '$lib/components/shared/editor/search.svelte';
 4 | 	import EditorToolbar from '$lib/components/shared/editor/toolbar.svelte';
 5 | 	import Editor from '@/components/shared/editor/editor.svelte';
 6 | 	import { SHORTCUTS } from '@/constants';
 7 | 	import { activeFile, collectionSettings } from '@/store';
 8 | 	import { shortcutToString } from '@/utils';
 9 | 	import { cn } from '@haptic/ui/lib/utils';
10 | </script>
11 | 
12 | <div
13 | 	class="relative flex flex-col w-full h-full min-h-[calc(100vh-4.5rem)] items-start bg-secondary-background overflow-y-auto"
14 | >
15 | 	{#if $collectionSettings.editor.show_toolbar}
16 | 		<EditorToolbar hideHistory hideParentDirectories />
17 | 	{/if}
18 | 
19 | 	<div
20 | 		class={cn(
21 | 			'flex flex-col items-center justify-center w-full h-full -mt-10',
22 | 			$activeFile !== null && 'hidden'
23 | 		)}
24 | 	>
25 | 		<div class="flex flex-col items-center justify-center w-full h-full -mt-10">
26 | 			<div class="flex flex-col items-center gap-2">
27 | 				<p class="text-secondary-foreground/85">Select a task to get started</p>
28 | 				<div class="flex gap-5">
29 | 					<button
30 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
31 | 						on:click={() => {
32 | 							document.dispatchEvent(new KeyboardEvent('keydown', { key: 'o', metaKey: true }));
33 | 						}}
34 | 					>
35 | 						<span
36 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
37 | 						>
38 | 							{shortcutToString(SHORTCUTS['app:open-collection'])}
39 | 						</span>
40 | 						Open Collection</button
41 | 					>
42 | 				</div>
43 | 			</div>
44 | 		</div>
45 | 	</div>
46 | 	<div class={cn('w-full h-full', $activeFile === null && 'hidden')}>
47 | 		<EditorSearch />
48 | 		<EditorInlineTitle />
49 | 		<Editor />
50 | 	</div>
51 | </div>
52 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/tasks/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import EditorInlineTitle from '$lib/components/shared/editor/inline-title.svelte';
 3 | 	import EditorSearch from '$lib/components/shared/editor/search.svelte';
 4 | 	import EditorToolbar from '$lib/components/shared/editor/toolbar.svelte';
 5 | 	import Editor from '@/components/shared/editor/editor.svelte';
 6 | 	import { SHORTCUTS } from '@/constants';
 7 | 	import { activeFile, collectionSettings } from '@/store';
 8 | 	import { shortcutToString } from '@/utils';
 9 | 	import { cn } from '@haptic/ui/lib/utils';
10 | </script>
11 | 
12 | <div
13 | 	class="relative flex flex-col w-full h-full min-h-[calc(100vh-4.5rem)] items-start bg-secondary-background overflow-y-auto"
14 | >
15 | 	{#if $collectionSettings.editor.show_toolbar}
16 | 		<EditorToolbar hideHistory hideParentDirectories />
17 | 	{/if}
18 | 
19 | 	<div
20 | 		class={cn(
21 | 			'flex flex-col items-center justify-center w-full h-full -mt-10',
22 | 			$activeFile !== null && 'hidden'
23 | 		)}
24 | 	>
25 | 		<div class="flex flex-col items-center justify-center w-full h-full -mt-10">
26 | 			<div class="flex flex-col items-center gap-2">
27 | 				<p class="text-secondary-foreground/85">Select a task to get started</p>
28 | 				<div class="flex gap-5">
29 | 					<button
30 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
31 | 						on:click={() => {
32 | 							document.dispatchEvent(new KeyboardEvent('keydown', { key: 'o', metaKey: true }));
33 | 						}}
34 | 					>
35 | 						<span
36 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
37 | 						>
38 | 							{shortcutToString(SHORTCUTS['app:open-collection'])}
39 | 						</span>
40 | 						Open Collection</button
41 | 					>
42 | 				</div>
43 | 			</div>
44 | 		</div>
45 | 	</div>
46 | 	<div class={cn('w-full h-full', $activeFile === null && 'hidden')}>
47 | 		<EditorSearch />
48 | 		<EditorInlineTitle />
49 | 		<Editor />
50 | 	</div>
51 | </div>
52 | 


--------------------------------------------------------------------------------
/packages/ui/app.web.css:
--------------------------------------------------------------------------------
 1 | @import './theme.css';
 2 | @tailwind base;
 3 | @tailwind components;
 4 | @tailwind utilities;
 5 | 
 6 | @layer base {
 7 | 	:root {
 8 | 		--background: var(--background-light);
 9 | 		--secondary-background: var(--secondary-background-light);
10 | 		--foreground: var(--foreground-light);
11 | 		--muted: var(--muted-light);
12 | 		--muted-foreground: var(--muted-foreground-light);
13 | 		--popover: var(--popover-light);
14 | 		--popover-foreground: var(--popover-foreground-light);
15 | 		--card: var(--card-light);
16 | 		--card-foreground: var(--card-foreground-light);
17 | 		--border: var(--border-light);
18 | 		--input: var(--input-light);
19 | 		--primary: var(--primary-light);
20 | 		--primary-foreground: var(--primary-foreground-light);
21 | 		--secondary: var(--secondary-light);
22 | 		--secondary-foreground: var(--secondary-foreground-light);
23 | 		--accent: var(--accent-light);
24 | 		--accent-foreground: var(--accent-foreground-light);
25 | 		--destructive: var(--destructive-light);
26 | 		--destructive-foreground: var(--destructive-foreground-light);
27 | 		--ring: var(--ring-light);
28 | 	}
29 | 
30 | 	.dark {
31 | 		--background: var(--background-dark);
32 | 		--secondary-background: var(--secondary-background-dark);
33 | 		--foreground: var(--foreground-dark);
34 | 		--muted: var(--muted-dark);
35 | 		--muted-foreground: var(--muted-foreground-dark);
36 | 		--popover: var(--popover-dark);
37 | 		--popover-foreground: var(--popover-foreground-dark);
38 | 		--card: var(--card-dark);
39 | 		--card-foreground: var(--card-foreground-dark);
40 | 		--border: var(--border-dark);
41 | 		--input: var(--input-dark);
42 | 		--primary: var(--primary-dark);
43 | 		--primary-foreground: var(--primary-foreground-dark);
44 | 		--secondary: var(--secondary-dark);
45 | 		--secondary-foreground: var(--secondary-foreground-dark);
46 | 		--accent: var(--accent-dark);
47 | 		--accent-foreground: var(--accent-foreground-dark);
48 | 		--destructive: var(--destructive-dark);
49 | 		--destructive-foreground: var(--destructive-foreground-dark);
50 | 		--ring: var(--ring-dark);
51 | 	}
52 | }
53 | 
54 | @layer base {
55 | 	* {
56 | 		@apply border-border;
57 | 	}
58 | 	body {
59 | 		@apply bg-background text-foreground select-none antialiased;
60 | 	}
61 | }
62 | 


--------------------------------------------------------------------------------
/apps/web/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "web",
 3 | 	"version": "0.0.1",
 4 | 	"private": true,
 5 | 	"scripts": {
 6 | 		"dev": "vite dev",
 7 | 		"build": "vite build",
 8 | 		"preview": "vite preview",
 9 | 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
10 | 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
11 | 		"lint": "prettier --check . && eslint .",
12 | 		"format": "prettier --write ."
13 | 	},
14 | 	"devDependencies": {
15 | 		"@haptic/eslint-config": "workspace:*",
16 | 		"@haptic/tailwind-config": "workspace:*",
17 | 		"@sveltejs/adapter-auto": "^3.0.0",
18 | 		"@sveltejs/adapter-static": "^3.0.1",
19 | 		"@sveltejs/kit": ">=2.4.3",
20 | 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
21 | 		"@tailwindcss/typography": "^0.5.10",
22 | 		"@types/eslint": "8.56.0",
23 | 		"@types/markdown-it": "^14.1.1",
24 | 		"@types/node": "^22.0.0",
25 | 		"@typescript-eslint/eslint-plugin": "^6.0.0",
26 | 		"@typescript-eslint/parser": "^6.0.0",
27 | 		"autoprefixer": "^10.4.17",
28 | 		"drizzle-kit": "^0.24.0",
29 | 		"eslint": "^8.56.0",
30 | 		"eslint-config-prettier": "^9.1.0",
31 | 		"eslint-plugin-svelte": "^2.35.1",
32 | 		"postcss": "^8.4.33",
33 | 		"postcss-import": "^16.0.1",
34 | 		"prettier": "^3.1.1",
35 | 		"prettier-plugin-svelte": "^3.1.2",
36 | 		"svelte": "^4.2.7",
37 | 		"svelte-check": "^3.6.0",
38 | 		"tailwindcss": "^3.4.1",
39 | 		"tslib": "^2.4.1",
40 | 		"typescript": "^5.0.0",
41 | 		"vite": ">=5.0.13"
42 | 	},
43 | 	"type": "module",
44 | 	"dependencies": {
45 | 		"@electric-sql/pglite": "^0.2.0",
46 | 		"@haptic/ui": "workspace:^",
47 | 		"@internationalized/date": "^3.5.4",
48 | 		"@tiptap/core": "^2.2.1",
49 | 		"@tiptap/extension-character-count": "^2.5.0",
50 | 		"@tiptap/extension-document": "^2.2.2",
51 | 		"@tiptap/extension-link": "^2.2.2",
52 | 		"@tiptap/extension-task-item": "^2.2.2",
53 | 		"@tiptap/extension-task-list": "^2.2.2",
54 | 		"@tiptap/extension-typography": "^2.2.2",
55 | 		"@tiptap/pm": "^2.2.1",
56 | 		"@tiptap/starter-kit": "^2.2.1",
57 | 		"bits-ui": "^0.15.1",
58 | 		"clsx": "^2.1.0",
59 | 		"drizzle-orm": "^0.33.0",
60 | 		"lucide-svelte": "^0.321.0",
61 | 		"markdown-it": "^14.1.0",
62 | 		"mode-watcher": "^0.4.1",
63 | 		"tailwind-merge": "^2.2.1",
64 | 		"tailwind-variants": "^0.1.20",
65 | 		"tiptap-markdown": "^0.8.9"
66 | 	}
67 | }
68 | 


--------------------------------------------------------------------------------
/packages/ui/app.desktop.css:
--------------------------------------------------------------------------------
 1 | @import './theme.css';
 2 | @tailwind base;
 3 | @tailwind components;
 4 | @tailwind utilities;
 5 | 
 6 | @layer base {
 7 | 	:root {
 8 | 		--background: var(--background-light);
 9 | 		--secondary-background: var(--secondary-background-light);
10 | 		--foreground: var(--foreground-light);
11 | 		--muted: var(--muted-light);
12 | 		--muted-foreground: var(--muted-foreground-light);
13 | 		--popover: var(--popover-light);
14 | 		--popover-foreground: var(--popover-foreground-light);
15 | 		--card: var(--card-light);
16 | 		--card-foreground: var(--card-foreground-light);
17 | 		--border: var(--border-light);
18 | 		--input: var(--input-light);
19 | 		--primary: var(--primary-light);
20 | 		--primary-foreground: var(--primary-foreground-light);
21 | 		--secondary: var(--secondary-light);
22 | 		--secondary-foreground: var(--secondary-foreground-light);
23 | 		--accent: var(--accent-light);
24 | 		--accent-foreground: var(--accent-foreground-light);
25 | 		--destructive: var(--destructive-light);
26 | 		--destructive-foreground: var(--destructive-foreground-light);
27 | 		--ring: var(--ring-light);
28 | 	}
29 | 
30 | 	@media (prefers-color-scheme: dark) {
31 | 		:root {
32 | 			--background: var(--background-dark);
33 | 			--secondary-background: var(--secondary-background-dark);
34 | 			--foreground: var(--foreground-dark);
35 | 			--muted: var(--muted-dark);
36 | 			--muted-foreground: var(--muted-foreground-dark);
37 | 			--popover: var(--popover-dark);
38 | 			--popover-foreground: var(--popover-foreground-dark);
39 | 			--card: var(--card-dark);
40 | 			--card-foreground: var(--card-foreground-dark);
41 | 			--border: var(--border-dark);
42 | 			--input: var(--input-dark);
43 | 			--primary: var(--primary-dark);
44 | 			--primary-foreground: var(--primary-foreground-dark);
45 | 			--secondary: var(--secondary-dark);
46 | 			--secondary-foreground: var(--secondary-foreground-dark);
47 | 			--accent: var(--accent-dark);
48 | 			--accent-foreground: var(--accent-foreground-dark);
49 | 			--destructive: var(--destructive-dark);
50 | 			--destructive-foreground: var(--destructive-foreground-dark);
51 | 			--ring: var(--ring-dark);
52 | 		}
53 | 	}
54 | }
55 | 
56 | @layer base {
57 | 	* {
58 | 		@apply border-border;
59 | 	}
60 | 	body {
61 | 		@apply bg-background text-foreground select-none antialiased;
62 | 	}
63 | }
64 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/constants.ts:
--------------------------------------------------------------------------------
 1 | import type { CollectionSettingsParams, ShortcutParams } from './types';
 2 | 
 3 | export const SHORTCUTS: Record<string, ShortcutParams> = {
 4 | 	'editor:toggle-mode': { command: true, key: 'e' },
 5 | 	'editor:search': { command: true, key: 'f' },
 6 | 	'command:open-note': { command: true, key: 'j' },
 7 | 	'command:move-note': { command: true, shift: true, key: 'm' },
 8 | 	'notes:search': { command: true, shift: true, key: 'f' },
 9 | 	'notes:toggle-sidebar': { command: true, shift: true, key: 's' },
10 | 	'notes:toggle-details': { command: true, key: 'i' },
11 | 	'notes:history-back': { command: true, key: 'ArrowLeft', alt: true },
12 | 	'notes:history-forward': { command: true, key: 'ArrowRight', alt: true },
13 | 	'notes:create': { command: true, key: 'n' },
14 | 	'notes:create-folder': { command: true, shift: true, key: 'n' },
15 | 	'note:save': { command: true, key: 's' },
16 | 	'note:duplicate': { key: 'd', hover: true },
17 | 	'note:rename': { key: 'r', hover: true },
18 | 	'note:delete': { command: true, key: 'Backspace', hover: true },
19 | 	'note:copy-path': { command: true, key: 'c', shift: true },
20 | 	'folder:create': { key: 'f', hover: true },
21 | 	'folder:create-note': { key: 'n', hover: true },
22 | 	'folder:rename': { key: 'r', hover: true },
23 | 	'folder:show-in-folder': { shift: true, key: 'f', hover: true },
24 | 	'folder:delete': { command: true, key: 'Backspace', hover: true },
25 | 	'app:settings': { command: true, key: ',' },
26 | 	'app:shortcuts': { command: true, key: '/' },
27 | 	'app:help': { command: true, key: 'h', shift: true },
28 | 	'app:share': { command: true, key: 'l', shift: true },
29 | 	'app:open-collection': { command: true, key: 'o' },
30 | 	'settings:toggle-theme': { command: true, key: 't', shift: true }
31 | };
32 | 
33 | export const BASE_APP_SETTINGS = {
34 | 	theme: 'dark',
35 | 	theme_mode: 'system',
36 | 	interface_font: 'system-ui'
37 | };
38 | 
39 | export const BASE_COLLECTION_SETTINGS: CollectionSettingsParams = {
40 | 	editor: {
41 | 		font: 'system-ui',
42 | 		size: 14,
43 | 		auto_save: true,
44 | 		auto_save_debounce: 750,
45 | 		auto_correct: false,
46 | 		spell_check: false,
47 | 		show_inline_title: true,
48 | 		show_line_numbers: false,
49 | 		show_toolbar: true
50 | 	},
51 | 	notes: {
52 | 		trash_dir: 'system',
53 | 		excluded_files: []
54 | 	}
55 | };
56 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/api/folders.ts:
--------------------------------------------------------------------------------
 1 | import { OS_TRASH_DIR } from '@/constants';
 2 | import { collection, collectionSettings, platform } from '@/store';
 3 | import { getNextUntitledName } from '@/utils';
 4 | import { createDir, readDir, removeFile, renameFile } from '@tauri-apps/api/fs';
 5 | import { homeDir } from '@tauri-apps/api/path';
 6 | import { get } from 'svelte/store';
 7 | 
 8 | // Create a new folder
 9 | export const createFolder = async (dirPath: string) => {
10 | 	// Read the directory
11 | 	const files = await readDir(dirPath);
12 | 
13 | 	// Generate a new name
14 | 	const name = getNextUntitledName(files, 'Untitled');
15 | 
16 | 	// Save the new folder
17 | 	await createDir(`${dirPath}/${name}`);
18 | 
19 | 	return `${dirPath}/${name}`;
20 | };
21 | 
22 | // Delete a folder
23 | export const deleteFolder = async (path: string, recursive = false) => {
24 | 	const folderName = path.split('/').pop()!;
25 | 
26 | 	if (!recursive) {
27 | 		let children = await readDir(path);
28 | 
29 | 		// Remove .DS_Store files from the children
30 | 		children = children.filter((child) => child.name !== '.DS_Store');
31 | 
32 | 		// TODO: implement empty children check
33 | 
34 | 		if (children.length > 0) {
35 | 			throw new Error('Folder is not empty');
36 | 		}
37 | 	}
38 | 
39 | 	switch (get(collectionSettings).notes.trash_dir) {
40 | 		case 'system':
41 | 			await renameFile(path, `${await homeDir()}${OS_TRASH_DIR[get(platform)]}${folderName}`);
42 | 			break;
43 | 		case 'haptic':
44 | 			await renameFile(path, `${get(collection)}/.haptic/trash/${path.split('/').pop()!}`);
45 | 			break;
46 | 		case 'delete':
47 | 			await removeFile(path);
48 | 			break;
49 | 	}
50 | };
51 | 
52 | // Rename a folder
53 | export const renameFolder = async (path: string, name: string) => {
54 | 	await renameFile(path, `${path.split('/').slice(0, -1).join('/')}/${name}`);
55 | };
56 | 
57 | // Move a folder
58 | export const moveFolder = async (source: string, target: string) => {
59 | 	// Get target directory
60 | 	const files = await readDir(target);
61 | 
62 | 	// Make sure there are no name conflicts
63 | 	const folderName = source.split('/').pop()!;
64 | 
65 | 	if (files.some((file) => file.name === folderName && file.children !== undefined)) {
66 | 		throw new Error('Name conflict');
67 | 	}
68 | 
69 | 	await renameFile(source, `${target}/${folderName}`);
70 | };
71 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/components/shared/editor/inline-title.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { renameNote } from '@/api/notes';
 3 | 	import { editor, activeFile, collectionSettings, editorMode } from '@/store';
 4 | 	import { cn } from '@/utils';
 5 | 
 6 | 	export let preCheckRegex: RegExp | undefined = undefined;
 7 | 
 8 | 	let value = '';
 9 | 
10 | 	// Handle keydown for enter key
11 | 	function handleKeydown(event: KeyboardEvent) {
12 | 		if (event.key === 'Enter') {
13 | 			$editor.chain().focus().run();
14 | 		}
15 | 	}
16 | 
17 | 	// Rename handler on input blur
18 | 	async function handleBlur() {
19 | 		if (!$activeFile) return;
20 | 
21 | 		// Make sure file name is in date format year-month-day, else return
22 | 		if (preCheckRegex && !preCheckRegex.test(value)) {
23 | 			value = $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.');
24 | 		}
25 | 
26 | 		if (
27 | 			value !== $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.') &&
28 | 			value.trim() !== ''
29 | 		) {
30 | 			// Rename note
31 | 			try {
32 | 				await renameNote($activeFile, value);
33 | 			} catch {
34 | 				value = $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.');
35 | 			}
36 | 		}
37 | 
38 | 		if (value.trim() === '') {
39 | 			value = $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.');
40 | 		}
41 | 
42 | 		// Remove last extension
43 | 		if (value.includes('.')) {
44 | 			value = value.split('.').slice(0, -1).join('.');
45 | 		}
46 | 
47 | 		// Remove invalid characters
48 | 		value = value.replace(/[/\\?%*:|"<>]/g, '');
49 | 	}
50 | 
51 | 	activeFile.subscribe((notePath) => {
52 | 		// Set file name as value, remove extension
53 | 		value = notePath ? notePath.split('/').pop()!.split('.').slice(0, -1).join('.') : '';
54 | 	});
55 | </script>
56 | 
57 | <div
58 | 	class={cn(
59 | 		'flex items-center w-full h-fit px-8 pb-2.5',
60 | 		!$collectionSettings.editor.show_toolbar && 'mt-5'
61 | 	)}
62 | >
63 | 	{#if $collectionSettings.editor.show_inline_title}
64 | 		<input
65 | 			id="inline-title-input"
66 | 			type="text"
67 | 			autocomplete="off"
68 | 			autocorrect="off"
69 | 			disabled={$editorMode !== 'edit'}
70 | 			class="w-[635px] prose font-bold text-4xl text-foreground mx-auto bg-transparent focus:outline-none"
71 | 			on:keydown={handleKeydown}
72 | 			on:blur={handleBlur}
73 | 			bind:value
74 | 		/>
75 | 	{/if}
76 | </div>
77 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/api/settings.ts:
--------------------------------------------------------------------------------
 1 | import { db } from '@/database/client';
 2 | import { collectionSettings as collectionSettingsTable } from '@/database/schema';
 3 | import { appSettings, collection, collectionSettings } from '@/store';
 4 | import type { AppSettingsParams, CollectionSettingsParams } from '@/types';
 5 | import { eq } from 'drizzle-orm';
 6 | import { get } from 'svelte/store';
 7 | 
 8 | export const loadSettings = async (loadApp: boolean, loadCollection: boolean) => {
 9 | 	if (loadApp) {
10 | 		// Load app settings from local storage
11 | 		const appSettingsData = window.localStorage.getItem('appSettings');
12 | 		if (!appSettingsData) {
13 | 			setSettings('app');
14 | 		} else {
15 | 			appSettings.set(JSON.parse(appSettingsData));
16 | 		}
17 | 	}
18 | 
19 | 	if (loadCollection) {
20 | 		const collectionSettingsData = await db
21 | 			.select()
22 | 			.from(collectionSettingsTable)
23 | 			.where(eq(collectionSettingsTable.collectionPath, get(collection)));
24 | 		if (!collectionSettingsData || collectionSettingsData.length === 0) {
25 | 			setSettings('collection');
26 | 		} else {
27 | 			collectionSettings.set({
28 | 				editor: collectionSettingsData[0].editor as CollectionSettingsParams['editor'],
29 | 				notes: collectionSettingsData[0].notes as CollectionSettingsParams['notes']
30 | 			});
31 | 		}
32 | 	}
33 | };
34 | 
35 | export const setSettings = async (
36 | 	settingsType: 'app' | 'collection',
37 | 	value?: AppSettingsParams | CollectionSettingsParams
38 | ) => {
39 | 	if (settingsType === 'app') {
40 | 		appSettings.set((value ?? get(appSettings)) as AppSettingsParams);
41 | 		window.localStorage.setItem('appSettings', JSON.stringify(value ?? get(appSettings)));
42 | 	}
43 | 	if (settingsType === 'collection') {
44 | 		collectionSettings.set((value ?? get(collectionSettings)) as CollectionSettingsParams);
45 | 		await db
46 | 			.insert(collectionSettingsTable)
47 | 			.values({
48 | 				collectionPath: get(collection),
49 | 				editor: ((value ?? get(collectionSettings)) as CollectionSettingsParams).editor,
50 | 				notes: ((value ?? get(collectionSettings)) as CollectionSettingsParams).notes
51 | 			})
52 | 			.onConflictDoUpdate({
53 | 				target: collectionSettingsTable.collectionPath,
54 | 				set: {
55 | 					editor: ((value ?? get(collectionSettings)) as CollectionSettingsParams).editor,
56 | 					notes: ((value ?? get(collectionSettings)) as CollectionSettingsParams).notes
57 | 				}
58 | 			});
59 | 	}
60 | };
61 | 


--------------------------------------------------------------------------------
/apps/desktop/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "desktop",
 3 | 	"version": "0.0.1",
 4 | 	"private": true,
 5 | 	"scripts": {
 6 | 		"dev": "vite dev",
 7 | 		"dev:tauri": "tauri dev",
 8 | 		"tauri": "tauri",
 9 | 		"build": "vite build",
10 | 		"preview": "vite preview",
11 | 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
12 | 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
13 | 		"lint": "prettier --check . && eslint .",
14 | 		"format": "prettier --write ."
15 | 	},
16 | 	"devDependencies": {
17 | 		"@haptic/tailwind-config": "workspace:*",
18 | 		"@haptic/eslint-config": "workspace:*",
19 | 		"@sveltejs/adapter-auto": "^3.0.0",
20 | 		"@sveltejs/adapter-static": "^3.0.1",
21 | 		"@sveltejs/kit": ">=2.4.3",
22 | 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
23 | 		"@tailwindcss/typography": "^0.5.10",
24 | 		"@tauri-apps/cli": "^1.5.9",
25 | 		"@types/eslint": "8.56.0",
26 | 		"@types/markdown-it": "^14.1.1",
27 | 		"@types/node": "^22.0.0",
28 | 		"@typescript-eslint/eslint-plugin": "^6.0.0",
29 | 		"@typescript-eslint/parser": "^6.0.0",
30 | 		"autoprefixer": "^10.4.17",
31 | 		"eslint": "^8.56.0",
32 | 		"eslint-config-prettier": "^9.1.0",
33 | 		"eslint-plugin-svelte": "^2.35.1",
34 | 		"postcss": "^8.4.33",
35 | 		"postcss-import": "^16.0.1",
36 | 		"prettier": "^3.1.1",
37 | 		"prettier-plugin-svelte": "^3.1.2",
38 | 		"svelte": "^4.2.7",
39 | 		"svelte-check": "^3.6.0",
40 | 		"tailwindcss": "^3.4.1",
41 | 		"tslib": "^2.4.1",
42 | 		"typescript": "^5.0.0",
43 | 		"vite": ">=5.0.13"
44 | 	},
45 | 	"type": "module",
46 | 	"dependencies": {
47 | 		"@haptic/ui": "workspace:^",
48 | 		"@internationalized/date": "^3.5.4",
49 | 		"@tauri-apps/api": "^1.5.3",
50 | 		"@tiptap/core": "^2.2.1",
51 | 		"@tiptap/extension-character-count": "^2.5.0",
52 | 		"@tiptap/extension-document": "^2.2.2",
53 | 		"@tiptap/extension-link": "^2.2.2",
54 | 		"@tiptap/extension-task-item": "^2.2.2",
55 | 		"@tiptap/extension-task-list": "^2.2.2",
56 | 		"@tiptap/extension-typography": "^2.2.2",
57 | 		"@tiptap/pm": "^2.2.1",
58 | 		"@tiptap/starter-kit": "^2.2.1",
59 | 		"bits-ui": "^0.15.1",
60 | 		"clsx": "^2.1.0",
61 | 		"lucide-svelte": "^0.321.0",
62 | 		"markdown-it": "^14.1.0",
63 | 		"tailwind-merge": "^2.2.1",
64 | 		"tailwind-variants": "^0.1.20",
65 | 		"tauri-plugin-fs-extra-api": "github:tauri-apps/tauri-plugin-fs-extra#v1",
66 | 		"tauri-plugin-fs-watch-api": "github:tauri-apps/tauri-plugin-fs-watch#v1",
67 | 		"tiptap-markdown": "^0.8.9"
68 | 	}
69 | }
70 | 


--------------------------------------------------------------------------------
/apps/web/src/lib/components/shared/editor/inline-title.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { renameNote } from '@/api/notes';
 3 | 	import { activeFile, collectionSettings, editor, editorMode } from '@/store';
 4 | 	import { cn } from '@/utils';
 5 | 
 6 | 	export let preCheckRegex: RegExp | undefined = undefined;
 7 | 
 8 | 	let value = '';
 9 | 
10 | 	// Handle keydown for enter key
11 | 	function handleKeydown(event: KeyboardEvent) {
12 | 		if (event.key === 'Enter') {
13 | 			$editor.chain().focus().run();
14 | 		}
15 | 	}
16 | 
17 | 	// Rename handler on input blur
18 | 	async function handleBlur() {
19 | 		if (!$activeFile) return;
20 | 
21 | 		// Make sure file name is in date format year-month-day, else return
22 | 		if (preCheckRegex && !preCheckRegex.test(value)) {
23 | 			value = $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.');
24 | 		}
25 | 
26 | 		if (
27 | 			value !== $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.') &&
28 | 			value.trim() !== ''
29 | 		) {
30 | 			// Rename note
31 | 			try {
32 | 				await renameNote($activeFile, value);
33 | 			} catch {
34 | 				value = $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.');
35 | 			}
36 | 		}
37 | 
38 | 		if (value.trim() === '') {
39 | 			value = $activeFile.split('/').pop()!.split('.').slice(0, -1).join('.');
40 | 		}
41 | 
42 | 		// Remove last extension
43 | 		if (value.includes('.')) {
44 | 			value = value.split('.').slice(0, -1).join('.');
45 | 		}
46 | 
47 | 		// Remove invalid characters
48 | 		value = value.replace(/[/\\?%*:|"<>]/g, '');
49 | 	}
50 | 
51 | 	activeFile.subscribe((notePath) => {
52 | 		// Set file name as value, remove extension
53 | 		value = notePath ? notePath.split('/').pop()!.split('.').slice(0, -1).join('.') : '';
54 | 	});
55 | </script>
56 | 
57 | <div
58 | 	class={cn(
59 | 		'flex items-center w-full h-fit px-8 pb-2.5',
60 | 		!$collectionSettings.editor.show_toolbar && 'mt-5'
61 | 	)}
62 | >
63 | 	{#if $collectionSettings.editor.show_inline_title}
64 | 		<input
65 | 			id="inline-title-input"
66 | 			type="text"
67 | 			autocomplete="off"
68 | 			autocorrect="off"
69 | 			disabled={$editorMode !== 'edit'}
70 | 			class={cn(
71 | 				'w-[655px] prose font-bold text-4xl text-foreground mx-auto bg-transparent focus:outline-none',
72 | 				// Safari / Webkit for some reason has a smaller editor width so we need to adjust
73 | 				/^((?!chrome|android).)*safari/i.test(navigator.userAgent) && 'w-[635px]'
74 | 			)}
75 | 			on:keydown={handleKeydown}
76 | 			on:blur={handleBlur}
77 | 			bind:value
78 | 		/>
79 | 	{/if}
80 | </div>
81 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/constants.ts:
--------------------------------------------------------------------------------
 1 | import type { CollectionSettingsParams, ShortcutParams } from './types';
 2 | 
 3 | export const SHORTCUTS: Record<string, ShortcutParams> = {
 4 | 	'editor:toggle-mode': { command: true, key: 'e' },
 5 | 	'editor:search': { command: true, key: 'f' },
 6 | 	'command:open-note': { command: true, key: 'j' },
 7 | 	'command:move-note': { command: true, shift: true, key: 'm' },
 8 | 	'notes:search': { command: true, shift: true, key: 'f' },
 9 | 	'notes:toggle-sidebar': { command: true, shift: true, key: 's' },
10 | 	'notes:toggle-details': { command: true, key: 'i' },
11 | 	'notes:history-back': { command: true, key: 'ArrowLeft', alt: true },
12 | 	'notes:history-forward': { command: true, key: 'ArrowRight', alt: true },
13 | 	'notes:create': { command: true, key: 'n' },
14 | 	'notes:create-folder': { command: true, shift: true, key: 'n' },
15 | 	'note:save': { command: true, key: 's' },
16 | 	'note:duplicate': { key: 'd', hover: true },
17 | 	'note:rename': { key: 'r', hover: true },
18 | 	'note:delete': { command: true, key: 'Backspace', hover: true },
19 | 	'note:copy-path': { command: true, key: 'c', shift: true },
20 | 	'note:show-in-folder': { shift: true, key: 'f', hover: true },
21 | 	'folder:create': { key: 'f', hover: true },
22 | 	'folder:create-note': { key: 'n', hover: true },
23 | 	'folder:rename': { key: 'r', hover: true },
24 | 	'folder:show-in-folder': { shift: true, key: 'f', hover: true },
25 | 	'folder:delete': { command: true, key: 'Backspace', hover: true },
26 | 	'app:settings': { command: true, key: ',' },
27 | 	'app:shortcuts': { command: true, key: '/' },
28 | 	'app:help': { command: true, key: 'h', shift: true },
29 | 	'app:share': { command: true, key: 'l', shift: true },
30 | 	'app:open-collection': { command: true, key: 'o' },
31 | 	'settings:toggle-theme': { command: true, key: 't', shift: true }
32 | };
33 | 
34 | export const BASE_APP_SETTINGS = {
35 | 	theme: 'dark',
36 | 	theme_mode: 'system',
37 | 	interface_font: 'system-ui'
38 | };
39 | 
40 | export const BASE_COLLECTION_SETTINGS: CollectionSettingsParams = {
41 | 	editor: {
42 | 		font: 'system-ui',
43 | 		size: 14,
44 | 		auto_save: true,
45 | 		auto_save_debounce: 750,
46 | 		auto_correct: false,
47 | 		spell_check: false,
48 | 		show_inline_title: true,
49 | 		show_line_numbers: false,
50 | 		show_toolbar: true
51 | 	},
52 | 	notes: {
53 | 		trash_dir: 'system',
54 | 		excluded_files: []
55 | 	}
56 | };
57 | 
58 | // This is from home dir
59 | export const OS_TRASH_DIR = {
60 | 	darwin: '.trash/',
61 | 	linux: '.local/share/Trash/files/',
62 | 	windows: '$Recycle.Bin/'
63 | };
64 | 


--------------------------------------------------------------------------------
/packages/ui/components/sheet/index.ts:
--------------------------------------------------------------------------------
  1 | import { Dialog as SheetPrimitive } from 'bits-ui';
  2 | import { type VariantProps, tv } from 'tailwind-variants';
  3 | 
  4 | import Portal from './sheet-portal.svelte';
  5 | import Overlay from './sheet-overlay.svelte';
  6 | import Content from './sheet-content.svelte';
  7 | import Header from './sheet-header.svelte';
  8 | import Footer from './sheet-footer.svelte';
  9 | import Title from './sheet-title.svelte';
 10 | import Description from './sheet-description.svelte';
 11 | 
 12 | const Root = SheetPrimitive.Root;
 13 | const Close = SheetPrimitive.Close;
 14 | const Trigger = SheetPrimitive.Trigger;
 15 | 
 16 | export {
 17 | 	Root,
 18 | 	Close,
 19 | 	Trigger,
 20 | 	Portal,
 21 | 	Overlay,
 22 | 	Content,
 23 | 	Header,
 24 | 	Footer,
 25 | 	Title,
 26 | 	Description,
 27 | 	//
 28 | 	Root as Sheet,
 29 | 	Close as SheetClose,
 30 | 	Trigger as SheetTrigger,
 31 | 	Portal as SheetPortal,
 32 | 	Overlay as SheetOverlay,
 33 | 	Content as SheetContent,
 34 | 	Header as SheetHeader,
 35 | 	Footer as SheetFooter,
 36 | 	Title as SheetTitle,
 37 | 	Description as SheetDescription
 38 | };
 39 | 
 40 | export const sheetVariants = tv({
 41 | 	base: 'fixed z-50 gap-4 bg-background px-5 py-4 shadow-lg m-2.5 border rounded-lg',
 42 | 	variants: {
 43 | 		side: {
 44 | 			// top: 'inset-x-0 top-0 border-b',
 45 | 			// bottom: 'inset-x-0 bottom-0 border-t',
 46 | 			left: 'inset-y-0 left-0 h-[calc(100vh-20px)] w-[calc(100vw-20px)] sm:w-3/4 sm:max-w-sm',
 47 | 			right: 'inset-y-0 right-0 h-[calc(100vh-20px)] w-[calc(100vw-20px)] sm:w-3/4 sm:max-w-sm'
 48 | 		}
 49 | 	},
 50 | 	defaultVariants: {
 51 | 		side: 'right'
 52 | 	}
 53 | });
 54 | 
 55 | export const sheetTransitions = {
 56 | 	top: {
 57 | 		in: {
 58 | 			y: '-100%',
 59 | 			duration: 500,
 60 | 			opacity: 1
 61 | 		},
 62 | 		out: {
 63 | 			y: '-100%',
 64 | 			duration: 300,
 65 | 			opacity: 1
 66 | 		}
 67 | 	},
 68 | 	bottom: {
 69 | 		in: {
 70 | 			y: '100%',
 71 | 			duration: 500,
 72 | 			opacity: 1
 73 | 		},
 74 | 		out: {
 75 | 			y: '100%',
 76 | 			duration: 300,
 77 | 			opacity: 1
 78 | 		}
 79 | 	},
 80 | 	left: {
 81 | 		in: {
 82 | 			x: '-100%',
 83 | 			duration: 500,
 84 | 			opacity: 1
 85 | 		},
 86 | 		out: {
 87 | 			x: '-100%',
 88 | 			duration: 300,
 89 | 			opacity: 1
 90 | 		}
 91 | 	},
 92 | 	right: {
 93 | 		in: {
 94 | 			x: '100%',
 95 | 			duration: 500,
 96 | 			opacity: 1
 97 | 		},
 98 | 		out: {
 99 | 			x: '100%',
100 | 			duration: 300,
101 | 			opacity: 1
102 | 		}
103 | 	}
104 | };
105 | 
106 | export type Side = VariantProps<typeof sheetVariants>['side'];
107 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/notes/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import EditorInlineTitle from '$lib/components/shared/editor/inline-title.svelte';
 3 | 	import EditorSearch from '$lib/components/shared/editor/search.svelte';
 4 | 	import EditorToolbar from '$lib/components/shared/editor/toolbar.svelte';
 5 | 	import { createNote } from '@/api/notes';
 6 | 	import Editor from '@/components/shared/editor/editor.svelte';
 7 | 	import { SHORTCUTS } from '@/constants';
 8 | 	import { activeFile, collection, collectionSettings } from '@/store';
 9 | 	import { shortcutToString } from '@/utils';
10 | 	import { cn } from '@haptic/ui/lib/utils';
11 | </script>
12 | 
13 | <div
14 | 	class="relative flex flex-col w-full h-full min-h-[calc(100vh-4.5rem)] items-start bg-secondary-background overflow-y-auto scroll-p-20"
15 | >
16 | 	{#if $collectionSettings.editor.show_toolbar}
17 | 		<EditorToolbar />
18 | 	{/if}
19 | 
20 | 	<div
21 | 		class={cn(
22 | 			'flex flex-col items-center justify-center w-full h-full -mt-10',
23 | 			$activeFile !== null && 'hidden'
24 | 		)}
25 | 	>
26 | 		<!-- Row with following options: Open collection, create note -->
27 | 		<div class="flex flex-col items-center gap-2">
28 | 			<p class="text-secondary-foreground/85">Select a note to start editing</p>
29 | 			<div class="flex gap-5">
30 | 				<button
31 | 					class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
32 | 					on:click={() => {
33 | 						document.dispatchEvent(new KeyboardEvent('keydown', { key: 'o', metaKey: true }));
34 | 					}}
35 | 				>
36 | 					<span
37 | 						class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
38 | 					>
39 | 						{shortcutToString(SHORTCUTS['app:open-collection'])}
40 | 					</span>
41 | 					Open Collection</button
42 | 				>
43 | 				<button
44 | 					class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
45 | 					on:click={() => {
46 | 						createNote($collection);
47 | 					}}
48 | 				>
49 | 					<span
50 | 						class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
51 | 					>
52 | 						{shortcutToString(SHORTCUTS['notes:create'])}
53 | 					</span>
54 | 					Create note
55 | 				</button>
56 | 			</div>
57 | 		</div>
58 | 	</div>
59 | 	<div class={cn('w-full h-full', $activeFile === null && 'hidden')}>
60 | 		<EditorSearch />
61 | 		<EditorInlineTitle />
62 | 		<Editor />
63 | 	</div>
64 | </div>
65 | 


--------------------------------------------------------------------------------
/apps/homepage/src/routes/api/download/+server.ts:
--------------------------------------------------------------------------------
 1 | import { createClient } from '@vercel/edge-config';
 2 | import type { RequestHandler } from './$types';
 3 | 
 4 | type Target = 'linux' | 'windows' | 'darwin';
 5 | type Arch = 'x86_64' | 'i686' | 'aarch64' | 'armv7';
 6 | 
 7 | export const GET: RequestHandler = async ({ url }) => {
 8 | 	// Params
 9 | 	const target = url.searchParams.get('target') as Target | undefined;
10 | 	const arch = url.searchParams.get('arch') as Arch | undefined;
11 | 
12 | 	// Validate target and arch
13 | 	if (!target || !arch) {
14 | 		return new Response(
15 | 			JSON.stringify({
16 | 				error: 'Missing required parameters. Please provide target and arch.'
17 | 			}),
18 | 			{
19 | 				status: 400,
20 | 				headers: { 'Content-Type': 'application/json' }
21 | 			}
22 | 		);
23 | 	}
24 | 
25 | 	// Validate target
26 | 	if (!['linux', 'windows', 'darwin'].includes(target)) {
27 | 		return new Response(
28 | 			JSON.stringify({
29 | 				error: 'Invalid target. Must be linux, windows, or darwin.'
30 | 			}),
31 | 			{
32 | 				status: 400,
33 | 				headers: { 'Content-Type': 'application/json' }
34 | 			}
35 | 		);
36 | 	}
37 | 
38 | 	// Validate arch
39 | 	if (!['x86_64', 'i686', 'aarch64', 'armv7'].includes(arch)) {
40 | 		return new Response(
41 | 			JSON.stringify({
42 | 				error: 'Invalid arch. Must be x86_64, i686, aarch64, or armv7.'
43 | 			}),
44 | 			{
45 | 				status: 400,
46 | 				headers: { 'Content-Type': 'application/json' }
47 | 			}
48 | 		);
49 | 	}
50 | 
51 | 	// Get latest version info from Edge Config
52 | 	const configClient = createClient(import.meta.env.VITE_EDGE_CONFIG);
53 | 	const edgeConfig = (await configClient.getAll()) as { latest_version: string };
54 | 
55 | 	const version = edgeConfig.latest_version.replace('v', '');
56 | 	const baseUrl = `https://github.com/chroxify/haptic/releases/download/${edgeConfig.latest_version}`;
57 | 
58 | 	const platforms: Record<string, string> = {
59 | 		'darwin-x86_64': `${baseUrl}/Haptic_${version}_x64.dmg`,
60 | 		'darwin-aarch64': `${baseUrl}/Haptic_${version}_aarch64.dmg`
61 | 		//? Not yet supported
62 | 		// 'linux-x86_64': `${baseUrl}/Haptic_${version}_amd64.AppImage.tar.gz`,
63 | 		// 'windows-x86_64': `${baseUrl}/Haptic_${version}_x64-setup.nsis.zip`
64 | 	};
65 | 
66 | 	const downloadUrl = platforms[`${target}-${arch}`];
67 | 
68 | 	if (!downloadUrl) {
69 | 		return new Response(
70 | 			JSON.stringify({
71 | 				error: 'No download available for the specified target and architecture.'
72 | 			}),
73 | 			{
74 | 				status: 404,
75 | 				headers: { 'Content-Type': 'application/json' }
76 | 			}
77 | 		);
78 | 	}
79 | 
80 | 	// Redirect to the download URL
81 | 	return new Response(null, {
82 | 		status: 302,
83 | 		headers: {
84 | 			Location: downloadUrl
85 | 		}
86 | 	});
87 | };
88 | 


--------------------------------------------------------------------------------
/.github/workflows/publish-on-release.yml:
--------------------------------------------------------------------------------
 1 | name: 'publish'
 2 | 
 3 | on:
 4 |   release:
 5 |     types: [published]
 6 | 
 7 | # This workflow will build and publish the app on every release.
 8 | jobs:
 9 |   publish-tauri:
10 |     permissions:
11 |       contents: write
12 | 
13 |     strategy:
14 |       fail-fast: false
15 |       matrix:
16 |         include:
17 |           - platform: 'macos-latest' # for Arm based macs (M1 and above).
18 |             args: '--target aarch64-apple-darwin'
19 |             rust_targets: 'aarch64-apple-darwin'
20 |           - platform: 'macos-latest' # for Intel based macs.
21 |             args: '--target x86_64-apple-darwin'
22 |             rust_targets: 'x86_64-apple-darwin'
23 |           - platform: 'ubuntu-22.04' # for Linux
24 |             args: ''
25 |             rust_targets: ''
26 | 
27 |     runs-on: ${{ matrix.platform }}
28 | 
29 |     steps:
30 |       - uses: actions/checkout@v4
31 | 
32 |       - name: install dependencies (ubuntu only)
33 |         if: matrix.platform == 'ubuntu-22.04'
34 |         run: |
35 |           sudo apt-get update
36 |           sudo apt-get install -y libwebkit2gtk-4.0-dev libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
37 | 
38 |       - name: setup node
39 |         uses: actions/setup-node@v4
40 |         with:
41 |           node-version: lts/*
42 | 
43 |       - name: install pnpm
44 |         run: npm install -g pnpm
45 | 
46 |       - name: install Rust stable
47 |         uses: dtolnay/rust-toolchain@stable
48 | 
49 |       - name: add Rust targets
50 |         if: matrix.rust_targets != ''
51 |         run: rustup target add ${{ matrix.rust_targets }}
52 | 
53 |       - name: install frontend dependencies
54 |         run: cd apps/desktop && pnpm install
55 | 
56 |       - uses: tauri-apps/tauri-action@v0
57 |         env:
58 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
59 |           APPLE_CERTIFICATE: ${{ secrets.APPLE_CERTIFICATE }}
60 |           APPLE_CERTIFICATE_PASSWORD: ${{ secrets.APPLE_CERTIFICATE_PASSWORD }}
61 |           APPLE_SIGNING_IDENTITY: ${{ secrets.APPLE_SIGNING_IDENTITY }}
62 |           APPLE_ID: ${{ secrets.APPLE_ID }}
63 |           APPLE_PASSWORD: ${{ secrets.APPLE_PASSWORD }}
64 |           APPLE_TEAM_ID: ${{ secrets.APPLE_TEAM_ID }}
65 |           TAURI_PRIVATE_KEY: ${{ secrets.TAURI_PRIVATE_KEY }}
66 |           TAURI_KEY_PASSWORD: ${{ secrets.TAURI_KEY_PASSWORD }}
67 |         with:
68 |           projectPath: apps/desktop
69 |           tagName: ${{ github.event.release.tag_name }}
70 |           releaseName: ${{ github.event.release.name }}
71 |           releaseBody: ${{ github.event.release.body }}
72 |           releaseDraft: false
73 |           prerelease: ${{ github.event.release.prerelease }}
74 |           args: ${{ matrix.args }}
75 | 


--------------------------------------------------------------------------------
/apps/desktop/src/lib/api/collection.ts:
--------------------------------------------------------------------------------
 1 | import { activeFile, collection, noteHistory } from '@/store';
 2 | import { hideDotFiles, validateHapticFolder, sortFileEntry } from '@/utils';
 3 | import { readDir } from '@tauri-apps/api/fs';
 4 | import { get } from 'svelte/store';
 5 | import { open } from '@tauri-apps/api/dialog';
 6 | import { writeTextFile, readTextFile, BaseDirectory } from '@tauri-apps/api/fs';
 7 | import type { CollectionParams } from '@/types';
 8 | 
 9 | // Fetch the collection entries
10 | export const fetchCollectionEntries = async (
11 | 	dirPath?: string,
12 | 	sort: 'name' | 'date' = 'name',
13 | 	showDotfiles = false
14 | ) => {
15 | 	dirPath = dirPath || get(collection);
16 | 
17 | 	if (!dirPath) new Error('No directory path provided');
18 | 
19 | 	let files = await readDir(dirPath, { recursive: true });
20 | 
21 | 	if (sort === 'name') {
22 | 		files.sort((a, b) => sortFileEntry(a, b));
23 | 	}
24 | 
25 | 	// Hide dotfiles
26 | 	if (!showDotfiles) {
27 | 		files = hideDotFiles(files);
28 | 	}
29 | 
30 | 	return files;
31 | };
32 | 
33 | export const loadCollection = async (path?: string | undefined) => {
34 | 	// If no path is provided, open a dialog
35 | 	if (!path) {
36 | 		path = (await open({ directory: true })) as string;
37 | 	}
38 | 
39 | 	// Return if no path is provided
40 | 	if (!path) return;
41 | 
42 | 	// Set collection path
43 | 	collection.set(path);
44 | 
45 | 	// Reset all collection states
46 | 	noteHistory.set([]);
47 | 	activeFile.set(null);
48 | 
49 | 	// Validate .haptic folder
50 | 	await validateHapticFolder(path);
51 | 
52 | 	// Add collection to collections data
53 | 	const collectionObj = {
54 | 		path: path,
55 | 		name: path.split('/').pop(),
56 | 		lastOpened: new Date().toISOString()
57 | 	};
58 | 
59 | 	const collections = await readTextFile('collections.json', {
60 | 		dir: BaseDirectory.AppData
61 | 	}).catch(() => null);
62 | 
63 | 	if (!collections) {
64 | 		await writeTextFile('collections.json', JSON.stringify([collectionObj]), {
65 | 			dir: BaseDirectory.AppData
66 | 		});
67 | 	} else {
68 | 		const collectionsArray = JSON.parse(collections);
69 | 		const index = collectionsArray.findIndex((item: { path: string }) => item.path === path);
70 | 
71 | 		if (index !== -1) {
72 | 			collectionsArray.splice(index, 1);
73 | 		}
74 | 
75 | 		collectionsArray.push(collectionObj);
76 | 		await writeTextFile('collections.json', JSON.stringify(collectionsArray), {
77 | 			dir: BaseDirectory.AppData
78 | 		});
79 | 	}
80 | };
81 | 
82 | // Get all collections
83 | export const getCollections = async (): Promise<CollectionParams[]> => {
84 | 	const collections = await readTextFile('collections.json', {
85 | 		dir: BaseDirectory.AppData
86 | 	}).catch(() => null);
87 | 
88 | 	if (!collections) return [];
89 | 
90 | 	return JSON.parse(collections);
91 | };
92 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/notes/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import EditorInlineTitle from '$lib/components/shared/editor/inline-title.svelte';
 3 | 	import EditorSearch from '$lib/components/shared/editor/search.svelte';
 4 | 	import EditorToolbar from '$lib/components/shared/editor/toolbar.svelte';
 5 | 	import { createNote } from '@/api/notes';
 6 | 	import Editor from '@/components/shared/editor/editor.svelte';
 7 | 	import { SHORTCUTS } from '@/constants';
 8 | 	import { activeFile, collection, collectionSettings } from '@/store';
 9 | 	import { shortcutToString } from '@/utils';
10 | 	import { cn } from '@haptic/ui/lib/utils';
11 | </script>
12 | 
13 | <div
14 | 	class="relative flex flex-col w-full h-full min-h-[calc(100vh-4.5rem)] items-start bg-secondary-background overflow-y-auto"
15 | >
16 | 	{#if $collectionSettings.editor.show_toolbar}
17 | 		<EditorToolbar />
18 | 	{/if}
19 | 
20 | 	<div
21 | 		class={cn(
22 | 			'flex flex-col items-center justify-center w-full h-full -mt-10',
23 | 			$activeFile !== null && 'hidden'
24 | 		)}
25 | 	>
26 | 		<div class="flex flex-col items-center justify-center w-full h-full -mt-10">
27 | 			<!-- Row with following options: Open collection, create note -->
28 | 			<div class="flex flex-col items-center gap-2">
29 | 				<p class="text-secondary-foreground/85">Select a note to start editing</p>
30 | 				<div class="flex gap-5">
31 | 					<button
32 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
33 | 						on:click={() => {
34 | 							document.dispatchEvent(new KeyboardEvent('keydown', { key: 'o', metaKey: true }));
35 | 						}}
36 | 					>
37 | 						<span
38 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
39 | 						>
40 | 							{shortcutToString(SHORTCUTS['app:open-collection'])}
41 | 						</span>
42 | 						Open Collection</button
43 | 					>
44 | 					<button
45 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
46 | 						on:click={() => {
47 | 							createNote($collection);
48 | 						}}
49 | 					>
50 | 						<span
51 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
52 | 						>
53 | 							{shortcutToString(SHORTCUTS['notes:create'])}
54 | 						</span>
55 | 						Create note
56 | 					</button>
57 | 				</div>
58 | 			</div>
59 | 		</div>
60 | 	</div>
61 | 	<div class={cn('w-full h-full', $activeFile === null && 'hidden')}>
62 | 		<EditorSearch />
63 | 		<EditorInlineTitle />
64 | 		<Editor />
65 | 	</div>
66 | </div>
67 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/+layout.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { loadSettings } from '@/api/settings';
 3 | 	import Footer from '@/components/layout/footer.svelte';
 4 | 	import Header from '@/components/layout/header.svelte';
 5 | 	import Sidebar from '@/components/layout/sidebar.svelte';
 6 | 	import { platform as osPlatform } from '@tauri-apps/api/os';
 7 | 	import Command from '@/components/shared/command-menu/command.svelte';
 8 | 	import { appTheme, collection, platform } from '@/store';
 9 | 	import { updateWindowTheme, validateHapticFolder } from '@/utils';
10 | 	import '@haptic/ui/app.desktop.css';
11 | 	import { BaseDirectory, readTextFile } from '@tauri-apps/api/fs';
12 | 	import { invoke } from '@tauri-apps/api/tauri';
13 | 	import { onMount } from 'svelte';
14 | 
15 | 	// Prevent right-clicking in production
16 | 	// TODO: Test if this even works in production (not sure if tauri has access to env variables)
17 | 	if (process.env.NODE_ENV !== 'development') {
18 | 		document.addEventListener('contextmenu', (event) => event.preventDefault());
19 | 	}
20 | 
21 | 	// Load latest collection
22 | 	async function loadLatestCollection() {
23 | 		const collections = await readTextFile('collections.json', {
24 | 			dir: BaseDirectory.AppData
25 | 		}).catch(() => null);
26 | 
27 | 		if (!collections) return;
28 | 
29 | 		// Get collection with latest lastOpened date
30 | 		const latestCollection = JSON.parse(collections).sort(
31 | 			(a: { lastOpened: string | number | Date }, b: { lastOpened: string | number | Date }) => {
32 | 				return new Date(b.lastOpened).getTime() - new Date(a.lastOpened).getTime();
33 | 			}
34 | 		)[0];
35 | 
36 | 		collection.set(latestCollection.path);
37 | 	}
38 | 
39 | 	onMount(async () => {
40 | 		// Load latest collection on mount
41 | 		await loadLatestCollection();
42 | 
43 | 		// Validate haptic folder
44 | 		await validateHapticFolder($collection);
45 | 
46 | 		// Load app & collection settings
47 | 		loadSettings(true, true);
48 | 
49 | 		// Set platform
50 | 		platform.set((await osPlatform()) as 'darwin' | 'linux' | 'windows');
51 | 	});
52 | 
53 | 	// Keep local theme synced
54 | 	appTheme.subscribe(async (value) => {
55 | 		// Update app theme
56 | 		await invoke('plugin:theme|set_theme', {
57 | 			theme: value
58 | 		});
59 | 
60 | 		// Update window theme
61 | 		updateWindowTheme();
62 | 	});
63 | </script>
64 | 
65 | <Command />
66 | 
67 | {#if $platform === 'darwin'}
68 | 	<Header />
69 | {/if}
70 | <Sidebar />
71 | <main class="flex min-h-screen w-full items-center justify-center">
72 | 	<slot />
73 | </main>
74 | <Footer />
75 | 
76 | <style>
77 | 	/* Custom scrollbar */
78 | 	:global(::-webkit-scrollbar) {
79 | 		width: 14px;
80 | 	}
81 | 
82 | 	:global(::-webkit-scrollbar-thumb) {
83 | 		border: 4px solid rgba(0, 0, 0, 0);
84 | 		background-clip: padding-box;
85 | 		border-radius: 50px;
86 | 		background-color: hsl(var(--border) / 1);
87 | 
88 | 		&:hover {
89 | 			background-color: hsl(var(--foreground) / 0.15);
90 | 		}
91 | 	}
92 | </style>
93 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import { goto } from '$app/navigation';
 3 | 	import { shortcutToString } from '@/utils';
 4 | 	import { SHORTCUTS } from '@/constants';
 5 | 	import Shortcut from '@/components/shared/shortcut.svelte';
 6 | 	import { getCollections } from '$lib/api/collection';
 7 | 	import { open as browserOpen } from '@tauri-apps/api/shell';
 8 | 	import { onMount } from 'svelte';
 9 | 
10 | 	let githubShortcut = { command: true, key: 'g' };
11 | 	let sponsorShortcut = { command: true, key: 's' };
12 | 
13 | 	async function fetchCollections() {
14 | 		const collections = await getCollections();
15 | 		return collections;
16 | 	}
17 | 
18 | 	onMount(async () => {
19 | 		const hasCollections = (await fetchCollections()).length > 0;
20 | 		if (hasCollections) {
21 | 			goto('/notes');
22 | 		}
23 | 	});
24 | </script>
25 | 
26 | <div
27 | 	class="flex flex-col items-center justify-center w-full h-full min-h-screen bg-secondary-background"
28 | >
29 | 	<div class="flex flex-col items-center gap-2">
30 | 		<p class="text-secondary-foreground/85">Open a collection to get started</p>
31 | 		<div class="flex gap-5">
32 | 			<button
33 | 				class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
34 | 				on:click={() => {
35 | 					document.dispatchEvent(new KeyboardEvent('keydown', { key: 'o', metaKey: true }));
36 | 				}}
37 | 			>
38 | 				<span
39 | 					class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
40 | 				>
41 | 					{shortcutToString(SHORTCUTS['app:open-collection'])}
42 | 				</span>
43 | 				Open Collection</button
44 | 			>
45 | 			<button
46 | 				class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
47 | 				on:click={() => {
48 | 					browserOpen('https://go.haptic.md/github');
49 | 				}}
50 | 			>
51 | 				<Shortcut options={githubShortcut} />
52 | 				<span
53 | 					class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
54 | 				>
55 | 					{shortcutToString(githubShortcut)}
56 | 				</span>
57 | 				Star on GitHub
58 | 			</button>
59 | 
60 | 			<button
61 | 				class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
62 | 				on:click={() => {
63 | 					browserOpen('https://go.haptic.md/sponsor');
64 | 				}}
65 | 			>
66 | 				<Shortcut options={sponsorShortcut} />
67 | 				<span
68 | 					class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
69 | 				>
70 | 					{shortcutToString(sponsorShortcut)}
71 | 				</span>
72 | 				Become a sponsor
73 | 			</button>
74 | 		</div>
75 | 	</div>
76 | </div>
77 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/daily/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import EditorInlineTitle from '$lib/components/shared/editor/inline-title.svelte';
 3 | 	import EditorSearch from '$lib/components/shared/editor/search.svelte';
 4 | 	import EditorToolbar from '$lib/components/shared/editor/toolbar.svelte';
 5 | 	import { createNote } from '@/api/notes';
 6 | 	import Editor from '@/components/shared/editor/editor.svelte';
 7 | 	import Shortcut from '@/components/shared/shortcut.svelte';
 8 | 	import { SHORTCUTS } from '@/constants';
 9 | 	import { activeFile, collection, collectionSettings } from '@/store';
10 | 	import { shortcutToString } from '@/utils';
11 | 	import { cn } from '@haptic/ui/lib/utils';
12 | </script>
13 | 
14 | <div
15 | 	class="relative flex flex-col w-full h-full min-h-[calc(100vh-4.5rem)] items-start bg-secondary-background overflow-y-auto"
16 | >
17 | 	{#if $collectionSettings.editor.show_toolbar}
18 | 		<EditorToolbar hideHistory hideParentDirectories />
19 | 	{/if}
20 | 
21 | 	<div
22 | 		class={cn(
23 | 			'flex flex-col items-center justify-center w-full h-full -mt-10',
24 | 			$activeFile !== null && 'hidden'
25 | 		)}
26 | 	>
27 | 		<div class="flex flex-col items-center justify-center w-full h-full -mt-10">
28 | 			<div class="flex flex-col items-center gap-2">
29 | 				<p class="text-secondary-foreground/85">Select a daily note to get started</p>
30 | 				<div class="flex gap-5">
31 | 					<button
32 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
33 | 						on:click={() => {
34 | 							document.dispatchEvent(new KeyboardEvent('keydown', { key: 'o', metaKey: true }));
35 | 						}}
36 | 					>
37 | 						<span
38 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
39 | 						>
40 | 							{shortcutToString(SHORTCUTS['app:open-collection'])}
41 | 						</span>
42 | 						Open Collection</button
43 | 					>
44 | 					<button
45 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
46 | 						on:click={() => {
47 | 							createNote(
48 | 								$collection + '/.haptic/daily',
49 | 								new Date().toISOString().split('T')[0] + '.md'
50 | 							);
51 | 						}}
52 | 					>
53 | 						<Shortcut options={{ key: 'd', command: true }} />
54 | 						<span
55 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
56 | 						>
57 | 							{shortcutToString({ key: 'd', command: true })}
58 | 						</span>
59 | 						Create today's note
60 | 					</button>
61 | 				</div>
62 | 			</div>
63 | 		</div>
64 | 	</div>
65 | 	<div class={cn('w-full h-full', $activeFile === null && 'hidden')}>
66 | 		<EditorSearch />
67 | 		<EditorInlineTitle preCheckRegex={/^\d{4}-\d{2}-\d{2}$/} />
68 | 		<Editor />
69 | 	</div>
70 | </div>
71 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/daily/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | 	import EditorInlineTitle from '$lib/components/shared/editor/inline-title.svelte';
 3 | 	import EditorSearch from '$lib/components/shared/editor/search.svelte';
 4 | 	import EditorToolbar from '$lib/components/shared/editor/toolbar.svelte';
 5 | 	import { createNote } from '@/api/notes';
 6 | 	import Editor from '@/components/shared/editor/editor.svelte';
 7 | 	import Shortcut from '@/components/shared/shortcut.svelte';
 8 | 	import { SHORTCUTS } from '@/constants';
 9 | 	import { activeFile, collection, collectionSettings } from '@/store';
10 | 	import { shortcutToString } from '@/utils';
11 | 	import { cn } from '@haptic/ui/lib/utils';
12 | </script>
13 | 
14 | <div
15 | 	class="relative flex flex-col w-full h-full min-h-[calc(100vh-4.5rem)] items-start bg-secondary-background overflow-y-auto"
16 | >
17 | 	{#if $collectionSettings.editor.show_toolbar}
18 | 		<EditorToolbar hideHistory hideParentDirectories />
19 | 	{/if}
20 | 
21 | 	<div
22 | 		class={cn(
23 | 			'flex flex-col items-center justify-center w-full h-full -mt-10',
24 | 			$activeFile !== null && 'hidden'
25 | 		)}
26 | 	>
27 | 		<div class="flex flex-col items-center justify-center w-full h-full -mt-10">
28 | 			<div class="flex flex-col items-center gap-2">
29 | 				<p class="text-secondary-foreground/85">Select a daily note to get started</p>
30 | 				<div class="flex gap-5">
31 | 					<button
32 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
33 | 						on:click={() => {
34 | 							document.dispatchEvent(new KeyboardEvent('keydown', { key: 'o', metaKey: true }));
35 | 						}}
36 | 					>
37 | 						<span
38 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
39 | 						>
40 | 							{shortcutToString(SHORTCUTS['app:open-collection'])}
41 | 						</span>
42 | 						Open Collection</button
43 | 					>
44 | 					<button
45 | 						class="text-sm gap-1.5 flex text-muted-foreground hover:text-secondary-foreground transition-colors items-center justify-center"
46 | 						on:click={() => {
47 | 							createNote(
48 | 								$collection + '/.haptic/daily',
49 | 								new Date().toISOString().split('T')[0] + '.md'
50 | 							);
51 | 						}}
52 | 					>
53 | 						<Shortcut options={{ key: 'd', command: true }} />
54 | 						<span
55 | 							class="pointer-events-none inline-flex h-[18px] pl-1.5 tracking-widest select-none items-center gap-1 rounded bg-secondary px-1 font-mono text-muted-foreground opacity-100"
56 | 						>
57 | 							{shortcutToString({ key: 'd', command: true })}
58 | 						</span>
59 | 						Create today's note
60 | 					</button>
61 | 				</div>
62 | 			</div>
63 | 		</div>
64 | 	</div>
65 | 	<div class={cn('w-full h-full', $activeFile === null && 'hidden')}>
66 | 		<EditorSearch />
67 | 		<EditorInlineTitle preCheckRegex={/^\d{4}-\d{2}-\d{2}$/} />
68 | 		<Editor />
69 | 	</div>
70 | </div>
71 | 


--------------------------------------------------------------------------------
/apps/web/src/routes/tasks/sidebar.svelte:
--------------------------------------------------------------------------------
  1 | <script lang="ts">
  2 | 	import {
  3 | 		collection,
  4 | 		editor,
  5 | 		isPageSidebarOpen,
  6 | 		pageSidebarWidth,
  7 | 		resizingPageSidebar
  8 | 	} from '@/store';
  9 | 	import { cn } from '@haptic/ui/lib/utils';
 10 | 	import TaskEntries from './task-entries.svelte';
 11 | 
 12 | 	const handleMouseMove = (e: MouseEvent) => {
 13 | 		resizingPageSidebar.set(true);
 14 | 
 15 | 		const x = e.x;
 16 | 
 17 | 		// Set collapsing bounds
 18 | 		if (x < 100) {
 19 | 			resizingPageSidebar.set(false);
 20 | 			isPageSidebarOpen.set(false);
 21 | 			return;
 22 | 		} else if (x > 100 && !$isPageSidebarOpen) {
 23 | 			resizingPageSidebar.set(false);
 24 | 			isPageSidebarOpen.set(true);
 25 | 			return;
 26 | 		}
 27 | 
 28 | 		// Set width bounds
 29 | 		if ($pageSidebarWidth + e.movementX < 210 || $pageSidebarWidth + e.movementX > 500) {
 30 | 			return;
 31 | 		}
 32 | 
 33 | 		// Set cursor resize bounds to prevent resizing when cursor is outside of the width bounds
 34 | 		if (x < 245 || x > 550) {
 35 | 			return;
 36 | 		}
 37 | 
 38 | 		pageSidebarWidth.update((value) => value + e.movementX);
 39 | 	};
 40 | 
 41 | 	// Resize sidebar handler
 42 | 	const resizeHandler = () => {
 43 | 		// Set resizing state
 44 | 		resizingPageSidebar.set(true);
 45 | 
 46 | 		// Blur the editor
 47 | 		$editor.commands.blur();
 48 | 
 49 | 		// Set cusor-col-resize class to body
 50 | 		document.body.classList.toggle('cursor-col-resize');
 51 | 
 52 | 		// Mouse up event listener
 53 | 		const handleMouseUp = () => {
 54 | 			document.removeEventListener('mousemove', handleMouseMove);
 55 | 			document.removeEventListener('mouseup', handleMouseUp);
 56 | 
 57 | 			// Remove cursor-col-resize class from body
 58 | 			document.body.classList.remove('cursor-col-resize');
 59 | 
 60 | 			resizingPageSidebar.set(false);
 61 | 		};
 62 | 
 63 | 		// Add event listeners
 64 | 		document.addEventListener('mousemove', handleMouseMove);
 65 | 		document.addEventListener('mouseup', handleMouseUp);
 66 | 	};
 67 | </script>
 68 | 
 69 | <div
 70 | 	class={cn(
 71 | 		'fixed left-12 h-[calc(100vh-4.5rem)] flex flex-col justify-start items-center bg-background overflow-y-auto transform transition-transform duration-300',
 72 | 		!$isPageSidebarOpen && '-translate-x-52'
 73 | 	)}
 74 | 	style={`width: ${$pageSidebarWidth}px`}
 75 | >
 76 | 	<!-- Drag border -->
 77 | 	<div
 78 | 		class="h-full w-1 border-r cursor-col-resize absolute top-0 right-0 z-10 hover:bg-foreground/10 hover:delay-75 transition-all duration-200 active:bg-foreground/20 active:!cursor-col-resize"
 79 | 		on:mousedown={resizeHandler}
 80 | 		role="presentation"
 81 | 	/>
 82 | 
 83 | 	<!-- Tasks -->
 84 | 	<div
 85 | 		class="flex flex-col items-start gap-1 w-full px-2 h-full overflow-auto pt-2 pb-4"
 86 | 		data-collection-root
 87 | 		data-path={$collection}
 88 | 	>
 89 | 		<TaskEntries />
 90 | 	</div>
 91 | </div>
 92 | 
 93 | <style>
 94 | 	:global(body.cursor-col-resize) {
 95 | 		/* cursor: col-resize !important;
 96 | 		user-select: none !important; */
 97 | 		pointer-events: none;
 98 | 	}
 99 | </style>
100 | 


--------------------------------------------------------------------------------
/apps/desktop/src/routes/tasks/sidebar.svelte:
--------------------------------------------------------------------------------
  1 | <script lang="ts">
  2 | 	import {
  3 | 		collection,
  4 | 		editor,
  5 | 		isPageSidebarOpen,
  6 | 		pageSidebarWidth,
  7 | 		platform,
  8 | 		resizingPageSidebar
  9 | 	} from '@/store';
 10 | 	import { cn } from '@haptic/ui/lib/utils';
 11 | 	import TaskEntries from './task-entries.svelte';
 12 | 
 13 | 	let startX: number | null;
 14 | 	let startWidth: number;
 15 | 
 16 | 	const handleMouseMove = (e: MouseEvent) => {
 17 | 		if (startX === null) return;
 18 | 		resizingPageSidebar.set(true);
 19 | 
 20 | 		const x = e.clientX;
 21 | 
 22 | 		// Set collapsing bounds
 23 | 		if (x < 100) {
 24 | 			resizingPageSidebar.set(false);
 25 | 			isPageSidebarOpen.set(false);
 26 | 			return;
 27 | 		} else if (x > 100 && !$isPageSidebarOpen) {
 28 | 			resizingPageSidebar.set(false);
 29 | 			isPageSidebarOpen.set(true);
 30 | 			return;
 31 | 		}
 32 | 
 33 | 		const diff = x - startX;
 34 | 		const newWidth = Math.max(210, Math.min(500, startWidth + diff));
 35 | 
 36 | 		// Set cursor resize bounds to prevent resizing when cursor is outside of the width bounds
 37 | 		if (x < 245 || x > 550) {
 38 | 			return;
 39 | 		}
 40 | 
 41 | 		pageSidebarWidth.set(newWidth);
 42 | 	};
 43 | 
 44 | 	const resizeHandler = (e: MouseEvent) => {
 45 | 		e.preventDefault();
 46 | 		startX = e.clientX;
 47 | 		startWidth = $pageSidebarWidth;
 48 | 
 49 | 		resizingPageSidebar.set(true);
 50 | 		$editor.commands.blur();
 51 | 		document.body.classList.add('cursor-col-resize');
 52 | 
 53 | 		const handleMouseUp = () => {
 54 | 			startX = null;
 55 | 			document.removeEventListener('mousemove', handleMouseMove);
 56 | 			document.removeEventListener('mouseup', handleMouseUp);
 57 | 			document.body.classList.remove('cursor-col-resize');
 58 | 			resizingPageSidebar.set(false);
 59 | 
 60 | 			if ($pageSidebarWidth < 100) {
 61 | 				isPageSidebarOpen.set(false);
 62 | 			}
 63 | 		};
 64 | 
 65 | 		document.addEventListener('mousemove', handleMouseMove);
 66 | 		document.addEventListener('mouseup', handleMouseUp);
 67 | 	};
 68 | </script>
 69 | 
 70 | <div
 71 | 	class={cn(
 72 | 		'fixed left-12 flex flex-col justify-start items-center bg-background overflow-y-auto transform transition-transform duration-300',
 73 | 		!$isPageSidebarOpen && '-translate-x-52',
 74 | 		$platform === 'darwin' ? 'h-[calc(100vh-4.5rem)]' : 'h-[calc(100vh-2.25rem)]'
 75 | 	)}
 76 | 	style={`width: ${$pageSidebarWidth}px`}
 77 | >
 78 | 	<!-- Drag border -->
 79 | 	<div
 80 | 		class="h-full w-1 border-r cursor-col-resize absolute top-0 right-0 z-10 hover:bg-foreground/10 hover:delay-75 transition-all duration-200 active:bg-foreground/20 active:!cursor-col-resize"
 81 | 		on:mousedown={resizeHandler}
 82 | 		role="presentation"
 83 | 	/>
 84 | 
 85 | 	<!-- Tasks -->
 86 | 	<div
 87 | 		class="flex flex-col items-start gap-1 w-full px-2 h-full overflow-auto pt-2 pb-4"
 88 | 		data-collection-root
 89 | 		data-path={$collection}
 90 | 	>
 91 | 		<TaskEntries />
 92 | 	</div>
 93 | </div>
 94 | 
 95 | <style>
 96 | 	:global(body.cursor-col-resize) {
 97 | 		cursor: col-resize !important;
 98 | 		user-select: none !important;
 99 | 		pointer-events: none;
100 | 	}
101 | </style>
102 | 


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