fix: fix exports field in package.json

Author: sevenc-nanashi

package.json

@@ -69,20 +69,62 @@
   "license": "LGPL-2.1",
   "browser": "./lib/p5.min.js",
   "exports": {
-    ".": "./dist/app.js",
-    "./core": "./dist/core/main.js",
-    "./shape": "./dist/shape/index.js",
-    "./accessibility": "./dist/accessibility/index.js",
-    "./friendlyErrors": "./dist/core/friendlyErrors/index.js",
-    "./data": "./dist/data/index.js",
-    "./dom": "./dist/dom/index.js",
-    "./events": "./dist/events/index.js",
-    "./image": "./dist/image/index.js",
-    "./io": "./dist/io/index.js",
-    "./math": "./dist/math/index.js",
-    "./utilities": "./dist/utilities/index.js",
-    "./webgl": "./dist/webgl/index.js",
-    "./type": "./dist/type/index.js"
+    ".": {
+      "default": "./dist/app.js",
+      "types": "./types/p5.d.ts"
+    },
+    "./core": {
+      "default": "./dist/core/main.js",
+      "types": "./types/core/main.d.ts"
+    },
+    "./shape": {
+      "default": "./dist/shape/index.js",
+      "types": "./types/shape/index.d.ts"
+    },
+    "./accessibility": {
+      "default": "./dist/accessibility/index.js",
+      "types": "./types/accessibility/index.d.ts"
+    },
+    "./friendly_errors": {
+      "default": "./dist/core/friendly_errors/index.js",
+      "types": "./types/core/friendly_errors/index.d.ts"
+    },
+    "./data": {
+      "default": "./dist/data/index.js",
+      "types": "./types/data/index.d.ts"
+    },
+    "./dom": {
+      "default": "./dist/dom/index.js",
+      "types": "./types/dom/index.d.ts"
+    },
+    "./events": {
+      "default": "./dist/events/index.js",
+      "types": "./types/events/index.d.ts"
+    },
+    "./image": {
+      "default": "./dist/image/index.js",
+      "types": "./types/image/index.d.ts"
+    },
+    "./io": {
+      "default": "./dist/io/index.js",
+      "types": "./types/io/index.d.ts"
+    },
+    "./math": {
+      "default": "./dist/math/index.js",
+      "types": "./types/math/index.d.ts"
+    },
+    "./utilities": {
+      "default": "./dist/utilities/index.js",
+      "types": "./types/utilities/index.d.ts"
+    },
+    "./webgl": {
+      "default": "./dist/webgl/index.js",
+      "types": "./types/webgl/index.d.ts"
+    },
+    "./type": {
+      "default": "./dist/type/index.js",
+      "types": "./types/type/index.d.ts"
+    }
   },
   "files": [
     "dist/**",
@@ -111,6 +153,5 @@
     "workerDirectory": [
       "test"
     ]
-  },
-  "types": "./types/p5.d.ts"
+  }
 }

utils/generate-types.mjs

@@ -10,6 +10,7 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const data = JSON.parse(fs.readFileSync(path.join(__dirname, '../docs/data.json')));
+const packageJson = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json')));
 
 function findDtsFiles(dir, files = []) {
   // Only search in src directory
@@ -79,6 +80,34 @@ export function generateAllDeclarationFiles() {
 
   fs.writeFileSync(path.join(typesDir, 'p5.d.ts'), p5Types, 'utf8');
   fs.writeFileSync(path.join(typesDir, 'global.d.ts'), globalTypes, 'utf8');
+
+  // Create `index.d.ts` for every sub-module directory
+  /** @type { Record<string, string> } */
+  const subModuleDefinitions = {};
+  for (const entrypoint of Object.values(packageJson.exports)) {
+    if (entrypoint === '.') continue;
+    const subModuleName = entrypoint.default.replace('./dist', '').replace(/\/index\.js$/, '');
+    subModuleDefinitions[subModuleName] = '// This file is auto-generated from JSDoc documentation\n\n';
+  }
+
+  for (const file of dtsFiles) {
+    for (const subModuleName of Object.keys(subModuleDefinitions)) {
+      if (file.startsWith(subModuleName + '/') && file !== subModuleName + '/index.d.ts') {
+        subModuleDefinitions[subModuleName] += `/// <reference path="./${file.replace(subModuleName + '/', '')}" />\n`;
+      }
+    }
+  }
+
+  for (const [subModuleName, content] of Object.entries(subModuleDefinitions)) {
+    const subModuleDir = path.join(typesDir, subModuleName);
+    const destPath = path.join(
+      path.relative(process.cwd(), subModuleDir),
+      'index.d.ts'
+    );
+    fs.mkdirSync(subModuleDir, { recursive: true });
+    fs.writeFileSync(destPath, content, 'utf8');
+    console.log(`Generated ${destPath}`);
+  }
 }
 
 generateAllDeclarationFiles();