eTools

eTools is a powerful desktop efficiency tool designed to streamline your workflow through efficient search, snippet management, and note-taking.

The core of eTools is its omnibox-style search bar that aggregates results from multiple sources:

• Snippets: Quickly find code snippets. Click to copy the content directly to your clipboard.
• Notes: Search through your personal notes. Click to navigate to the note detail view for editing.
• Websites: Configure custom search engines (e.g., Google, StackOverflow).
  • Format: [keyword] [query] (e.g., google react hooks)
  • Interaction: Opens your default browser with the constructed search URL.

• Create and organize rich text notes.
• Built-in rich text editor (powered by Tiptap) supporting headings, lists, links, images, and code blocks.
• Smart focus management: Title focus for new notes, content focus for existing ones.

• Store and manage reusable code snippets.
• Quick access via the main search bar.

A dedicated configuration window allows you to manage:

• Snippet Management: Add, edit, or delete snippets.
• Note Management: Organize your notes.
• Browser Search Settings: Define custom keywords and search URLs for external websites.
• Software Config: General application settings.

eTools is built with a modern, high-performance stack:

• Core: Electron + Vite (via electron-vite)
• Frontend:
  • React
  • TypeScript
  • TailwindCSS & SCSS for styling
  • Ant Design for UI components
  • Zustand for state management
  • Tiptap for rich text editing
• Backend / Database:
  • SQLite (via better-sqlite3) for local data storage

npm install

Start the app in development mode:

npm run dev

Build the application for production:

# For Windows
npm run build:win

# For macOS
npm run build:mac

# For Linux
npm run build:linux