@swell/cli 2.4.1 → 2.5.0

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

@@ -1,5 +1,5 @@
 import { Flags } from '@oclif/core';
-import { getProjectCommands, } from '../../../lib/apps/index.js';
+import { CUSTOM_FRAMEWORK_SLUG, getManualDevHint, 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';
@@ -70,6 +70,23 @@ export default class AppFrontendDev extends PushAppCommand {
         if (!projectType) {
             return;
         }
+        // Manual mode for unrecognized frameworks
+        if (projectType.slug === CUSTOM_FRAMEWORK_SLUG) {
+            const hintCommand = getManualDevHint(this.appPath, serverPort);
+            const currentStore = localConfig.getDefaultStore();
+            const sessionId = localConfig.getSessionId(currentStore);
+            this.log(`Detected a frontend project but could not identify the framework.`);
+            this.log(`Start your dev server manually on port ${serverPort}:\n`);
+            this.log(`  cd frontend && ${hintCommand}\n`);
+            this.log(`The Swell tunnel is ready and will route traffic once your server is running.\n`);
+            this.logAppLocalUrl(currentStore, sessionId);
+            if (!isAppDev) {
+                this.watchForChanges();
+            }
+            // Keep the process alive so the tunnel remains open
+            await new Promise(() => { });
+            return;
+        }
         // Get commands transformed for the detected package manager
         const { devCommand } = getProjectCommands(this.appPath, projectType);
         const currentStore = localConfig.getDefaultStore();

package/dist/create-app-command.js

@@ -429,7 +429,7 @@ export class CreateAppCommand extends SwellCommand {
             // Required for yarn workspaces, good practice for all package managers
             private: true,
             scripts: {
-                typecheck: '([ -z "$(find functions -name \'*.ts\' 2>/dev/null | head -1)" ] || tsc --noEmit) && ([ ! -f test/tsconfig.json ] || tsc --noEmit -p test) && ([ ! -f frontend/tsconfig.json ] || tsc --noEmit -p frontend)',
+                typecheck: '([ -z "$(find functions -name \'*.ts\' 2>/dev/null | head -1)" ] || tsc --noEmit) && ([ ! -f test/tsconfig.json ] || tsc --build --noEmit test) && ([ ! -f frontend/tsconfig.json ] || tsc --build --noEmit frontend)',
             },
             version: config.get('version'),
         };

package/dist/lib/apps/index.d.ts

@@ -126,6 +126,7 @@ export interface FrontendProjectType {
     name: string;
     slug: string;
 }
+export declare const CUSTOM_FRAMEWORK_SLUG = "custom";
 export declare const FrontendProjectTypes: FrontendProjectType[];
 export declare function getFrontendProjectSlugs(withNone?: boolean, withLegacy?: boolean): string[];
 export declare function getFrontendProjectValidValues(withNone?: boolean, withLegacy?: boolean): string;
@@ -140,6 +141,11 @@ export declare function getProjectCommands(appPath: string, projectType: Fronten
     buildCommand?: string;
     devCommand: string;
 };
+/**
+ * Get a suggested dev command for an unrecognized frontend project,
+ * translated for the detected package manager.
+ */
+export declare function getManualDevHint(appPath: string, port: number): string;
 export declare function getConfigTypeFromPath(path: string): ConfigType | undefined;
 export declare function getConfigTypeKeyFromValue(value: string): string | undefined;
 export declare function filePathExists(filePath: string): boolean;

package/dist/lib/apps/index.js

@@ -114,6 +114,8 @@ export var ConfigInputFields;
     ConfigInputFields["VALUES"] = "values";
     ConfigInputFields["VERSION"] = "version";
 })(ConfigInputFields || (ConfigInputFields = {}));
+// Slug for unrecognized frontend frameworks (manual dev server mode)
+export const CUSTOM_FRAMEWORK_SLUG = 'custom';
 // Frontend project types - all use direct commands run from frontend/ directory
 export const FrontendProjectTypes = [
     {
@@ -198,6 +200,16 @@ export function getFrontendProjectType(appPath) {
                     return detectedType;
                 }
             }
+            // Fallback: if package.json has a dev script, treat as unrecognized framework
+            if (pkg.scripts?.dev) {
+                return {
+                    buildCommand: pkg.scripts?.build ? 'npm run build' : '',
+                    devCommand: '',
+                    mainPackage: '',
+                    name: 'Custom',
+                    slug: CUSTOM_FRAMEWORK_SLUG,
+                };
+            }
         }
         catch {
             // Ignore JSON parse errors, try next path
@@ -220,6 +232,14 @@ export function getProjectCommands(appPath, projectType) {
         devCommand: transformCommand(projectType.devCommand, pm),
     };
 }
+/**
+ * Get a suggested dev command for an unrecognized frontend project,
+ * translated for the detected package manager.
+ */
+export function getManualDevHint(appPath, port) {
+    const pm = detectPackageManager(appPath);
+    return transformCommand(`npm run dev -- --port ${port}`, pm);
+}
 export function getConfigTypeFromPath(path) {
     for (const type in AllConfigPaths) {
         if (AllConfigPaths[type] === path) {

package/dist/push-app-command.js

@@ -6,7 +6,7 @@ import * as path from 'node:path';
 import Stream from 'node:stream';
 import ora from 'ora';
 import { default as swellConfig } from './lib/app-config.js';
-import { ConfigType, getFrontendProjectValidValues, allConfigFilesInDir, appConfigFromFile, filePathExists, filePathExistsAsync, findAppConfig, getAppSlugId, getConfigTypeFromPath, getConfigTypeKeyFromValue, getFrontendProjectType, getProjectCommands, globAllFilesByPath, hashString, isPathDirectory, } from './lib/apps/index.js';
+import { ConfigType, getFrontendProjectValidValues, allConfigFilesInDir, CUSTOM_FRAMEWORK_SLUG, appConfigFromFile, filePathExists, filePathExistsAsync, findAppConfig, getAppSlugId, getConfigTypeFromPath, getConfigTypeKeyFromValue, getFrontendProjectType, getProjectCommands, globAllFilesByPath, hashString, isPathDirectory, } from './lib/apps/index.js';
 import { getGlobIgnorePathsChecker } from './lib/apps/paths.js';
 import { default as localConfig } from './lib/config.js';
 import { toAppId } from './lib/create/index.js';
@@ -110,6 +110,14 @@ export class PushAppCommand extends RemoteAppCommand {
             this.showFrontendMigrationError();
             return; // unreachable but helps TypeScript narrow the type
         }
+        // Skip automatic build for unrecognized frameworks
+        if (projectType.slug === CUSTOM_FRAMEWORK_SLUG) {
+            if (projectType.buildCommand) {
+                this.log(`Skipping automatic frontend build for unrecognized framework.\n` +
+                    `Run your build command manually before deploying.\n`);
+            }
+            return;
+        }
         // Get commands transformed for the detected package manager
         const { buildCommand } = getProjectCommands(this.appPath, projectType);
         if (!buildCommand) {
@@ -758,7 +766,9 @@ export class PushAppCommand extends RemoteAppCommand {
                 $environment_id: 'test',
                 frontend: {
                     deployment_hash: deploymentHash,
-                    framework: projectType.slug,
+                    ...(projectType.slug !== CUSTOM_FRAMEWORK_SLUG && {
+                        framework: projectType.slug,
+                    }),
                     service: 'cloudflare',
                     url: deploymentUrl,
                 },

package/oclif.manifest.json

@@ -2937,5 +2937,5 @@
       ]
     }
   },
-  "version": "2.4.1"
+  "version": "2.5.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swell/cli",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "type": "module",
   "description": "Swell's command line interface/utility",
   "keywords": [