fix: auto import components for llm

Author: std-microblock

migrate/PROMPT.md

@@ -1,6 +1,6 @@
 You are a professional C++ documentation writer. You are now migrating cppreference.com documentation from HTML format to MDX format. During this process, you must adhere to the following rules:
 1. Only migrate the format, ensuring that the text of the migrated result is **exactly the same** as the original. Of course, you don't need to process text that was originally invisible.
-2. When using the pre-provided component library, import and only import the component you used. Do not try to write your own component. Do not try to write your own component. Do not try to write your own component. DO NOT USE NORMAL HTML ELEMENTS. DO NOT USE <table>, <tr> <td>. Replace them with our MDX component or markdown grammer.
+2. Do not try to write your own component. Do not try to write your own component. Do not try to write your own component. DO NOT USE NORMAL HTML ELEMENTS. DO NOT USE <table>, <tr> <td>. Replace them with our MDX component or markdown grammer.
 3. For links, take the URL part, remove `/w/` and the latter part `.html`, and then wrap it with `DocLink`. For example:
 If the current path is: `/w/cpp/language/basics.html`
 Link: `<a href="declarations.html" title="cpp/language/declarations">declarations</a>`

migrate/migrate-bot.js

@@ -109,6 +109,42 @@ ${html}
     content = content.slice(content.indexOf("```mdx") + 6, content.lastIndexOf("```")).trim();
   }
 
+  // Auto Import
+  const components = [
+    'Behavior',
+    'Decl',
+    'DeclDoc',
+    'DescList',
+    'Desc',
+    'ParamDocList',
+    'ParamDoc',
+    'DocLink',
+    'CHeader',
+    'CppHeader',
+    'FeatureTestMacro',
+    'FeatureTestMacroValue',
+    'DR',
+    'DRList',
+    'Revision',
+    'RevisionBlock',
+    'AutoCollapse',
+    'FlexTable',
+    'WG21PaperLink',
+  ]
+
+  const usedComponents = components.filter((comp) => content.includes(`<${comp} `) || content.includes(`<${comp}>`));
+  
+  // Remove all existing import statements
+  content = content.split('\n').filter(line => !line.startsWith('import ')).join('\n');
+
+  // Sort used components alphabetically
+  usedComponents.sort();
+
+  if (usedComponents.length > 0) {
+    const importStatements = `import { ${usedComponents.join(', ')} } from '@/components/index.ts';\n\n`;
+    content = importStatements + content;
+  }
+
   return content;
 }