diff --git a/.vscode/card.code-snippets b/.vscode/card.code-snippets index 54dbc34..02af419 100644 --- a/.vscode/card.code-snippets +++ b/.vscode/card.code-snippets @@ -2,24 +2,14 @@ "DocuCards": { "prefix": "card", "body": [ - "
", - "", - " ", - " ", + "", + "", + " This is an example of card content with columns.", "", - "", - " ", - " ", + "", + " This is an example of card content with columns.", "", - "", - " ", - " ", - "", - "", - " ", - " ", - "", - "
" + "" ], "description": "Create a DocuCards component on markdown." } diff --git a/.vscode/extensions.json b/.vscode/extensions.json deleted file mode 100644 index 4ef01b0..0000000 --- a/.vscode/extensions.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "recommendations": [] -} diff --git a/.vscode/tooltips.code-snippets b/.vscode/tooltips.code-snippets index 06728d1..9299451 100644 --- a/.vscode/tooltips.code-snippets +++ b/.vscode/tooltips.code-snippets @@ -2,14 +2,7 @@ "DocuTooltips": { "prefix": "tooltips", "body": [ - "
", - " ", - " ", - " ${2:Hover over me}", - " ", - " ", - " ${3:and this is some regular text.}", - "
" + "${1:What do you know about } ${4:? Create interactive nested documentations using MDX.}", ], "description": "Create a DocuTooltips component with version examples." } diff --git a/CHANGELOG.md b/CHANGELOG.md index a6ac76c..8fbe5d9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,9 +1,183 @@ +## [1.7.0] - 2025-02-23 + +> Remove the old function in the search dialog and replace it with a new and more optimal feature + +### Added + +- Up and down navigation : search dialog.tsx +- Enter (return) to select : search dialog.tsx +- Escape to close the dialog : search dialog.tsx + +### Improved + +- Maintenance for anchor components +- Anchor.tsx adjustments for all elements that use it + +### Removed + +- Remove suboptimal search features + +## [1.6.0] - 2025-02-21 + +> New Feature Card Groups with arrays for more Flexible Content + +### Added + +- Card Groups Components +- Props : href to url link +- Props : horizontal boolean + +### Improved + +- Card props styling +- Compability for Cards components +- {children} support for card content + +### Removed + +- remove unused props cards components + +## [1.5.0] - 2025-02-18 + +> Minor Update - improved features and responsiveness on all devices + +### Added + +- New dialog footer on searchbox above @media 768px +- Icon X for close dialog on searcbox as esc on medium screen + +### Improved + +- Responsive Leftbar components on large screen +- Menu Trigger on medium screen +- Responsive Navbar components on medium screen +- Better UX for searchbox dialog +- tooltips components can be written together with regular paragraphs + +### Fixed + +- Responsive issue +- Compatibility for Bun +- Changes postcss.config.js to .cjs for Bun +- all CLI installer and updater not working +- adjustments for package managers npm, pnpm, bun, yarn + +## [1.4.2] - 2025-02-16 + +> Complex Content for Accordion Component props {children} + +### Added + +- New Props with {children} in accordion +- Compatibility for markdown in accordion +- Nested components inside an accordion +- New icon on note components +- add CLI npx @docubook/create@latest +- add CLI npx @docubook/update@latest + +### Improved + +- Better UI design for accordion +- Styling Note components on markdown +- Change accordion output on playground +- Change accordion output on snippet + +### Removed + +- Remove depcreated props on accordion +- Remove CLI npx update_docu +- Remove CLI npx create_docu + +## [1.4.0] - 2025-02-11 + +> Floating Button Version with Dynamic Tag {version} on Changelog page + +### Added + +- New components / changelog floating-version.tsx +- Button popover to open version-toc below @media 1024px +- Dynamic tag by section ID #version +- Dynamic url tag #version +- Dynamic version indicator on floating version when scrolling section by ID + +### Improved + +- change icon version history +- responsive version-toc +- improvement components to changelog page + +## [1.3.8] - 2025-02-08 + +> Responsive Table of Content + +### Added + +- Components terminal MagicUI +- Components card Shadcn +- New mob-toc for a better experience on mobile devices +- New Components scroll to top button +- Scroll to top :blog-post +- Scroll to top :docs-post + +### Improved + +- lib/markdown for generated dynamic toc on markdown +- Responsive Table of Content below @media 1024px +- Improve docs page + +## [1.3.6] - 2025-02-01 + +> Appears more modern editor for Docu Play + +![version 1.3.6 - Playground](https://docubook.pro/images/new-editor.png) + +### Added + +- Line Number for editor +- editor.css + +### Improved + +- Better Design for Editor +- Similar to Github Editor +- Moved Handler Element (copy, download, reset and fullscreen) on Header + +## [1.3.5] - 2025-01-30 + +> it's Easy to Write Markdown with Playground + +![version 1.3.5 - Playground](https://docubook.pro/images/img-playground.png) + +### Added + +- New Playground Page +- New Playground Layout +- Toolbar for Markdown Components +- Fullscreen Mode to Focus Editing Your Content +- Copy to Clipboard Your Content +- Download Your Content as index.mdx +- Reset Your Content without refresh the Browser +- Only Large Screen for Better Experience + +## [1.3.1] - 2025-01-20 + +> Snippet Feature to Easily Write Markdown and Call DocuBook Components + +![version 1.3.1 - Snippet Features](https://docubook.pro/images/snippet.png) + +### Added + +- New Feature Snippet for Markdown Components +- Support Snippet for Visual Studio Code + +### Removed + +- remove props icon and props description for accordion components + ## [1.3.0] - 2024-12-31 > Release Note Feature to Make it Easier to Write Changelogs -![version 1.3.0 - release note image](https://docubook.pro/images/release-note.png) - ### Added - New Release Note Feature @@ -48,7 +222,7 @@ ## [1.1.0] - 2024-12-15 -> Major Update : Easily manage set up with docu.json +> Minor Update : Easily manage set up with docu.json ### Added diff --git a/app/playground/page.tsx b/app/playground/page.tsx index 3d5b3d7..1c251f8 100644 --- a/app/playground/page.tsx +++ b/app/playground/page.tsx @@ -287,16 +287,10 @@ export default function PlaygroundPage() { Content for step 2 \n`, - card: `
- - - - - - - - -
\n`, + card: ` + This is how you use a card with an icon and a link. Clicking on this card + brings you to the Card Group page. +\n`, button: `