From b5b46498f614f4a20bf2da2c703ac632b00f27f9 Mon Sep 17 00:00:00 2001 From: torn4dom4n <27698189+torn4dom4n@users.noreply.github.com> Date: Fri, 5 Jun 2026 09:08:44 +0000 Subject: [PATCH 1/4] fix: update slug parameter name in [[...slug]] route to match directory The parameter name in `app/[[...slug]]/page.tsx` was incorrectly set to `mdxPath`, causing a mismatch with the directory name and preventing content from rendering. Updated it to `slug` to align with the file system routing. Verified with `pnpm build` which now correctly generates static pages for all content. Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com> --- app/[[...slug]]/page.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/[[...slug]]/page.tsx b/app/[[...slug]]/page.tsx index dfc6758..c8582ac 100644 --- a/app/[[...slug]]/page.tsx +++ b/app/[[...slug]]/page.tsx @@ -9,10 +9,10 @@ import { source } from "@/lib/source"; import { useMDXComponents } from "@/mdx-components"; export default async function Page(props: { - params: Promise<{ mdxPath?: string[] }>; + params: Promise<{ slug?: string[] }>; }) { const params = await props.params; - const page = source.getPage(params.mdxPath); + const page = source.getPage(params.slug); if (!page) notFound(); @@ -34,10 +34,10 @@ export async function generateStaticParams() { } export async function generateMetadata(props: { - params: Promise<{ mdxPath?: string[] }>; + params: Promise<{ slug?: string[] }>; }) { const params = await props.params; - const page = source.getPage(params.mdxPath); + const page = source.getPage(params.slug); if (!page) return {}; From 4ec9b1dc6b389cb662b97ea51e426d934ef66ee5 Mon Sep 17 00:00:00 2001 From: torn4dom4n <27698189+torn4dom4n@users.noreply.github.com> Date: Fri, 5 Jun 2026 11:59:41 +0000 Subject: [PATCH 2/4] fix: slug path rendering and UI improvements - Fixed `app/[[...slug]]/page.tsx` to use correct `slug` parameter name. - Renamed `fumadocs.com` to `fumadocs.dev` for corrected links. - Improved `Steps` component usage by using standard markdown headings (`###`). - Added custom `Image` component to `mdx-components.tsx` for optimized images. - Refactored content MDX files to use the improved `Steps` and `Image` components. - Verified changes with a production build and Biome checks. Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com> --- README.md | 2 +- content/230302_0215.mdx | 14 +++++++------- content/230304_2057.mdx | 34 +++++++++++++++++----------------- content/index.mdx | 2 +- mdx-components.tsx | 8 ++++++++ 5 files changed, 34 insertions(+), 26 deletions(-) diff --git a/README.md b/README.md index 82d47ea..852b437 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ This is a site collecting useful notes about anything you are finding. It is more than just a note-taking site. It’s a community of learners and doers who value useful notes and want to improve their skills and knowledge. Whether you’re a student, a professional, a hobbyist, or just someone who enjoys learning new things, this site is for you. Join [us](https://github.com/AREA44/fancy-notes) today and start collecting some notes about useful notes! -Fancy Notes is built using [Fumadocs](https://fumadocs.com) - a simple, powerful and flexible site generation framework with everything you love from Next.js. +Fancy Notes is built using [Fumadocs](https://fumadocs.dev) - a simple, powerful and flexible site generation framework with everything you love from Next.js. ## Local development diff --git a/content/230302_0215.mdx b/content/230302_0215.mdx index 947d875..5fadb42 100644 --- a/content/230302_0215.mdx +++ b/content/230302_0215.mdx @@ -7,15 +7,15 @@ title: Convert Doc to Docx In this section, we’ll show you how to use VBA code to batch convert `.doc` files to `.docx` files in a specific folder. Just follow the steps below: -{

Step 1

} +### Step 1 Gather all the `.doc` files that you want to convert into a single folder. -{

Step 2

} +### Step 2 Open Microsoft Word, and press `Alt` + `F11` to open the Microsoft Visual Basic for Applications (VBA) window. -{

Step 3

} +### Step 3 In the VBA window, click `Insert` > `Module`. Then, copy and paste the following VBA code into the module: @@ -44,16 +44,16 @@ Sub ConvertDocToDocx() End Sub ``` -![VBA Code](/assets/230302_0215/01.png) +VBA Code -{

Step 4

} +### Step 4 Press the `F5` key to run the code. In the window that appears, select the folder containing your `.doc` files and click **OK**. The script will automatically convert all `.doc` files to `.docx` format. -![Select Folder](/assets/230302_0215/02.png) +Select Folder ## Resources -1. [Batch Convert DOC to DOCX with VBA – ExtendOffice](https://www.extendoffice.com/documents/word/5601-word-batch-convert-doc-to-docx.html) \ No newline at end of file +1. [Batch Convert DOC to DOCX with VBA – ExtendOffice](https://www.extendoffice.com/documents/word/5601-word-batch-convert-doc-to-docx.html) diff --git a/content/230304_2057.mdx b/content/230304_2057.mdx index 944843a..777953e 100644 --- a/content/230304_2057.mdx +++ b/content/230304_2057.mdx @@ -9,19 +9,19 @@ title: Google Drive PDF Follow these simple steps to download a view-only protected PDF from Google Drive using Chrome browser: -{

Step 1

} +### Step 1 Open the PDF file in your Chrome browser. Wait for the file to load completely, then scroll to the bottom of the page. -![Step 1](/assets/230304_2057/01.png) +Step 1 -{

Step 2

} +### Step 2 Open the **Developer Console** by pressing `Ctrl` + `Shift` + `C` (`F12`) on Windows or `Cmd` + `Shift` + `C` on Mac. Then, click the **Console** tab. -![Step 2](/assets/230304_2057/02.png) +Step 2 -{

Step 3

} +### Step 3 Paste the following script into the **Developer Console** and press `Enter`: @@ -52,13 +52,13 @@ jspdf.src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"; document.body.appendChild(jspdf); ``` -![Step 3](/assets/230304_2057/03.png) +Step 3 -{

Step 4

} +### Step 4 Once the process is complete, the PDF file will be automatically downloaded. -![Step 4](/assets/230304_2057/04.png) +Step 4 @@ -67,26 +67,26 @@ Once the process is complete, the PDF file will be automatically downloaded. The simple JavaScript method works well for basic PDFs, but if you're dealing with large or complex PDFs, the download might not work as expected. For better quality and handling of complex PDFs, try the advanced method. -{

Step 1

} +### Step 1 Download the [Google Drive PDF Downloader](https://github.com/zeltox/Google-Drive-PDF-Downloader/archive/refs/heads/master.zip) file and extract its contents. Open the `Method_1_Script.js` file, copy the script inside, and paste it into the **Developer Console**, then press `Enter`. -![Step 1](/assets/230304_2057/05.png) +Step 1 -{

Step 2

} +### Step 2 After a few seconds, the browser will prompt you to save a file with the `.PDF_DataFile` extension. Save the file and move it to the `Input` directory located inside the folder you downloaded. -![Step 2](/assets/230304_2057/06.png) -![Step 2](/assets/230304_2057/07.png) +Step 2 - Save +Step 2 - Move -{

Step 3

} +### Step 3 If you're using **Windows**, navigate to the `Windows` folder and double-click on `GeneratePDF.cmd`. For **Linux**, go to the `Linux` folder and execute `GeneratePDF`. -![Step 3](/assets/230304_2057/08.png) +Step 3 -{

Step 4

} +### Step 4 Once the process is complete, you’ll see a success message. Check the `Output` folder to find the downloaded PDF. @@ -99,4 +99,4 @@ Once the process is complete, you’ll see a success message. Check the `Output` ## Resources 1. [Download View-Only PDFs from Google Drive](https://bytesbin.com/download-view-only-pdf-google-drive) -2. [Google Drive PDF Downloader on GitHub](https://github.com/zeltox/Google-Drive-PDF-Downloader) \ No newline at end of file +2. [Google Drive PDF Downloader on GitHub](https://github.com/zeltox/Google-Drive-PDF-Downloader) diff --git a/content/index.mdx b/content/index.mdx index 052e80f..3377938 100644 --- a/content/index.mdx +++ b/content/index.mdx @@ -4,4 +4,4 @@ title: Welcome to Fancy Notes This is a site collecting useful notes about anything you are finding. It is more than just a note-taking site. It’s a community of learners and doers who value useful notes and want to improve their skills and knowledge. Whether you’re a student, a professional, a hobbyist, or just someone who enjoys learning new things, this site is for you. Join [us](https://github.com/AREA44/fancy-notes) today and start collecting some notes about useful notes! -Fancy Notes is built using [Fumadocs](https://fumadocs.com) - a simple, powerful and flexible site generation framework with everything you love from Next.js \ No newline at end of file +Fancy Notes is built using [Fumadocs](https://fumadocs.dev) - a simple, powerful and flexible site generation framework with everything you love from Next.js \ No newline at end of file diff --git a/mdx-components.tsx b/mdx-components.tsx index 5e4943f..279e807 100644 --- a/mdx-components.tsx +++ b/mdx-components.tsx @@ -2,12 +2,20 @@ import { Callout } from "fumadocs-ui/components/callout"; import { Steps } from "fumadocs-ui/components/steps"; import defaultComponents from "fumadocs-ui/mdx"; import type { MDXComponents } from "mdx/types"; +import NextImage, { type ImageProps } from "next/image"; export function useMDXComponents(components: MDXComponents): MDXComponents { return { ...defaultComponents, Callout, Steps, + Image: (props: ImageProps) => ( + + ), ...components, }; } From fbba88ad8d8dd8feda19ec84b5d5bb6c0edc9085 Mon Sep 17 00:00:00 2001 From: torn4dom4n <27698189+torn4dom4n@users.noreply.github.com> Date: Fri, 5 Jun 2026 13:16:17 +0000 Subject: [PATCH 3/4] docs: improve step descriptions in MDX content - Replaced generic "Step 1", "Step 2" headings with descriptive step titles within the `` component. - Applied these changes to `content/230302_0215.mdx` and `content/230304_2057.mdx`. - Verified changes with a production build. Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com> --- content/230302_0215.mdx | 8 ++++---- content/230304_2057.mdx | 32 ++++++++++++++++---------------- 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/content/230302_0215.mdx b/content/230302_0215.mdx index 5fadb42..8939f11 100644 --- a/content/230302_0215.mdx +++ b/content/230302_0215.mdx @@ -7,15 +7,15 @@ title: Convert Doc to Docx In this section, we’ll show you how to use VBA code to batch convert `.doc` files to `.docx` files in a specific folder. Just follow the steps below: -### Step 1 +### Gather your files Gather all the `.doc` files that you want to convert into a single folder. -### Step 2 +### Open Word and VBA Editor Open Microsoft Word, and press `Alt` + `F11` to open the Microsoft Visual Basic for Applications (VBA) window. -### Step 3 +### Insert the VBA script In the VBA window, click `Insert` > `Module`. Then, copy and paste the following VBA code into the module: @@ -46,7 +46,7 @@ End Sub VBA Code -### Step 4 +### Run the script Press the `F5` key to run the code. In the window that appears, select the folder containing your `.doc` files and click **OK**. The script will automatically convert all `.doc` files to `.docx` format. diff --git a/content/230304_2057.mdx b/content/230304_2057.mdx index 777953e..0afa5d3 100644 --- a/content/230304_2057.mdx +++ b/content/230304_2057.mdx @@ -9,19 +9,19 @@ title: Google Drive PDF Follow these simple steps to download a view-only protected PDF from Google Drive using Chrome browser: -### Step 1 +### Open PDF in Chrome Open the PDF file in your Chrome browser. Wait for the file to load completely, then scroll to the bottom of the page. -Step 1 +Open PDF -### Step 2 +### Open Developer Console Open the **Developer Console** by pressing `Ctrl` + `Shift` + `C` (`F12`) on Windows or `Cmd` + `Shift` + `C` on Mac. Then, click the **Console** tab. -Step 2 +Developer Console -### Step 3 +### Execute the script Paste the following script into the **Developer Console** and press `Enter`: @@ -52,13 +52,13 @@ jspdf.src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"; document.body.appendChild(jspdf); ``` -Step 3 +Execute Script -### Step 4 +### Download the PDF Once the process is complete, the PDF file will be automatically downloaded. -Step 4 +Automatic Download @@ -67,26 +67,26 @@ Once the process is complete, the PDF file will be automatically downloaded. The simple JavaScript method works well for basic PDFs, but if you're dealing with large or complex PDFs, the download might not work as expected. For better quality and handling of complex PDFs, try the advanced method. -### Step 1 +### Download the Downloader Script Download the [Google Drive PDF Downloader](https://github.com/zeltox/Google-Drive-PDF-Downloader/archive/refs/heads/master.zip) file and extract its contents. Open the `Method_1_Script.js` file, copy the script inside, and paste it into the **Developer Console**, then press `Enter`. -Step 1 +Downloader Script -### Step 2 +### Save and Move the Data File After a few seconds, the browser will prompt you to save a file with the `.PDF_DataFile` extension. Save the file and move it to the `Input` directory located inside the folder you downloaded. -Step 2 - Save -Step 2 - Move +Save Data File +Move to Input -### Step 3 +### Generate the PDF If you're using **Windows**, navigate to the `Windows` folder and double-click on `GeneratePDF.cmd`. For **Linux**, go to the `Linux` folder and execute `GeneratePDF`. -Step 3 +Run Generator -### Step 4 +### Success! Once the process is complete, you’ll see a success message. Check the `Output` folder to find the downloaded PDF. From 220c30238aaf574df3ceba9c73fca75521138e04 Mon Sep 17 00:00:00 2001 From: torn4dom4n <27698189+torn4dom4n@users.noreply.github.com> Date: Fri, 5 Jun 2026 13:21:48 +0000 Subject: [PATCH 4/4] fix: final slug path rendering and UI/UX improvements - Corrected `slug` parameter in `[[...slug]]` route. - Updated all links to `fumadocs.dev`. - Enhanced `Steps` component by using the explicit `` component for better semantics and styling. - Integrated `next/image` via a custom `` component for better performance and optimized images. - Refactored all MDX content to use the improved components. - Verified with a full production build and Biome linting. Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com> --- content/230302_0215.mdx | 8 ++++++++ content/230304_2057.mdx | 16 ++++++++++++++++ mdx-components.tsx | 3 ++- 3 files changed, 26 insertions(+), 1 deletion(-) diff --git a/content/230302_0215.mdx b/content/230302_0215.mdx index 8939f11..cde57c0 100644 --- a/content/230302_0215.mdx +++ b/content/230302_0215.mdx @@ -7,14 +7,19 @@ title: Convert Doc to Docx In this section, we’ll show you how to use VBA code to batch convert `.doc` files to `.docx` files in a specific folder. Just follow the steps below: + ### Gather your files Gather all the `.doc` files that you want to convert into a single folder. + + ### Open Word and VBA Editor Open Microsoft Word, and press `Alt` + `F11` to open the Microsoft Visual Basic for Applications (VBA) window. + + ### Insert the VBA script In the VBA window, click `Insert` > `Module`. Then, copy and paste the following VBA code into the module: @@ -45,12 +50,15 @@ End Sub ``` VBA Code + + ### Run the script Press the `F5` key to run the code. In the window that appears, select the folder containing your `.doc` files and click **OK**. The script will automatically convert all `.doc` files to `.docx` format. Select Folder + diff --git a/content/230304_2057.mdx b/content/230304_2057.mdx index 0afa5d3..e125994 100644 --- a/content/230304_2057.mdx +++ b/content/230304_2057.mdx @@ -9,18 +9,23 @@ title: Google Drive PDF Follow these simple steps to download a view-only protected PDF from Google Drive using Chrome browser: + ### Open PDF in Chrome Open the PDF file in your Chrome browser. Wait for the file to load completely, then scroll to the bottom of the page. Open PDF + + ### Open Developer Console Open the **Developer Console** by pressing `Ctrl` + `Shift` + `C` (`F12`) on Windows or `Cmd` + `Shift` + `C` on Mac. Then, click the **Console** tab. Developer Console + + ### Execute the script Paste the following script into the **Developer Console** and press `Enter`: @@ -53,12 +58,15 @@ document.body.appendChild(jspdf); ``` Execute Script + + ### Download the PDF Once the process is complete, the PDF file will be automatically downloaded. Automatic Download + @@ -67,28 +75,36 @@ Once the process is complete, the PDF file will be automatically downloaded. The simple JavaScript method works well for basic PDFs, but if you're dealing with large or complex PDFs, the download might not work as expected. For better quality and handling of complex PDFs, try the advanced method. + ### Download the Downloader Script Download the [Google Drive PDF Downloader](https://github.com/zeltox/Google-Drive-PDF-Downloader/archive/refs/heads/master.zip) file and extract its contents. Open the `Method_1_Script.js` file, copy the script inside, and paste it into the **Developer Console**, then press `Enter`. Downloader Script + + ### Save and Move the Data File After a few seconds, the browser will prompt you to save a file with the `.PDF_DataFile` extension. Save the file and move it to the `Input` directory located inside the folder you downloaded. Save Data File Move to Input + + ### Generate the PDF If you're using **Windows**, navigate to the `Windows` folder and double-click on `GeneratePDF.cmd`. For **Linux**, go to the `Linux` folder and execute `GeneratePDF`. Run Generator + + ### Success! Once the process is complete, you’ll see a success message. Check the `Output` folder to find the downloaded PDF. + diff --git a/mdx-components.tsx b/mdx-components.tsx index 279e807..402a723 100644 --- a/mdx-components.tsx +++ b/mdx-components.tsx @@ -1,5 +1,5 @@ import { Callout } from "fumadocs-ui/components/callout"; -import { Steps } from "fumadocs-ui/components/steps"; +import { Step, Steps } from "fumadocs-ui/components/steps"; import defaultComponents from "fumadocs-ui/mdx"; import type { MDXComponents } from "mdx/types"; import NextImage, { type ImageProps } from "next/image"; @@ -9,6 +9,7 @@ export function useMDXComponents(components: MDXComponents): MDXComponents { ...defaultComponents, Callout, Steps, + Step, Image: (props: ImageProps) => (