@swell/cli 2.3.4 → 2.4.1

package/dist/commands/api/delete.d.ts

@@ -8,6 +8,7 @@ export default class ApiDelete extends SwellApiCommand {
     };
     static flags: {
         live: import("@oclif/core/lib/interfaces/parser.js").BooleanFlag<boolean>;
+        api: import("@oclif/core/lib/interfaces/parser.js").OptionFlag<string, import("@oclif/core/lib/interfaces/parser.js").CustomOptions>;
     };
     static examples: string[];
     get method(): HttpMethod;

package/dist/commands/api/delete.js

@@ -3,7 +3,8 @@ import { HttpMethod } from '../../lib/api.js';
 import { SwellApiCommand } from '../../swell-api-command.js';
 export default class ApiDelete extends SwellApiCommand {
     static summary = 'Send a DELETE request to the Swell API.';
-    static description = 'Remove existing resources from the Swell Backend API.';
+    static description = `Remove existing resources from the Swell API.
+    Use --api frontend for public key authentication scoped to your app or user.`;
     static args = {
         path: Args.string({
             description: 'API endpoint path (must start with /)',
@@ -15,10 +16,16 @@ export default class ApiDelete extends SwellApiCommand {
             description: 'Use live environment instead of test',
             default: false,
         }),
+        api: Flags.string({
+            description: 'Use frontend or backend API (frontend uses public key auth).',
+            options: ['backend', 'frontend'],
+            default: 'backend',
+        }),
     };
     static examples = [
         'swell api delete /products/abc123',
         'swell api delete /functions/my-app/clear-cache',
+        'swell api delete /products/abc123 --api frontend',
     ];
     get method() {
         return HttpMethod.DELETE;

package/dist/commands/api/get.d.ts

@@ -8,6 +8,7 @@ export default class ApiGet extends SwellApiCommand {
     };
     static flags: {
         live: import("@oclif/core/lib/interfaces/parser.js").BooleanFlag<boolean>;
+        api: import("@oclif/core/lib/interfaces/parser.js").OptionFlag<string, import("@oclif/core/lib/interfaces/parser.js").CustomOptions>;
     };
     static examples: string[];
     get method(): HttpMethod;

package/dist/commands/api/get.js

@@ -3,8 +3,9 @@ import { HttpMethod } from '../../lib/api.js';
 import { SwellApiCommand } from '../../swell-api-command.js';
 export default class ApiGet extends SwellApiCommand {
     static summary = 'Send a GET request to the Swell API.';
-    static description = `Retrieve data from the Swell Backend API.
-  The command performs a GET request to the specified endpoint path.`;
+    static description = `Retrieve data from the Swell API.
+    The command performs a GET request to the specified endpoint path.
+    Use --api frontend for public key authentication scoped to your app or user.`;
     static args = {
         path: Args.string({
             description: 'API endpoint path (must start with /)',
@@ -16,12 +17,18 @@ export default class ApiGet extends SwellApiCommand {
             description: 'Use live environment instead of test',
             default: false,
         }),
+        api: Flags.string({
+            description: 'Use frontend or backend API (frontend uses public key auth).',
+            options: ['backend', 'frontend'],
+            default: 'backend',
+        }),
     };
     static examples = [
         'swell api get /products',
         'swell api get "/products?limit=10&category=shoes"',
         'swell api get /products/abc123',
         'swell api get /functions/my-app/get-inventory',
+        'swell api get /products --api frontend',
     ];
     get method() {
         return HttpMethod.GET;

package/dist/commands/api/index.js

@@ -2,8 +2,9 @@ import { Command } from '@oclif/core';
 export default class Api extends Command {
     static summary = 'Send requests directly to the Swell Backend API.';
     static description = `Run Swell API requests directly from the command line.
-  Supports GET, POST, PUT, and DELETE methods with optional test/live environments.
-  Call app functions via /functions/<app_id>/<function_name> paths.`;
+    Supports GET, POST, PUT, and DELETE methods with optional test/live environments.
+    Use --api frontend for public key authentication via the frontend API.
+    Call app functions via /functions/<app_id>/<function_name> paths.`;
     static examples = [
         'swell api get /products',
         'swell api post /products --body \'{"name":"New product"}\'',
@@ -11,6 +12,7 @@ export default class Api extends Command {
         'swell api delete /products/abc123',
         'swell api get /functions/my-app/get-inventory',
         'swell api post /functions/my-app/create-order --body \'{"items":["sku-1"]}\'',
+        'swell api get /products --api frontend',
     ];
     async run() {
         this.log('Use "swell api get|post|put|delete" to interact with the Swell API.');

package/dist/commands/api/post.d.ts

@@ -9,6 +9,7 @@ export default class ApiPost extends SwellApiCommand {
     static flags: {
         body: import("@oclif/core/lib/interfaces/parser.js").OptionFlag<string | undefined, import("@oclif/core/lib/interfaces/parser.js").CustomOptions>;
         live: import("@oclif/core/lib/interfaces/parser.js").BooleanFlag<boolean>;
+        api: import("@oclif/core/lib/interfaces/parser.js").OptionFlag<string, import("@oclif/core/lib/interfaces/parser.js").CustomOptions>;
     };
     static examples: string[];
     get method(): HttpMethod;

package/dist/commands/api/post.js

@@ -3,8 +3,9 @@ import { HttpMethod } from '../../lib/api.js';
 import { SwellApiCommand } from '../../swell-api-command.js';
 export default class ApiPost extends SwellApiCommand {
     static summary = 'Send a POST request to the Swell API.';
-    static description = `Create new resources in the Swell Backend API.
-  You can provide a JSON body directly or specify a file path containing JSON data.`;
+    static description = `Create new resources in the Swell API.
+    You can provide a JSON body directly or specify a file path containing JSON data.
+    Use --api frontend for public key authentication scoped to your app or user.`;
     static args = {
         path: Args.string({
             description: 'API endpoint path (must start with /)',
@@ -19,11 +20,17 @@ export default class ApiPost extends SwellApiCommand {
             description: 'Use live environment instead of test',
             default: false,
         }),
+        api: Flags.string({
+            description: 'Use frontend or backend API (frontend uses public key auth).',
+            options: ['backend', 'frontend'],
+            default: 'backend',
+        }),
     };
     static examples = [
         'swell api post /products --body \'{"name": "Product", "price": 100}\'',
         'swell api post /products --body ./product.json',
         'swell api post /functions/my-app/create-order --body \'{"items":["sku-1"]}\'',
+        `swell api post /products --body '{"name": "Product"}' --api frontend`,
     ];
     get method() {
         return HttpMethod.POST;

package/dist/commands/api/put.d.ts

@@ -9,6 +9,7 @@ export default class ApiPut extends SwellApiCommand {
     static flags: {
         body: import("@oclif/core/lib/interfaces/parser.js").OptionFlag<string | undefined, import("@oclif/core/lib/interfaces/parser.js").CustomOptions>;
         live: import("@oclif/core/lib/interfaces/parser.js").BooleanFlag<boolean>;
+        api: import("@oclif/core/lib/interfaces/parser.js").OptionFlag<string, import("@oclif/core/lib/interfaces/parser.js").CustomOptions>;
     };
     static examples: string[];
     get method(): HttpMethod;

package/dist/commands/api/put.js

@@ -3,8 +3,9 @@ import { HttpMethod } from '../../lib/api.js';
 import { SwellApiCommand } from '../../swell-api-command.js';
 export default class ApiPut extends SwellApiCommand {
     static summary = 'Send a PUT request to the Swell API.';
-    static description = `Update existing resources in the Swell Backend API.
-  You can provide a JSON body directly or specify a file path containing JSON data.`;
+    static description = `Update existing resources in the Swell API.
+    You can provide a JSON body directly or specify a file path containing JSON data.
+    Use --api frontend for public key authentication scoped to your app or user.`;
     static args = {
         path: Args.string({
             description: 'API endpoint path (must start with /)',
@@ -19,11 +20,17 @@ export default class ApiPut extends SwellApiCommand {
             description: 'Use live environment instead of test',
             default: false,
         }),
+        api: Flags.string({
+            description: 'Use frontend or backend API (frontend uses public key auth).',
+            options: ['backend', 'frontend'],
+            default: 'backend',
+        }),
     };
     static examples = [
         'swell api put /products/{id} --body \'{"id": "abc123", "name": "Updated"}\'',
         'swell api put /products/abc123 --body ./product.json',
         'swell api put /functions/my-app/update-stock --body \'{"sku":"abc","qty":10}\'',
+        `swell api put /products/abc123 --body '{"name": "Updated"}' --api frontend`,
     ];
     get method() {
         return HttpMethod.PUT;

package/dist/commands/app/dev.js

@@ -8,6 +8,7 @@ import * as path from 'node:path';
 import ora from 'ora';
 import { ConfigType, allConfigFilesInDir, appConfigFromFile, } from '../../lib/apps/index.js';
 import { bundleFunction } from '../../lib/bundle.js';
+import { detectPackageManager, getExecSpawnArgs, } from '../../lib/package-manager.js';
 import style from '../../lib/style.js';
 import { PushAppCommand } from '../../push-app-command.js';
 export default class AppDev extends PushAppCommand {
@@ -345,8 +346,11 @@ ENVIRONMENT = "development"
                 const configPath = path.join(this.tmpDir, `${functionName}.toml`);
                 await fs.promises.writeFile(configPath, wranglerConfig);
                 functionStatus.set(functionName, 'starting');
-                // Start wrangler process in background
-                const wranglerProcess = spawn('npx', [
+                // Start wrangler process in background using detected package manager
+                const pm = detectPackageManager(this.appPath);
+                const { program, prefixArgs } = getExecSpawnArgs(pm);
+                const wranglerProcess = spawn(program, [
+                    ...prefixArgs,
                     'wrangler',
                     'dev',
                     `--config=${configPath}`,

package/dist/commands/app/frontend/dev.js

@@ -1,4 +1,5 @@
 import { Flags } from '@oclif/core';
+import { getProjectCommands, } from '../../../lib/apps/index.js';
 import { default as localConfig } from '../../../lib/config.js';
 import style from '../../../lib/style.js';
 import { PushAppCommand } from '../../../push-app-command.js';
@@ -69,9 +70,11 @@ export default class AppFrontendDev extends PushAppCommand {
         if (!projectType) {
             return;
         }
+        // Get commands transformed for the detected package manager
+        const { devCommand } = getProjectCommands(this.appPath, projectType);
         const currentStore = localConfig.getDefaultStore();
         let serverReadyDetected = false;
-        await this.execFrontend(projectType.devCommand.replace('${PORT}', String(serverPort)), (string) => {
+        await this.execFrontend(devCommand.replace('${PORT}', String(serverPort)), (string) => {
             // Framework-specific output handling and ready detection
             switch (projectType.slug) {
                 case 'nextjs': {
@@ -127,8 +130,8 @@ export default class AppFrontendDev extends PushAppCommand {
                     }
                     // 3. READY DETECTION: Detect server ready, show our message
                     if (!serverReadyDetected &&
-                        (/application bundle generation complete/.test(string) ||
-                            /watch mode enabled/.test(string))) {
+                        (/application bundle generation complete/i.test(string) ||
+                            /watch mode enabled/i.test(string))) {
                         serverReadyDetected = true;
                         this.log(`Started ${projectType.name} dev server on port ${serverPort}.\n`);
                         const sessionId = localConfig.getSessionId(currentStore);

package/dist/commands/create/app.js

@@ -70,8 +70,8 @@ export default class CreateApp extends CreateAppCommand {
         pkg: Flags.string({
             char: 'p',
             default: 'npm',
-            description: 'Package manager: npm | yarn | none',
-            options: ['npm', 'yarn', 'none'],
+            description: 'Package manager: npm | yarn | pnpm | bun | none',
+            options: ['npm', 'yarn', 'pnpm', 'bun', 'none'],
         }),
         type: Flags.string({
             char: 't',

package/dist/commands/create/frontend.js

@@ -18,8 +18,8 @@ export default class CreateFrontend extends CreateAppCommand {
         pkg: Flags.string({
             char: 'p',
             default: 'npm',
-            description: `use npm or yarn to install default dependencies, or none to disable`,
-            options: ['npm', 'yarn', 'none'],
+            description: `Package manager: npm | yarn | pnpm | bun | none`,
+            options: ['npm', 'yarn', 'pnpm', 'bun', 'none'],
         }),
     };
     async run() {

package/dist/commands/create/tests.js

@@ -2,6 +2,7 @@ import { Flags } from '@oclif/core';
 import { AppCommand } from '../../app-command.js';
 import { toAppId } from '../../lib/create/index.js';
 import { createTestsScaffold, } from '../../lib/create/tests.js';
+import { detectPackageManager, getPackageManagerCommands, } from '../../lib/package-manager.js';
 export default class CreateTests extends AppCommand {
     static description = 'Initialize a vitest + Cloudflare Workers test setup that reuses swell-cli authentication.';
     static examples = [
@@ -66,10 +67,12 @@ export default class CreateTests extends AppCommand {
             this.warn(warning);
         }
         if (hasChanges) {
+            const pm = detectPackageManager(this.appPath);
+            const commands = getPackageManagerCommands(pm);
             this.log('');
             this.log('Next steps:');
-            this.log('  1. npm install');
-            this.log('  2. npm test');
+            this.log(`  1. ${commands.install}`);
+            this.log(`  2. ${commands.run('test')}`);
         }
         this.log('');
     }

package/dist/commands/inspect/models.d.ts

@@ -17,7 +17,6 @@ export default class Models extends SwellCommand {
     private showAppModels;
     private showModels;
     private getModelPath;
-    private getCurrentAppSlugId;
     private getAppSlugId;
     private showModelDetail;
     private resolveModelPath;

package/dist/commands/inspect/models.js

@@ -1,6 +1,6 @@
 import { Args, Flags } from '@oclif/core';
-import * as fs from 'node:fs';
 import { FetchError } from 'node-fetch';
+import { getCurrentAppSlugId } from '../../lib/apps/index.js';
 import { default as localConfig } from '../../lib/config.js';
 import { SwellCommand } from '../../swell-command.js';
 export default class Models extends SwellCommand {
@@ -109,7 +109,7 @@ With a collection path, it retrieves the model for that specific collection in J
         this.showModels(models, 'Standard');
     }
     async showAppModels(appsById, modelsByAppId) {
-        const currentAppSlugId = await this.getCurrentAppSlugId();
+        const currentAppSlugId = await getCurrentAppSlugId();
         for (const [appId, app] of Object.entries(appsById)) {
             const models = modelsByAppId[appId];
             if (models) {
@@ -153,19 +153,6 @@ With a collection path, it retrieves the model for that specific collection in J
         }
         return `/${model.name}`;
     }
-    async getCurrentAppSlugId() {
-        const hasAppContext = fs.existsSync('swell.json');
-        if (!hasAppContext) {
-            return;
-        }
-        try {
-            const appConfig = JSON.parse(await fs.promises.readFile('swell.json', 'utf8'));
-            return appConfig.id;
-        }
-        catch {
-            // noop
-        }
-    }
     getAppSlugId(app) {
         return app.public_id || app.private_id.replace(/^_/, '');
     }

package/dist/commands/theme/dev.js

@@ -4,6 +4,7 @@ import { execSync, spawn } from 'node:child_process';
 import fs from 'node:fs';
 import ora from 'ora';
 import { default as localConfig } from '../../lib/config.js';
+import { findLockFile, getPackageManager } from '../../lib/package-manager.js';
 import style from '../../lib/style.js';
 import { ThemeSync } from '../../lib/theme-sync.js';
 import { PushAppCommand } from '../../push-app-command.js';
@@ -74,11 +75,10 @@ export default class AppThemeDev extends PushAppCommand {
     async findAndInstallDependencies() {
         const spinner = ora('Locating package.json...').start();
         try {
-            const packageJsonLockPath = await findUp('package-lock.json', {
-                type: 'file',
-            });
-            if (packageJsonLockPath) {
-                spinner.succeed('package-lock.json found. Skipping npm install.');
+            // Check for any package manager lock file
+            const lockFile = findLockFile(process.cwd());
+            if (lockFile) {
+                spinner.succeed(`${lockFile.name} found. Skipping dependency install.`);
                 return null;
             }
             const packageJsonPath = await findUp('package.json', { type: 'file' });
@@ -88,7 +88,8 @@ export default class AppThemeDev extends PushAppCommand {
             }
             spinner.succeed(`Found package.json at ${packageJsonPath}`);
             spinner.start('Installing dependencies...');
-            execSync('npm install', { stdio: 'inherit' });
+            const { commands } = getPackageManager(process.cwd());
+            execSync(commands.install, { stdio: 'inherit' });
             spinner.succeed('Dependencies installed');
             return packageJsonPath;
         }
@@ -109,7 +110,9 @@ export default class AppThemeDev extends PushAppCommand {
                 console.warn('"bundle" script not found in package.json');
                 return;
             }
-            const childProcess = spawn('npm', ['run', 'bundle'], {
+            const { commands } = getPackageManager(process.cwd());
+            const runCommand = commands.run('bundle').split(' ');
+            const childProcess = spawn(runCommand[0], runCommand.slice(1), {
                 env: { ...process.env, BROWSERSLIST_IGNORE_OLD_DATA: 'true' },
                 shell: true,
                 stdio: 'pipe',

package/dist/create-app-command.d.ts

@@ -1,3 +1,4 @@
+import { PackageManager } from './lib/package-manager.js';
 import { SwellCommand } from './swell-command.js';
 export declare abstract class CreateAppCommand extends SwellCommand {
     protected commandExample: string;
@@ -13,6 +14,11 @@ export declare abstract class CreateAppCommand extends SwellCommand {
     addAllowedHostsToAngular(configPath: string): Promise<void>;
     addAllowedHostsToAstro(configPath: string): Promise<void>;
     addAllowedHostsToNuxt(configPath: string): Promise<void>;
+    /**
+     * Add vite allowedHosts configuration to a framework config file.
+     * Supports config files that use a defineX({}) pattern (Astro, Nuxt, etc.)
+     */
+    private addViteAllowedHosts;
     createAppConfigFolders(swellConfig: any): Promise<void>;
     createFrontendApp(swellConfig: any, flags: any, directCreate?: boolean, kind?: string): Promise<boolean>;
     createStorefrontApp(swellConfig: any, flags: any, directCreate?: boolean): Promise<boolean>;
@@ -29,7 +35,7 @@ export declare abstract class CreateAppCommand extends SwellCommand {
         name: string;
         slug: string;
     };
-    setupPackage(name: string, config: any, pkg: string): Promise<void>;
-    tryPackageSetup(name: string, config: any, pkg: string): Promise<void>;
+    setupPackage(name: string, config: any, pkg: PackageManager): Promise<void>;
+    tryPackageSetup(name: string, config: any, pkg: PackageManager): Promise<void>;
     private addFrontendAllowedHosts;
 }