Adding paths after segregating functions for browser testing

Author: diyaayay

utils/generate-types.js

@@ -11,8 +11,44 @@ const __dirname = path.dirname(__filename);
 
 const data = JSON.parse(fs.readFileSync(path.join(__dirname, '../docs/data.json')));
 
+function findDtsFiles(dir, files = []) {
+  // Only search in src directory
+  const srcDir = path.join(__dirname, '../src');
+  if (!dir.startsWith(srcDir)) {
+    dir = srcDir;
+  }
+
+  const entries = fs.readdirSync(dir, { withFileTypes: true });
+  
+  for (const entry of entries) {
+    const fullPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      findDtsFiles(fullPath, files);
+    } else if (entry.name.endsWith('.d.ts')) {
+      // Get path relative to project root and normalize to forward slashes
+      const relativePath = path.relative(path.join(__dirname, '..'), fullPath)
+        .split(path.sep)
+        .join('/');
+      files.push(relativePath);
+    }
+  }
+  return files;
+}
+
 export function generateAllDeclarationFiles() {
-  const { p5Types, globalTypes, fileTypes } = generateTypeDefinitions(data);
+  const { p5Types: rawP5Types, globalTypes, fileTypes } = generateTypeDefinitions(data);
+  
+  // Add .d.ts references to p5Types
+  let p5Types = '// This file is auto-generated from JSDoc documentation\n\n';
+  p5Types += '/// <reference types="./global.d.ts" />\n';
+  
+  // Add references to all other .d.ts files
+  const dtsFiles = findDtsFiles(path.join(__dirname, '..'));
+  for (const file of dtsFiles) {
+    p5Types += `/// <reference path="../${file}" />\n`;
+  }
+  p5Types += '\n';
+  p5Types += rawP5Types;
 
   const typesDir = path.join(process.cwd(), 'types');
   fs.mkdirSync(typesDir, { recursive: true });

utils/helper.js

@@ -29,7 +29,6 @@ export function generateTypeDefinitions(data) {
 function generateP5TypeDefinitions(organizedData) {
     let output = '// This file is auto-generated from JSDoc documentation\n\n';
 
-    output += '/// <reference types="./global.d.ts" />\n\n';
     output += `declare class p5 {\n`;
     output += `  constructor(sketch?: (p: p5) => void, node?: HTMLElement, sync?: boolean);\n\n`;
     const instanceItems = organizedData.classitems.filter(item =>