Skip to content

feat: add basic editor layout using tiptap template#14

Open
Sarthakkad05 wants to merge 3 commits intoAOSSIE-Org:mainfrom
Sarthakkad05:feat/app-layout
Open

feat: add basic editor layout using tiptap template#14
Sarthakkad05 wants to merge 3 commits intoAOSSIE-Org:mainfrom
Sarthakkad05:feat/app-layout

Conversation

@Sarthakkad05
Copy link

Overview

This PR introduces a basic editor layout for Smart Notes using the Tiptap simple template.

Screenshot 2026-03-06 at 3 24 23 PM

Changes

  • Added initial editor workspace layout
  • Integrated Tiptap simple editor template
  • Implemented toolbar structure
  • Organized editor-related components under tiptap-templates

Notes

This builds upon the initial project setup and establishes the foundation for the Smart Notes editing experience.

Checklist

  • My code follows the project's code style and conventions
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings or errors
  • I have joined the Discord server and I will share a link to this PR with the project maintainers there
  • I have read the Contributing Guidelines

⚠️ AI Notice - Important!

We encourage contributors to use AI tools responsibly when creating Pull Requests. While AI can be a valuable aid, it is essential to ensure that your contributions meet the task requirements, build successfully, include relevant tests, and pass all linters. Submissions that do not meet these standards may be closed without warning to maintain the quality and integrity of the project. Please take the time to understand the changes you are proposing and their impact.

@coderabbitai
Copy link

coderabbitai bot commented Mar 6, 2026

Important

Review skipped

Too many files!

This PR contains 160 files, which is 10 over the limit of 150.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 428d7b47-e3ea-464a-8dac-73fd602a8559

📥 Commits

Reviewing files that changed from the base of the PR and between a3ccb2b and a68cb2e.

⛔ Files ignored due to path filters (1)
  • package-lock.json is excluded by !**/package-lock.json
📒 Files selected for processing (160)
  • .eslintrc.json
  • .gitignore
  • forge.config.ts
  • forge.env.d.ts
  • index.html
  • package.json
  • postcss.config.js
  • src/main/main.ts
  • src/preload/preload.ts
  • src/renderer/App.tsx
  • src/renderer/components/common/EditorWorkspace.tsx
  • src/renderer/components/common/Sidebar.tsx
  • src/renderer/components/common/ThemeToggle.tsx
  • src/renderer/components/tiptap-extension/node-background-extension.ts
  • src/renderer/components/tiptap-icons/align-center-icon.tsx
  • src/renderer/components/tiptap-icons/align-justify-icon.tsx
  • src/renderer/components/tiptap-icons/align-left-icon.tsx
  • src/renderer/components/tiptap-icons/align-right-icon.tsx
  • src/renderer/components/tiptap-icons/arrow-left-icon.tsx
  • src/renderer/components/tiptap-icons/ban-icon.tsx
  • src/renderer/components/tiptap-icons/blockquote-icon.tsx
  • src/renderer/components/tiptap-icons/bold-icon.tsx
  • src/renderer/components/tiptap-icons/chevron-down-icon.tsx
  • src/renderer/components/tiptap-icons/close-icon.tsx
  • src/renderer/components/tiptap-icons/code-block-icon.tsx
  • src/renderer/components/tiptap-icons/code2-icon.tsx
  • src/renderer/components/tiptap-icons/corner-down-left-icon.tsx
  • src/renderer/components/tiptap-icons/external-link-icon.tsx
  • src/renderer/components/tiptap-icons/heading-five-icon.tsx
  • src/renderer/components/tiptap-icons/heading-four-icon.tsx
  • src/renderer/components/tiptap-icons/heading-icon.tsx
  • src/renderer/components/tiptap-icons/heading-one-icon.tsx
  • src/renderer/components/tiptap-icons/heading-six-icon.tsx
  • src/renderer/components/tiptap-icons/heading-three-icon.tsx
  • src/renderer/components/tiptap-icons/heading-two-icon.tsx
  • src/renderer/components/tiptap-icons/highlighter-icon.tsx
  • src/renderer/components/tiptap-icons/image-plus-icon.tsx
  • src/renderer/components/tiptap-icons/italic-icon.tsx
  • src/renderer/components/tiptap-icons/link-icon.tsx
  • src/renderer/components/tiptap-icons/list-icon.tsx
  • src/renderer/components/tiptap-icons/list-ordered-icon.tsx
  • src/renderer/components/tiptap-icons/list-todo-icon.tsx
  • src/renderer/components/tiptap-icons/moon-star-icon.tsx
  • src/renderer/components/tiptap-icons/redo2-icon.tsx
  • src/renderer/components/tiptap-icons/strike-icon.tsx
  • src/renderer/components/tiptap-icons/subscript-icon.tsx
  • src/renderer/components/tiptap-icons/sun-icon.tsx
  • src/renderer/components/tiptap-icons/superscript-icon.tsx
  • src/renderer/components/tiptap-icons/trash-icon.tsx
  • src/renderer/components/tiptap-icons/underline-icon.tsx
  • src/renderer/components/tiptap-icons/undo2-icon.tsx
  • src/renderer/components/tiptap-node/blockquote-node/blockquote-node.scss
  • src/renderer/components/tiptap-node/code-block-node/code-block-node.scss
  • src/renderer/components/tiptap-node/heading-node/heading-node.scss
  • src/renderer/components/tiptap-node/horizontal-rule-node/horizontal-rule-node-extension.ts
  • src/renderer/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.scss
  • src/renderer/components/tiptap-node/image-node/image-node.scss
  • src/renderer/components/tiptap-node/image-upload-node/image-upload-node-extension.ts
  • src/renderer/components/tiptap-node/image-upload-node/image-upload-node.scss
  • src/renderer/components/tiptap-node/image-upload-node/image-upload-node.tsx
  • src/renderer/components/tiptap-node/image-upload-node/index.tsx
  • src/renderer/components/tiptap-node/list-node/list-node.scss
  • src/renderer/components/tiptap-node/paragraph-node/paragraph-node.scss
  • src/renderer/components/tiptap-templates/simple/data/content.json
  • src/renderer/components/tiptap-templates/simple/simple-editor.scss
  • src/renderer/components/tiptap-templates/simple/simple-editor.tsx
  • src/renderer/components/tiptap-templates/simple/theme-toggle.tsx
  • src/renderer/components/tiptap-ui-primitive/badge/badge-colors.scss
  • src/renderer/components/tiptap-ui-primitive/badge/badge-group.scss
  • src/renderer/components/tiptap-ui-primitive/badge/badge.scss
  • src/renderer/components/tiptap-ui-primitive/badge/badge.tsx
  • src/renderer/components/tiptap-ui-primitive/badge/index.tsx
  • src/renderer/components/tiptap-ui-primitive/button/button-colors.scss
  • src/renderer/components/tiptap-ui-primitive/button/button-group.scss
  • src/renderer/components/tiptap-ui-primitive/button/button.scss
  • src/renderer/components/tiptap-ui-primitive/button/button.tsx
  • src/renderer/components/tiptap-ui-primitive/button/index.tsx
  • src/renderer/components/tiptap-ui-primitive/card/card.scss
  • src/renderer/components/tiptap-ui-primitive/card/card.tsx
  • src/renderer/components/tiptap-ui-primitive/card/index.tsx
  • src/renderer/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.scss
  • src/renderer/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.tsx
  • src/renderer/components/tiptap-ui-primitive/dropdown-menu/index.tsx
  • src/renderer/components/tiptap-ui-primitive/input/index.tsx
  • src/renderer/components/tiptap-ui-primitive/input/input.scss
  • src/renderer/components/tiptap-ui-primitive/input/input.tsx
  • src/renderer/components/tiptap-ui-primitive/popover/index.tsx
  • src/renderer/components/tiptap-ui-primitive/popover/popover.scss
  • src/renderer/components/tiptap-ui-primitive/popover/popover.tsx
  • src/renderer/components/tiptap-ui-primitive/separator/index.tsx
  • src/renderer/components/tiptap-ui-primitive/separator/separator.scss
  • src/renderer/components/tiptap-ui-primitive/separator/separator.tsx
  • src/renderer/components/tiptap-ui-primitive/spacer/index.tsx
  • src/renderer/components/tiptap-ui-primitive/spacer/spacer.tsx
  • src/renderer/components/tiptap-ui-primitive/toolbar/index.tsx
  • src/renderer/components/tiptap-ui-primitive/toolbar/toolbar.scss
  • src/renderer/components/tiptap-ui-primitive/toolbar/toolbar.tsx
  • src/renderer/components/tiptap-ui-primitive/tooltip/index.tsx
  • src/renderer/components/tiptap-ui-primitive/tooltip/tooltip.scss
  • src/renderer/components/tiptap-ui-primitive/tooltip/tooltip.tsx
  • src/renderer/components/tiptap-ui/blockquote-button/blockquote-button.tsx
  • src/renderer/components/tiptap-ui/blockquote-button/index.tsx
  • src/renderer/components/tiptap-ui/blockquote-button/use-blockquote.ts
  • src/renderer/components/tiptap-ui/code-block-button/code-block-button.tsx
  • src/renderer/components/tiptap-ui/code-block-button/index.tsx
  • src/renderer/components/tiptap-ui/code-block-button/use-code-block.ts
  • src/renderer/components/tiptap-ui/color-highlight-button/color-highlight-button.scss
  • src/renderer/components/tiptap-ui/color-highlight-button/color-highlight-button.tsx
  • src/renderer/components/tiptap-ui/color-highlight-button/index.tsx
  • src/renderer/components/tiptap-ui/color-highlight-button/use-color-highlight.ts
  • src/renderer/components/tiptap-ui/color-highlight-popover/color-highlight-popover.tsx
  • src/renderer/components/tiptap-ui/color-highlight-popover/index.tsx
  • src/renderer/components/tiptap-ui/heading-button/heading-button.tsx
  • src/renderer/components/tiptap-ui/heading-button/index.tsx
  • src/renderer/components/tiptap-ui/heading-button/use-heading.ts
  • src/renderer/components/tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.tsx
  • src/renderer/components/tiptap-ui/heading-dropdown-menu/index.tsx
  • src/renderer/components/tiptap-ui/heading-dropdown-menu/use-heading-dropdown-menu.ts
  • src/renderer/components/tiptap-ui/image-upload-button/image-upload-button.tsx
  • src/renderer/components/tiptap-ui/image-upload-button/index.tsx
  • src/renderer/components/tiptap-ui/image-upload-button/use-image-upload.ts
  • src/renderer/components/tiptap-ui/link-popover/index.tsx
  • src/renderer/components/tiptap-ui/link-popover/link-popover.tsx
  • src/renderer/components/tiptap-ui/link-popover/use-link-popover.ts
  • src/renderer/components/tiptap-ui/list-button/index.tsx
  • src/renderer/components/tiptap-ui/list-button/list-button.tsx
  • src/renderer/components/tiptap-ui/list-button/use-list.ts
  • src/renderer/components/tiptap-ui/list-dropdown-menu/index.tsx
  • src/renderer/components/tiptap-ui/list-dropdown-menu/list-dropdown-menu.tsx
  • src/renderer/components/tiptap-ui/list-dropdown-menu/use-list-dropdown-menu.ts
  • src/renderer/components/tiptap-ui/mark-button/index.tsx
  • src/renderer/components/tiptap-ui/mark-button/mark-button.tsx
  • src/renderer/components/tiptap-ui/mark-button/use-mark.ts
  • src/renderer/components/tiptap-ui/text-align-button/index.tsx
  • src/renderer/components/tiptap-ui/text-align-button/text-align-button.tsx
  • src/renderer/components/tiptap-ui/text-align-button/use-text-align.ts
  • src/renderer/components/tiptap-ui/undo-redo-button/index.tsx
  • src/renderer/components/tiptap-ui/undo-redo-button/undo-redo-button.tsx
  • src/renderer/components/tiptap-ui/undo-redo-button/use-undo-redo.ts
  • src/renderer/hooks/use-composed-ref.ts
  • src/renderer/hooks/use-cursor-visibility.ts
  • src/renderer/hooks/use-element-rect.ts
  • src/renderer/hooks/use-is-breakpoint.ts
  • src/renderer/hooks/use-menu-navigation.ts
  • src/renderer/hooks/use-scrolling.ts
  • src/renderer/hooks/use-throttled-callback.ts
  • src/renderer/hooks/use-tiptap-editor.ts
  • src/renderer/hooks/use-unmount.ts
  • src/renderer/hooks/use-window-size.ts
  • src/renderer/index.css
  • src/renderer/lib/tiptap-utils.ts
  • src/renderer/renderer.tsx
  • src/renderer/scss.d.ts
  • src/renderer/styles/_keyframe-animations.scss
  • src/renderer/styles/_variables.scss
  • tailwind.config.js
  • tsconfig.json
  • vite.main.config.mts
  • vite.preload.config.mts
  • vite.renderer.config.mts

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@Sarthakkad05
Copy link
Author

hey @imxade
Note: This PR builds on top of the initial project setup PR #4 .
Please merge my that PR so the project will be ready to develop, merge this after that one please.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant