Merge branch 'main' of github.com:lifeparticle/binarytree

FAQ.md

@@ -46,3 +46,17 @@ PageName/
     - **`PageName.test.tsx`**: Test file for the `PageName` component.
 
 Adopting consistent naming conventions helps in understanding and navigating the codebase. 
+
+## 3. How to use scaffdog to create a page
+
+```shell
+npx scaffdog generate
+```
+
+```shell
+? Please select a document. page.md
+? Please select the output destination directory. src/pages
+? Please enter a page name. Test
+```
+
+-   You will get **index.tsx**, **PageName.tsx**, **PageName.module.scss** and test folder with **PageName.test.tsx**

ui/.scaffdog/page.md

@@ -10,7 +10,7 @@ questions:
 # `{{ inputs.value | pascal }}/index.ts`
 
 ```typescript
-export { default } from "./{{ inputs.value }}";
+export { default } from "./{{ inputs.value | pascal }}";
 ```
 
 # `{{ inputs.value | pascal }}/{{ inputs.value | pascal }}.tsx`
@@ -20,7 +20,7 @@ import { FC } from "react";
 import style from "./{{ inputs.value | pascal }}.module.scss";
 
 const {{ inputs.value | pascal }} : FC = () => {
-	return <div className={style.{{inputs.value | lower}}}>{{inputs.value}}</div>;
+	return <div className={style.{{inputs.value | lower | replace " " "" }}}>{{inputs.value}}</div>;
 };
 
 export default {{ inputs.value | pascal }};
@@ -29,7 +29,7 @@ export default {{ inputs.value | pascal }};
 # `{{ inputs.value | pascal }}/{{ inputs.value | pascal }}.module.scss`
 
 ```scss
-.{{inputs.value | lower}} {
+.{{inputs.value | lower | replace " " ""}} {
 
 }
 ```
@@ -38,11 +38,11 @@ export default {{ inputs.value | pascal }};
 
 ```tsx
 import { render } from "@testing-library/react";
-import {{ inputs.value }} from "pages/{{ inputs.value }}";
+import {{ inputs.value | pascal }} from "pages/{{ inputs.value | pascal }}";
 
 describe("{{ inputs.value }} Component", () => {
 	it("renders correctly", () => {
-		const { getByText } = render(<{{ inputs.value }} />);
+		const { getByText } = render(<{{ inputs.value | pascal }} />);
 		expect(getByText("{{ inputs.value }}")).toBeInTheDocument();
 	});
 });