feat: wdx 64 (#299)

Author: alvarosabu

packages/cli/src/commands/create/actions.test.ts

@@ -353,13 +353,15 @@ describe('fetchBlueprintRepositories', () => {
         clone_url: 'https://github.com/storyblok/blueprint-core-vue.git',
         description: 'A Vue starter',
         updated_at: '2024-01-01T00:00:00Z',
+        stargazers_count: 50,
       },
       {
         name: 'blueprint-core-react',
         topics: ['port-3000'],
         clone_url: 'https://github.com/storyblok/blueprint-core-react.git',
         description: 'A React starter',
         updated_at: '2024-01-02T00:00:00Z',
+        stargazers_count: 75,
       },
       // Should be filtered out - not a blueprint
       {
@@ -395,7 +397,7 @@ describe('fetchBlueprintRepositories', () => {
 
     // Only blueprint-core-* repos should be mapped and sorted alphabetically
     expect(blueprints).toHaveLength(2);
-    expect(blueprints?.[0]?.name).toBe('React'); // Sorted alphabetically
+    expect(blueprints?.[0]?.name).toBe('React');
     expect(blueprints?.[1]?.name).toBe('Vue');
 
     // Verify blueprint structure
@@ -406,6 +408,7 @@ describe('fetchBlueprintRepositories', () => {
       location: 'https://localhost:3000/',
       description: 'A React starter',
       updated_at: '2024-01-02T00:00:00Z',
+      stars: 75,
     });
   });
 

packages/cli/src/commands/create/actions.ts

@@ -176,6 +176,7 @@ export const repositoryToTemplate = (repo: any): DynamicTemplate => {
     location: port ? `https://localhost:${port}/` : 'https://localhost:3000/',
     description: repo.description,
     updated_at: repo.updated_at,
+    stars: repo.stargazers_count,
   };
 };
 
@@ -195,7 +196,7 @@ export const fetchBlueprintRepositories = async () => {
     const blueprints = data.items
       .filter(repo => repo.name.startsWith('blueprint-core-'))
       .map(repositoryToTemplate)
-      .sort((a, b) => a.name.localeCompare(b.name));
+      .sort((a, b) => (b.stars || 0) - (a.stars || 0));
 
     return blueprints;
   }

packages/cli/src/commands/create/constants.ts

@@ -59,4 +59,5 @@ export interface DynamicTemplate {
   location: string;
   description?: string | null;
   updated_at?: string;
+  stars?: number;
 }

packages/cli/src/commands/create/index.ts

@@ -247,7 +247,8 @@ export const createCommand = program
   cd ${finalProjectPath}
   npm install
   npm run dev
-`);
+        `);
+      konsola.info(`Or check the dedicated guide at: ${chalk.hex(colorPalette.PRIMARY)(`https://www.storyblok.com/docs/guides/${technologyTemplate}`)}`);
     }
     catch (error) {
       spinnerSpace.failed();