this.gui 1.0.14 → 1.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "this.gui",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "This Graphic User Interface.",
   "main": "dist/this-gui.umd.js",
   "module": "dist/this-gui.es.js",

package/src/scripts/postinstall.js

@@ -1,19 +1,17 @@
 // this.GUI/scripts/postinstall.js
 import { mkdir, writeFile, access } from 'fs/promises';
 import { join } from 'path';
-import { fileURLToPath } from 'url';
 
-// Get the current directory path
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = join(__filename, '..', '..');
+// Use process.env.INIT_CWD to get the root of the user's project during npm install
+const appRootDir = process.env.INIT_CWD || process.cwd();
 
-// Define paths for directories
-const guiDir = join(__dirname, '..', 'GUI');
+// Define paths for directories at the app level
+const guiDir = join(appRootDir, 'GUI');
 const componentsDir = join(guiDir, 'components');
 const mdxDir = join(guiDir, 'mdx');
 const stylesDir = join(guiDir, 'styles');
 
-// Helper function to create directories
+// Helper function to create directories only if they don't already exist
 async function createDir(dirPath) {
   try {
     await access(dirPath);
@@ -24,35 +22,34 @@ async function createDir(dirPath) {
   }
 }
 
-// Helper function to create initial files if they don't exist
+// Helper function to create initial files only if they don't already exist
+async function createFile(filePath, content) {
+  try {
+    await access(filePath);
+    console.log(`File already exists: ${filePath}`);
+  } catch {
+    await writeFile(filePath, content);
+    console.log(`Created: ${filePath}`);
+  }
+}
+
+// Function to initialize the directory structure and files
 async function initializeFiles() {
   const mdxWelcomeFile = join(mdxDir, 'Welcome.mdx');
   const stylesFile = join(stylesDir, 'global.css');
 
-  try {
-    await access(mdxWelcomeFile);
-    console.log(`File already exists: ${mdxWelcomeFile}`);
-  } catch {
-    await writeFile(
-      mdxWelcomeFile,
-      `# Welcome to Your Custom GUI\n\nThis is your first MDX file. Edit it to start building your pages!`
-    );
-    console.log(`Created: ${mdxWelcomeFile}`);
-  }
+  await createFile(
+    mdxWelcomeFile,
+    `# Welcome to Your Custom GUI\n\nThis is your first MDX file. Edit it to start building your pages!`
+  );
 
-  try {
-    await access(stylesFile);
-    console.log(`File already exists: ${stylesFile}`);
-  } catch {
-    await writeFile(
-      stylesFile,
-      `/* Add your custom styles here */\nbody { font-family: 'Roboto', sans-serif; }`
-    );
-    console.log(`Created: ${stylesFile}`);
-  }
+  await createFile(
+    stylesFile,
+    `/* Add your custom styles here */\nbody { font-family: 'Roboto', sans-serif; }`
+  );
 }
 
-// Create the directory structure and initialize files
+// Create the directory structure and initialize files at the app level
 (async () => {
   await createDir(guiDir);
   await createDir(componentsDir);
@@ -60,5 +57,5 @@ async function initializeFiles() {
   await createDir(stylesDir);
   await initializeFiles();
 
-  console.log('this.GUI setup complete!');
-})();
+  console.log('this.GUI setup complete at the app level!');
+})();