chore: verdaccio setup

packages/create-app/e2e/e2e.test.ts

@@ -48,9 +48,9 @@ describe('create-app command', { timeout: 30_000 }, () => {
 
       const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
       // TODO: fix template application
-      //expect(packageJson.name).toBe(projectName);
-      //expect(packageJson.version).toBe('1.0.0');
-      //expect(packageJson.private).toBe(true);
+      expect(packageJson.name).toBe(projectName);
+      expect(packageJson.version).toBe('1.0.0');
+      expect(packageJson.private).toBe(true);
       expect(packageJson.description).not.toBeDefined();
       expect(packageJson.author).not.toBeDefined();
       expect(packageJson.license).not.toBeDefined();
@@ -59,6 +59,7 @@ describe('create-app command', { timeout: 30_000 }, () => {
       expect(packageJson.homepage).not.toBeDefined();
       expect(packageJson.keywords).not.toBeDefined();
       expect(packageJson.packageManager).not.toBeDefined();
+      expect(packageJson.publishConfig).not.toBeDefined();
     }
   );
 
@@ -80,9 +81,9 @@ describe('create-app command', { timeout: 30_000 }, () => {
 
     const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
     // TODO: fix template application
-    //expect(packageJson.name).toBe(projectName);
-    //expect(packageJson.version).toBe('1.0.0');
-    //expect(packageJson.private).toBe(true);
+    expect(packageJson.name).toBe(projectName);
+    expect(packageJson.version).toBe('1.0.0');
+    expect(packageJson.private).toBe(true);
     expect(packageJson.description).not.toBeDefined();
     expect(packageJson.author).not.toBeDefined();
     expect(packageJson.license).not.toBeDefined();
@@ -91,6 +92,7 @@ describe('create-app command', { timeout: 30_000 }, () => {
     expect(packageJson.homepage).not.toBeDefined();
     expect(packageJson.keywords).not.toBeDefined();
     expect(packageJson.packageManager).not.toBeDefined();
+    expect(packageJson.publishConfig).not.toBeDefined();
   });
 
   it(
@@ -115,9 +117,9 @@ describe('create-app command', { timeout: 30_000 }, () => {
 
       const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
       // TODO: fix template application
-      //expect(packageJson.name).toBe(projectName);
-      //expect(packageJson.version).toBe('1.0.0');
-      //expect(packageJson.private).toBe(true);
+      expect(packageJson.name).toBe(projectName);
+      expect(packageJson.version).toBe('1.0.0');
+      expect(packageJson.private).toBe(true);
       expect(packageJson.description).not.toBeDefined();
       expect(packageJson.author).not.toBeDefined();
       expect(packageJson.license).not.toBeDefined();
@@ -126,6 +128,7 @@ describe('create-app command', { timeout: 30_000 }, () => {
       expect(packageJson.homepage).not.toBeDefined();
       expect(packageJson.keywords).not.toBeDefined();
       expect(packageJson.packageManager).not.toBeDefined();
+      expect(packageJson.publishConfig).not.toBeDefined();
     }
   );
 });

packages/create-app/src/lib/bin.ts

@@ -8,7 +8,7 @@ import {
 import {
   renameCommonFiles,
   renamePlaceholder,
-  sortDevDepsInPackageJson,
+  rewritePackageJson,
 } from './edit-template.js';
 import { copyDirSync, isEmptyDirSync, removeDir } from './fs.js';
 import { printLogo } from './logo.js';
@@ -27,7 +27,7 @@ import {
 } from './prompts.js';
 import {
   downloadTarballFromNpm,
-  extractTarballFile,
+  extractTarball,
   TemplateInfo,
   PLATFORMS,
   resolveTemplate as resolveTemplate,
@@ -92,7 +92,7 @@ export async function run() {
 
   const loader = spinner();
   loader.start('Updating template...');
-  sortDevDepsInPackageJson(absoluteTargetDir);
+  rewritePackageJson(absoluteTargetDir, projectName);
   renameCommonFiles(absoluteTargetDir);
   renamePlaceholder(absoluteTargetDir, projectName);
   createConfig(absoluteTargetDir, platforms, plugins);
@@ -131,7 +131,7 @@ async function extractPackage(absoluteTargetDir: string, pkg: TemplateInfo) {
       loader.start(`Extracting package ${pkg.name}...`);
     }
 
-    await extractTarballFile(tarballPath, absoluteTargetDir);
+    const localPath = await extractTarball(tarballPath, absoluteTargetDir);
 
     if (pkg.packageName) {
       fs.unlinkSync(tarballPath);
@@ -140,6 +140,11 @@ async function extractPackage(absoluteTargetDir: string, pkg: TemplateInfo) {
       loader.stop(`Extracted package ${pkg.name}.`);
     }
 
+    loader.start(`Copying extracted directory ${localPath}...`);
+    copyDirSync(path.join(localPath, pkg.directory ?? ''), absoluteTargetDir);
+    loader.stop(`Copied extracted directory ${localPath}.`);
+
+    //removeDir(localPath);
     return;
   }
 

packages/create-app/src/lib/edit-template.ts

@@ -1,19 +1,90 @@
 import * as fs from 'node:fs';
 import * as path from 'node:path';
 
-export function sortDevDepsInPackageJson(projectPath: string) {
+export function rewritePackageJson(projectPath: string, packageName: string) {
   const packageJsonPath = path.join(projectPath, 'package.json');
   if (!fs.existsSync(packageJsonPath)) {
     return;
   }
 
   const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
 
-  packageJson.devDependencies = Object.fromEntries(
-    Object.entries(packageJson.devDependencies).sort()
+  // Override fields from template
+  packageJson.name = packageName;
+  packageJson.version = '1.0.0';
+  packageJson.private = true;
+
+  // Remove fields from template
+  delete packageJson.description;
+  delete packageJson.keywords;
+  delete packageJson.homepage;
+  delete packageJson.bugs;
+  delete packageJson.license;
+  delete packageJson.author;
+  delete packageJson.contributors;
+  delete packageJson.funding;
+  delete packageJson.repository;
+  delete packageJson.packageManager;
+  delete packageJson.publishConfig;
+
+  if (packageJson.dependencies) {
+    packageJson.dependencies = Object.fromEntries(
+      Object.entries(packageJson.dependencies).sort()
+    );
+  }
+
+  if (packageJson.devDependencies) {
+    packageJson.devDependencies = Object.fromEntries(
+      Object.entries(packageJson.devDependencies).sort()
+    );
+  }
+  if (packageJson.peerDependencies) {
+    packageJson.peerDependencies = Object.fromEntries(
+      Object.entries(packageJson.peerDependencies).sort()
+    );
+  }
+
+  fs.writeFileSync(
+    packageJsonPath,
+    JSON.stringify(reorderFields(packageJson), null, 2)
   );
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function reorderFields(packageJson: any) {
+  const {
+    name,
+    version,
+    private: privateValue,
+    scripts,
+    dependencies,
+    devDependencies,
+    peerDependencies,
+    ...rest
+  } = packageJson;
+
+  const result: Record<string, unknown> = {
+    name,
+    version,
+    private: privateValue,
+    scripts,
+  };
+
+  if (dependencies) {
+    result['dependencies'] = dependencies;
+  }
+  if (devDependencies) {
+    result['devDependencies'] = devDependencies;
+  }
+  if (peerDependencies) {
+    result['peerDependencies'] = peerDependencies;
+  }
+
+  for (const key in rest) {
+    result[key] = rest[key];
+  }
 
-  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  return result;
 }
 
 export function renameCommonFiles(projectPath: string) {

packages/create-app/src/lib/templates.ts

@@ -175,10 +175,23 @@ export async function downloadTarballFromNpm(
 }
 
 // This automatically handles both .tgz and .tar files
-export function extractTarballFile(tarballPath: string, targetDir: string) {
-  return tar.extract({
+export async function extractTarball(
+  tarballPath: string,
+  targetDir: string
+): Promise<string> {
+  const archiveName = path.basename(tarballPath, path.extname(tarballPath));
+  const tempFolder = path.join(
+    targetDir,
+    '.tmp',
+    `${archiveName}-${Date.now()}`
+  );
+  fs.mkdirSync(tempFolder, { recursive: true });
+
+  await tar.extract({
     file: tarballPath,
-    cwd: targetDir,
-    strip: 1, // Remove the top-level directory
+    cwd: tempFolder,
+    strip: 1, // Remove top-level directory
   });
+
+  return tempFolder;
 }