Skip to content

fix: resolve Next.js version mismatch for studio/preview #1902

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

fix: resolve Next.js version mismatch for studio/preview #1902

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e836cf8
fix: resolve Next.js version mismatch for studio/preview
Kartikayy007 Nov 20, 2025
dbf4d1f
chore: add changeset for PR #1902
Nov 20, 2025
617e4b5
fix: remove unnecessary type assertions in Studio and Preview
Kartikayy007 Nov 20, 2025
2a509a6
chore: add changeset for PR #1902
Nov 20, 2025
51db855
Merge branch 'master' into fix/studio-nextjs-version-mismatch
Kartikayy007 Nov 20, 2025
bfc2614
Merge branch 'master' into fix/studio-nextjs-version-mismatch
Souvikns Nov 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions .changeset/1902.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
---
'@asyncapi/cli': patch
---

fix: resolve Next.js version mismatch for studio/preview

- e836cf8: fix: resolve Next.js version mismatch for studio/preview
- 617e4b5: fix: remove unnecessary type assertions in Studio and Preview


14 changes: 11 additions & 3 deletions src/domains/models/Preview.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import { createServer } from 'http';
import { WebSocketServer } from 'ws';
import chokidar from 'chokidar';
import open from 'open';
import next from 'next';
import path from 'path';
import yaml from 'js-yaml';
import { blueBright, redBright } from 'picocolors';
Expand All @@ -24,6 +23,15 @@ function isValidFilePath(filePath: string): boolean {
return existsSync(filePath);
}

type NextFactory = typeof import('next')['default'];

function resolveStudioNextInstance(studioPath: string): NextFactory {
const resolvedNextPath = require.resolve('next', { paths: [studioPath] });
// eslint-disable-next-line @typescript-eslint/no-var-requires,security/detect-non-literal-require
const nextModule = require(resolvedNextPath);
return nextModule.default ?? nextModule;
}

// eslint-disable-next-line sonarjs/cognitive-complexity
export function startPreview(filePath:string,base:string | undefined,baseDirectory:string | undefined ,xOrigin:boolean | undefined,suppressLogs:boolean|undefined,port: number = DEFAULT_PORT, noBrowser?: boolean):void {
if (filePath && !isValidFilePath(filePath)) {
Expand All @@ -44,7 +52,8 @@ export function startPreview(filePath:string,base:string | undefined,baseDirecto
});

const studioPath = path.dirname(require.resolve('@asyncapi/studio/package.json'));
const app = next({
const nextInstance = resolveStudioNextInstance(studioPath);
const app = nextInstance({
dev: false,
dir: studioPath,
conf: {
Expand Down Expand Up @@ -232,4 +241,3 @@ function findPathsToWatchFromSchemaRef(filePath: string,baseDir:string) {
}
}
}

13 changes: 11 additions & 2 deletions src/domains/models/Studio.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ import { createServer } from 'http';
import { WebSocketServer } from 'ws';
import chokidar from 'chokidar';
import open from 'open';
import next from 'next';
import path from 'path';
import { version as studioVersion } from '@asyncapi/studio/package.json';
import { blueBright, redBright } from 'picocolors';
Expand All @@ -20,6 +19,15 @@ function isValidFilePath(filePath: string): boolean {
return existsSync(filePath);
}

type NextFactory = typeof import('next')['default'];

function resolveStudioNextInstance(studioPath: string): NextFactory {
const resolvedNextPath = require.resolve('next', { paths: [studioPath] });
// eslint-disable-next-line @typescript-eslint/no-var-requires,security/detect-non-literal-require
const nextModule = require(resolvedNextPath);
return nextModule.default ?? nextModule;
}

// eslint-disable-next-line sonarjs/cognitive-complexity
export function start(filePath: string, port: number = DEFAULT_PORT, noBrowser?:boolean): void {
if (filePath && !isValidFilePath(filePath)) {
Expand All @@ -30,7 +38,8 @@ export function start(filePath: string, port: number = DEFAULT_PORT, noBrowser?:
const studioPath = path.dirname(
require.resolve('@asyncapi/studio/package.json'),
);
const app = next({
const nextInstance = resolveStudioNextInstance(studioPath);
const app = nextInstance({
dev: false,
dir: studioPath,
conf: {
Expand Down
Loading