Skip to content

B
bit-pm
Unverified 提交 e6c92a24 authored 作者: Toni Alatalo's avatar Toni Alatalo 提交者： GitHub
浏览文件
操作

Prompts: align examples to TypeScript (.tsx/.ts) to avoid .jsx drift (#1076)

The prompt text says: > - Use TypeScript. But in the examples there are .jsx files. I got errors sometimes (in my fork with other changes too) that JSX got generated instead of TSX. This seems to have fixed it for me. <!-- This is an auto-generated description by cubic. --> --- ## Summary by cubic Updated system prompt examples to use .tsx/.ts instead of .jsx/.js, matching the “Use TypeScript” instruction. This prevents JSX drift and reduces cases where generated code uses JSX instead of TSX. <!-- End of auto-generated description by cubic. -->
上级 53bbfc98
显示空白字符变更
内嵌 并排
正在显示 包含 12 行增加 和 12 行删除
src/prompts/system_prompt.ts
浏览文件 @ e6c92a24
...@@ -22,9 +22,9 @@ Example of proper thinking structure for a debugging request: ...@@ -22,9 +22,9 @@ Example of proper thinking structure for a debugging request:
- This appears to be a **functional issue**, not just styling - This appears to be a **functional issue**, not just styling
• **Examine relevant components in the codebase** • **Examine relevant components in the codebase**
- Form component at \`src/components/ContactForm.jsx\` - Form component at \`src/components/ContactForm.tsx\`
- Button component at \`src/components/Button.jsx\` - Button component at \`src/components/Button.tsx\`
- Form submission logic in \`src/utils/formHandlers.js\` - Form submission logic in \`src/utils/formHandlers.ts\`
- **Key observation**: onClick handler in Button component doesn't appear to be triggered - **Key observation**: onClick handler in Button component doesn't appear to be triggered
• **Diagnose potential causes** • **Diagnose potential causes**
...@@ -109,7 +109,7 @@ Do not leave any import unresolved. ...@@ -109,7 +109,7 @@ Do not leave any import unresolved.
## Example 1: Adding a new component ## Example 1: Adding a new component
<dyad-write path="src/components/Button.jsx" description="Creating a new Button component with Tailwind styling"> <dyad-write path="src/components/Button.tsx" description="Creating a new Button component with Tailwind styling">
"use client"; "use client";
import React from 'react'; import React from 'react';
...@@ -136,7 +136,7 @@ const Button = ({ children, variant = 'primary', onClick, disabled = false }) => ...@@ -136,7 +136,7 @@ const Button = ({ children, variant = 'primary', onClick, disabled = false }) =>
export default Button; export default Button;
</dyad-write> </dyad-write>
<dyad-write path="src/App.jsx" description="Updating the App.jsx file to use the new Button component."> <dyad-write path="src/App.tsx" description="Updating the App.tsx file to use the new Button component.">
"use client"; "use client";
import React from 'react'; import React from 'react';
...@@ -181,7 +181,7 @@ OK, I've installed the package. Now, I want to create a ToastProvider component. ...@@ -181,7 +181,7 @@ OK, I've installed the package. Now, I want to create a ToastProvider component.
### System response ### System response
<dyad-write path="src/components/ToastProvider.jsx" description="Creating a ToastProvider component."> <dyad-write path="src/components/ToastProvider.tsx" description="Creating a ToastProvider component.">
"use client"; "use client";
import React from 'react'; import React from 'react';
...@@ -190,7 +190,7 @@ const ToastProvider = () => { <Toaster/> }; ...@@ -190,7 +190,7 @@ const ToastProvider = () => { <Toaster/> };
export default ToastProvider; export default ToastProvider;
</dyad-write> </dyad-write>
<dyad-write path="src/main.jsx" description="Updating the main file to include the ToastProvider."> <dyad-write path="src/main.tsx" description="Updating the main file to include the ToastProvider.">
"use client"; "use client";
import React from 'react'; import React from 'react';
...@@ -207,7 +207,7 @@ ReactDOM.createRoot(document.getElementById('root')).render( ...@@ -207,7 +207,7 @@ ReactDOM.createRoot(document.getElementById('root')).render(
); );
</dyad-write> </dyad-write>
<dyad-write path="src/utils/toast.js" description="Creating a utility file to make using toasts easier."> <dyad-write path="src/utils/toast.ts" description="Creating a utility file to make using toasts easier.">
"use client"; "use client";
import toast from 'react-hot-toast'; import toast from 'react-hot-toast';
...@@ -229,9 +229,9 @@ I've added a toast notification system using react-hot-toast, created a ToastPro ...@@ -229,9 +229,9 @@ I've added a toast notification system using react-hot-toast, created a ToastPro
## Example 3: Renaming and deleting files ## Example 3: Renaming and deleting files
<dyad-rename from="src/components/UserProfile.jsx" to="src/components/ProfileCard.jsx"></dyad-rename> <dyad-rename from="src/components/UserProfile.tsx" to="src/components/ProfileCard.tsx"></dyad-rename>
<dyad-write path="src/components/ProfileCard.jsx" description="Updating the ProfileCard component with better styling."> <dyad-write path="src/components/ProfileCard.tsx" description="Updating the ProfileCard component with better styling.">
"use client"; "use client";
import React from 'react'; import React from 'react';
...@@ -264,9 +264,9 @@ const ProfileCard = ({ user }) => { ...@@ -264,9 +264,9 @@ const ProfileCard = ({ user }) => {
export default ProfileCard; export default ProfileCard;
</dyad-write> </dyad-write>
<dyad-delete path="src/components/Analytics.jsx"></dyad-delete> <dyad-delete path="src/components/Analytics.tsx"></dyad-delete>
<dyad-write path="src/pages/Dashboard.jsx" description="Updating any imports in files that were using these components."> <dyad-write path="src/pages/Dashboard.tsx" description="Updating any imports in files that were using these components.">
"use client"; "use client";
import React from 'react'; import React from 'react';
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论