vike 0.0.0-alpha.0 → 0.4.142-commit-8bf568b

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet/fixture-errors/errSwcBig.js

@@ -0,0 +1,16 @@
+export const errSwcBig = {
+    code: 'GenericFailure',
+    line: '6',
+    column: '1',
+    plugin: 'vite:react-swc',
+    id: '/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx',
+    pluginCode: "export default Page\n\nimport React from 'react'\nimport { navigate } from 'vike/client/router'\nimport { Counter } from '../../components/Counter'\n\nfunction Page() {\n  return (\n    <>\n      <h1>\n        Welcome to Vike\n      <h1>\n      This page is:\n      <ul>\n        <li>Rendered to HTML.</li>\n        <li>\n          Interactive. <Counter />\n        </li>\n      </ul>\n      <p>\n        <button\n          onClick={() => {\n            const randomIndex = Math.floor(Math.random() * 3)\n            navigate(['/markdown', '/star-wars', '/hello/alice.js'][randomIndex])\n          }}\n        >\n          Random Page\n        </button>\n      </p>\n    </>\n  )\n}\n",
+    loc: {
+        file: '/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx',
+        line: '6',
+        column: '1'
+    },
+    frame: '',
+    message: "\n  \u001b[38;2;255;30;30m×\u001b[0m Expression expected\n    ╭─[\u001b[38;2;92;157;255;1;4m/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx\u001b[0m:6:1]\n \u001b[2m 6\u001b[0m │ \n \u001b[2m 7\u001b[0m │ function Page() {\n \u001b[2m 8\u001b[0m │   return (\n \u001b[2m 9\u001b[0m │     <>\n    · \u001b[38;2;246;87;248m     ─\u001b[0m\n \u001b[2m10\u001b[0m │       <h1>\n \u001b[2m11\u001b[0m │         Welcome to Vike\n \u001b[2m12\u001b[0m │       <h1>\n    ╰────\n\n  \u001b[38;2;255;30;30m×\u001b[0m Unexpected token. Did you mean `{'}'}` or `&rbrace;`?\n    ╭─[\u001b[38;2;92;157;255;1;4m/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx\u001b[0m:29:1]\n \u001b[2m29\u001b[0m │       </p>\n \u001b[2m30\u001b[0m │     </>\n \u001b[2m31\u001b[0m │   )\n \u001b[2m32\u001b[0m │ }\n    · \u001b[38;2;246;87;248m▲\u001b[0m\n    ╰────\n\n  \u001b[38;2;255;30;30m×\u001b[0m Unterminated JSX contents\n    ╭─[\u001b[38;2;92;157;255;1;4m/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx\u001b[0m:27:1]\n \u001b[2m27\u001b[0m │               Random Page\n \u001b[2m28\u001b[0m │             </button>\n \u001b[2m29\u001b[0m │           </p>\n \u001b[2m30\u001b[0m │ \u001b[38;2;246;87;248m╭\u001b[0m\u001b[38;2;246;87;248m─\u001b[0m\u001b[38;2;246;87;248m▶\u001b[0m     </>\n \u001b[2m31\u001b[0m │ \u001b[38;2;246;87;248m│\u001b[0m     )\n \u001b[2m32\u001b[0m │ \u001b[38;2;246;87;248m╰\u001b[0m\u001b[38;2;246;87;248m─\u001b[0m\u001b[38;2;246;87;248m▶\u001b[0m }\n    ╰────\n\n\nCaused by:\n    Syntax Error",
+    stack: "Error: \n  \u001b[38;2;255;30;30m×\u001b[0m Expression expected\n    ╭─[\u001b[38;2;92;157;255;1;4m/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx\u001b[0m:6:1]\n \u001b[2m 6\u001b[0m │ \n \u001b[2m 7\u001b[0m │ function Page() {\n \u001b[2m 8\u001b[0m │   return (\n \u001b[2m 9\u001b[0m │     <>\n    · \u001b[38;2;246;87;248m     ─\u001b[0m\n \u001b[2m10\u001b[0m │       <h1>\n \u001b[2m11\u001b[0m │         Welcome to Vike\n \u001b[2m12\u001b[0m │       <h1>\n    ╰────\n\n  \u001b[38;2;255;30;30m×\u001b[0m Unexpected token. Did you mean `{'}'}` or `&rbrace;`?\n    ╭─[\u001b[38;2;92;157;255;1;4m/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx\u001b[0m:29:1]\n \u001b[2m29\u001b[0m │       </p>\n \u001b[2m30\u001b[0m │     </>\n \u001b[2m31\u001b[0m │   )\n \u001b[2m32\u001b[0m │ }\n    · \u001b[38;2;246;87;248m▲\u001b[0m\n    ╰────\n\n  \u001b[38;2;255;30;30m×\u001b[0m Unterminated JSX contents\n    ╭─[\u001b[38;2;92;157;255;1;4m/home/rom/code/vike/examples/react-full-v1/pages/index/+Page.tsx\u001b[0m:27:1]\n \u001b[2m27\u001b[0m │               Random Page\n \u001b[2m28\u001b[0m │             </button>\n \u001b[2m29\u001b[0m │           </p>\n \u001b[2m30\u001b[0m │ \u001b[38;2;246;87;248m╭\u001b[0m\u001b[38;2;246;87;248m─\u001b[0m\u001b[38;2;246;87;248m▶\u001b[0m     </>\n \u001b[2m31\u001b[0m │ \u001b[38;2;246;87;248m│\u001b[0m     )\n \u001b[2m32\u001b[0m │ \u001b[38;2;246;87;248m╰\u001b[0m\u001b[38;2;246;87;248m─\u001b[0m\u001b[38;2;246;87;248m▶\u001b[0m }\n    ╰────\n\n\nCaused by:\n    Syntax Error"
+};

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet/fixture-errors/errVueCss.d.ts

@@ -0,0 +1,30 @@
+export declare const errVueCss: {
+    name: string;
+    reason: string;
+    file: string;
+    source: string;
+    line: number;
+    column: number;
+    endLine: number;
+    endColumn: number;
+    input: {
+        line: number;
+        column: number;
+        endLine: number;
+        endColumn: number;
+        source: string;
+        url: string;
+        file: string;
+    };
+    loc: {
+        file: string;
+        line: number;
+        column: number;
+    };
+    id: string;
+    plugin: string;
+    pluginCode: string;
+    frame: string;
+    message: string;
+    stack: string;
+};

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet/fixture-errors/errVueCss.js

@@ -0,0 +1,26 @@
+export const errVueCss = {
+    name: 'CssSyntaxError',
+    reason: 'Unexpected }',
+    file: '/home/rom/code/vike/examples/vue-full-v1/renderer/PageShell.vue',
+    source: '\n.layout {\n  display: flex;\n  max-width: 900px;\n  margin: auto;\n}}\n.content {\n  padding: 20px;\n  padding-bottom: 50px;\n  min-height: 100vh;\n}\n.navigation {\n  padding: 20px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  line-height: 1.8em;\n  border-right: 2px solid #eee;\n}\n.logo {\n  margin-top: 20px;\n  margin-bottom: 10px;\n}\n.content {\n  transition: opacity 0.1s ease-in;\n}\n.content.page-transition {\n  opacity: 0;\n}\n',
+    line: 6,
+    column: 2,
+    endLine: 6,
+    endColumn: 3,
+    input: {
+        line: 6,
+        column: 2,
+        endLine: 6,
+        endColumn: 3,
+        source: '\n.layout {\n  display: flex;\n  max-width: 900px;\n  margin: auto;\n}}\n.content {\n  padding: 20px;\n  padding-bottom: 50px;\n  min-height: 100vh;\n}\n.navigation {\n  padding: 20px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  line-height: 1.8em;\n  border-right: 2px solid #eee;\n}\n.logo {\n  margin-top: 20px;\n  margin-bottom: 10px;\n}\n.content {\n  transition: opacity 0.1s ease-in;\n}\n.content.page-transition {\n  opacity: 0;\n}\n',
+        url: 'file:///home/rom/code/vike/examples/vue-full-v1/renderer/PageShell.vue',
+        file: '/home/rom/code/vike/examples/vue-full-v1/renderer/PageShell.vue'
+    },
+    loc: { file: '/home/rom/code/vike/examples/vue-full-v1/renderer/PageShell.vue', line: 45, column: 2 },
+    id: '/home/rom/code/vike/examples/vue-full-v1/renderer/PageShell.vue',
+    plugin: 'vite:vue',
+    pluginCode: '\n.layout {\n  display: flex;\n  max-width: 900px;\n  margin: auto;\n}}\n.content {\n  padding: 20px;\n  padding-bottom: 50px;\n  min-height: 100vh;\n}\n.navigation {\n  padding: 20px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  line-height: 1.8em;\n  border-right: 2px solid #eee;\n}\n.logo {\n  margin-top: 20px;\n  margin-bottom: 10px;\n}\n.content {\n  transition: opacity 0.1s ease-in;\n}\n.content.page-transition {\n  opacity: 0;\n}\n',
+    frame: '43 |    margin: auto;\n44 |  }}\n45 |  .content {\n   |    ^\n46 |    padding: 20px;\n47 |    padding-bottom: 50px;',
+    message: '/home/rom/code/vike/examples/vue-full-v1/renderer/PageShell.vue:6:2: Unexpected }',
+    stack: 'CssSyntaxError: /home/rom/code/vike/examples/vue-full-v1/renderer/PageShell.vue:6:2: Unexpected }\n    at Input.error (/home/rom/code/vike/node_modules/.pnpm/postcss@8.4.23/node_modules/postcss/lib/input.js:148:16)\n    at Parser.unexpectedClose (/home/rom/code/vike/node_modules/.pnpm/postcss@8.4.23/node_modules/postcss/lib/parser.js:548:22)\n    at Parser.end (/home/rom/code/vike/node_modules/.pnpm/postcss@8.4.23/node_modules/postcss/lib/parser.js:379:12)\n    at Parser.parse (/home/rom/code/vike/node_modules/.pnpm/postcss@8.4.23/node_modules/postcss/lib/parser.js:56:16)\n    at parse (/home/rom/code/vike/node_modules/.pnpm/postcss@8.4.23/node_modules/postcss/lib/parse.js:11:12)\n    at new LazyResult (/home/rom/code/vike/node_modules/.pnpm/postcss@8.4.23/node_modules/postcss/lib/lazy-result.js:133:16)\n    at Processor.process (/home/rom/code/vike/node_modules/.pnpm/postcss@8.4.23/node_modules/postcss/lib/processor.js:28:14)\n    at doCompileStyle (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-sfc@3.2.33/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17246:45)\n    at Object.compileStyleAsync (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-sfc@3.2.33/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17188:12)\n    at transformStyle (/home/rom/code/vike/node_modules/.pnpm/@vitejs+plugin-vue@4.2.1_vite@4.3.5_vue@3.2.33/node_modules/@vitejs/plugin-vue/dist/index.cjs:2622:41)'
+};

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet/fixture-errors/errVueHtml.d.ts

@@ -0,0 +1,14 @@
+export declare const errVueHtml: {
+    id: string;
+    plugin: string;
+    message: string;
+    name: string;
+    stack: string;
+    loc: {
+        file: string;
+        line: number;
+        column: number;
+    };
+    pluginCode: string;
+    frame: string;
+};

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet/fixture-errors/errVueHtml.js

@@ -0,0 +1,10 @@
+export const errVueHtml = {
+    id: '/home/rom/code/vike/examples/vue-full-v1/pages/index/+Page.vue',
+    plugin: 'vite:vue',
+    message: 'Element is missing end tag.',
+    name: 'SyntaxError',
+    stack: 'SyntaxError: Element is missing end tag.\n    at createCompilerError (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:19:19)\n    at emitError (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1594:29)\n    at parseElement (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1146:9)\n    at parseChildren (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:937:28)\n    at parseElement (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1125:22)\n    at parseChildren (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:937:28)\n    at parseElement (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1125:22)\n    at parseChildren (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:937:28)\n    at Object.baseParse (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-core@3.2.33/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:852:23)\n    at Object.parse (/home/rom/code/vike/node_modules/.pnpm/@vue+compiler-dom@3.2.33/node_modules/@vue/compiler-dom/dist/compiler-dom.cjs.js:3077:25)',
+    loc: { file: '/home/rom/code/vike/examples/vue-full-v1/pages/index/+Page.vue', line: 2, column: 46 },
+    pluginCode: "<template>\n  <h1>Welcome to Vike<h1>\n  This page is:\n  <ul>\n    <li>Rendered to HTML.</li>\n    <li>Interactive. <Counter /></li>\n  </ul>\n  <p>\n    <button @click=\"randomNavigation\">Random Page</button>\n  </p>\n</template>\n\n<script lang=\"ts\" setup>\nimport Counter from '../../components/Counter.vue'\nimport { navigate } from 'vike/client/router'\n\nconst randomNavigation = () => {\n  const randomIndex = Math.floor(Math.random() * 3)\n  navigate(['/markdown', '/star-wars', '/hello/alice.js'][randomIndex])\n}\n</script>\n",
+    frame: '1  |  <template>\n2  |    <h1>Welcome to Vike<h1>\n   |                                                ^\n3  |    This page is:\n4  |    <ul>'
+};

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet/fixture-errors/errVueJavascript.d.ts

@@ -0,0 +1,16 @@
+export declare const errVueJavascript: {
+    code: string;
+    reasonCode: string;
+    loc: {
+        line: number;
+        column: number;
+        index: number;
+    };
+    pos: number;
+    plugin: string;
+    id: string;
+    pluginCode: string;
+    frame: string;
+    message: string;
+    stack: string;
+};

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet/fixture-errors/errVueJavascript.js

@@ -0,0 +1,12 @@
+export const errVueJavascript = {
+    code: 'BABEL_PARSER_SYNTAX_ERROR',
+    reasonCode: 'MissingSemicolon',
+    loc: { line: 2, column: 7, index: 8 },
+    pos: 8,
+    plugin: 'vite:vue',
+    id: '/home/rom/code/vike/examples/vue-full-v1/pages/index/+Page.vue',
+    pluginCode: "<template>\n  <h1>Welcome to Vike</h1>\n  This page is:\n  <ul>\n    <li>Rendered to HTML.</li>\n    <li>Interactive. <Counter /></li>\n  </ul>\n  <p>\n    <button @click=\"randomNavigation\">Random Page</button>\n  </p>\n</template>\n\n<script lang=\"ts\" setup>\nimeport Counter from '../../components/Counter.vue'\nimport { navigate } from 'vike/client/router'\n\nconst randomNavigation = () => {\n  const randomIndex = Math.floor(Math.random() * 3)\n  navigate(['/markdown', '/star-wars', '/hello/alice.js'][randomIndex])\n}\n</script>\n",
+    frame: '1  |  <template>\n   |          ^\n2  |    <h1>Welcome to Vike</h1>\n3  |    This page is:',
+    message: "[@vue/compiler-sfc] Missing semicolon. (2:7)\n\n/home/rom/code/vike/examples/vue-full-v1/pages/index/+Page.vue\n12 |  \n13 |  <script lang=\"ts\" setup>\n14 |  imeport Counter from '../../components/Counter.vue'\n   |         ^\n15 |  import { navigate } from 'vike/client/router.js'\n16 |  ",
+    stack: "SyntaxError: [@vue/compiler-sfc] Missing semicolon. (2:7)\n\n/home/rom/code/vike/examples/vue-full-v1/pages/index/+Page.vue\n12 |  \n13 |  <script lang=\"ts\" setup>\n14 |  imeport Counter from '../../components/Counter.vue'\n   |         ^\n15 |  import { navigate } from 'vike/client/router.js'\n16 |  \n    at instantiate (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/parse-error/credentials.ts:62:21)\n    at toParseError (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/parse-error.ts:60:12)\n    at TypeScriptParserMixin.raise (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/tokenizer/index.ts:1490:19)\n    at TypeScriptParserMixin.semicolon (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/parser/util.ts:138:10)\n    at TypeScriptParserMixin.parseExpressionStatement (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/parser/statement.ts:1279:10)\n    at TypeScriptParserMixin.parseExpressionStatement (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/plugins/typescript/index.ts:3044:28)\n    at TypeScriptParserMixin.parseStatementContent (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/parser/statement.ts:643:19)\n    at TypeScriptParserMixin.parseStatementContent (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/plugins/typescript/index.ts:2887:20)\n    at TypeScriptParserMixin.parseStatementLike (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/parser/statement.ts:417:17)\n    at TypeScriptParserMixin.parseModuleItem (/home/rom/code/vike/node_modules/.pnpm/@babel+parser@7.21.8/node_modules/@babel/parser/src/parser/statement.ts:354:17)"
+};

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet.d.ts

@@ -0,0 +1,15 @@
+export { getPrettyErrorWithCodeSnippet };
+export { isErrorWithCodeSnippet };
+export { isEquivalentErrorWithCodeSnippet };
+export type { ErrorWithCodeSnippet };
+export { getPrettyErrMessage };
+type ErrorWithCodeSnippet = {
+    id: string;
+    frame?: string;
+    message?: string;
+    plugin?: string;
+};
+declare function isErrorWithCodeSnippet(err: unknown): err is ErrorWithCodeSnippet;
+declare function getPrettyErrorWithCodeSnippet(err: ErrorWithCodeSnippet, userRootDir: string): string;
+declare function getPrettyErrMessage(err: ErrorWithCodeSnippet): string | null;
+declare function isEquivalentErrorWithCodeSnippet(err1: unknown, err2: unknown): boolean;

package/dist/esm/node/plugin/shared/loggerNotProd/errorWithCodeSnippet.js

@@ -0,0 +1,163 @@
+// Prettify transpilation errors
+//  - Doesn't work for optimize errors: https://gist.github.com/brillout/9b7bb78ae866558b292ea1b516a986ec
+export { getPrettyErrorWithCodeSnippet };
+export { isErrorWithCodeSnippet };
+export { isEquivalentErrorWithCodeSnippet };
+// For ./errorWithCodeSnippet.spec.ts
+export { getPrettyErrMessage };
+// Copied & adapted from https://github.com/vitejs/vite/blob/9c114c5c72a6af87e3330d5573362554b4511265/packages/vite/src/node/server/middlewares/error.ts
+import pc from '@brillout/picocolors';
+import { assert, escapeRegex, getFilePathRelativeToUserRootDir, isObject, removeEmptyLines, stripAnsi, toPosixPath } from '../../utils.js';
+function isErrorWithCodeSnippet(err) {
+    if (!isObject(err)) {
+        return false;
+    }
+    const { id, frame, message } = err;
+    if (typeof id !== 'string' || !id.trim()) {
+        return false;
+    }
+    if (typeof frame === 'string' && frame.trim()) {
+        return true;
+    }
+    if (typeof message === 'string' && containsCodeSnippet(message)) {
+        return true;
+    }
+    return false;
+}
+function getPrettyErrorWithCodeSnippet(err, userRootDir) {
+    /* Uncomment to inspect and/or create fixture for ./errorWithCodeSnippet.spec.ts
+    console.log('userRootDir', userRootDir)
+    console.log('err.message', err.message)
+    console.log('err.stack', (err as any).stack)
+    console.log('err.pluginCode', (err as any).pluginCode)
+    console.log('Object.keys(err)', Object.keys(err))
+    console.log('err', err)
+    // For copy-pasting errors while preserving terminal ANSI colors
+    console.log(
+      'JSON.stringify(err)',
+      JSON.stringify({
+        ...err,
+        message: err.message,
+        stack: (err as any).stack
+      })
+    )
+    //*/
+    assert(isErrorWithCodeSnippet(err));
+    let { id, frame } = err;
+    const msgFirstLine = [
+        pc.red('Failed to transpile'),
+        pc.bold(pc.red(getFilePathRelativeToUserRootDir(normalizeId(id), userRootDir))),
+        pc.red('because:')
+    ].join(' ');
+    const errMsg = getPrettyErrMessage(err);
+    if (errMsg && containsCodeSnippet(errMsg)) {
+        // Conditionally swallowing frame is a risky move but worth it thanks to logErrorDebugNote()
+        // We swallow frame because many tools set 'error.frame' to something rubbish, for example:
+        //  - @vitejs/plugin-vue
+        //  - @vitejs/plugin-react-swc
+        //  - @mdx-js/rollup
+        frame = undefined;
+    }
+    else {
+        assert(frame);
+        frame = frame.trim();
+        assert(frame);
+        frame = pc.yellow(frame);
+    }
+    let msg = [msgFirstLine, errMsg, frame].filter(Boolean).join('\n');
+    msg = removeEmptyLines(msg);
+    /* Vite already does a fairly good job at showing a concise error in the layover
+    server.ws.send({
+      type: 'error',
+      err: msg
+    })
+    */
+    return msg;
+}
+function getPrettyErrMessage(err) {
+    const { id, frame } = err;
+    let errMsg = err.message;
+    if (!errMsg || !errMsg.trim())
+        return null;
+    const trail = /(?:\:|)(?:\s|$)/;
+    // Remove "Transform failed with 1 error:" (redundant since we already print an intro message)
+    errMsg = errMsg.split(reg([/Transform failed with \d* error(?:s|)/, trail], 'gi')).join('');
+    // Remove "/home/rom/code/vike/examples/react-full-v1/components/Counter.tsx:1:8:" (redundant since we already print the filename)
+    const pos = /(?:\:\d+|)/;
+    errMsg = errMsg.split(reg([id, pos, pos, trail], 'gi')).join('');
+    errMsg = errMsg.split(reg([normalizeId(id), pos, pos, trail], 'gi')).join('');
+    // Remove "ERROR:" (useless)
+    errMsg = errMsg.split(reg(['ERROR:', trail])).join('');
+    // Remove "Internal server error:" (useless)
+    errMsg = errMsg.split(reg(['Internal server error', trail])).join('');
+    if (containsCodeSnippet(errMsg)) {
+        errMsg = removeStandaloneCodePosition(errMsg);
+    }
+    errMsg = errMsg.trim();
+    if (frame && frame.includes(errMsg))
+        errMsg = '';
+    return errMsg;
+}
+function containsCodeSnippet(str) {
+    str = stripAnsi(str);
+    let codeBlockSize = 0;
+    for (const line of str.split('\n')) {
+        if (!isCodeSnippetLine(line)) {
+            codeBlockSize = 0;
+        }
+        else {
+            codeBlockSize++;
+        }
+        if (codeBlockSize >= 3) {
+            return true;
+        }
+    }
+    return false;
+}
+function isCodeSnippetLine(line) {
+    // Babel
+    if (/[\s\d>]*\|/.test(line))
+        return true;
+    // SWC
+    if (/[\s\d>]*(╭─|│|·)/.test(line))
+        return true;
+    return false;
+}
+function reg(parts, flags = '') {
+    return new RegExp(parts.map((part) => (typeof part === 'string' ? escapeRegex(part) : part.source)).join(''), flags);
+}
+function removeStandaloneCodePosition(errMsg) {
+    // Remove weird standalone code position " (2:7) "
+    errMsg = errMsg
+        .split('\n')
+        .map((line) => {
+        const posRE = /(\s|^)\(\d+:\d+\)(\s|$)/;
+        assert(posRE.test(' (1:2)'));
+        assert(posRE.test('(13:42) '));
+        if (!isCodeSnippetLine(line)) {
+            line = line.split(posRE).join('');
+        }
+        return line;
+    })
+        .join('\n');
+    return errMsg;
+}
+function isEquivalentErrorWithCodeSnippet(err1, err2) {
+    if (!isObject(err1) || !isObject(err2))
+        return false;
+    if (isDefinedAndSame(err1.message, err2.message) &&
+        isDefinedAndSame(err1.frame, err2.frame) &&
+        isDefinedAndSame(err1.id, err2.id)) {
+        return true;
+    }
+    return false;
+}
+function isDefinedAndSame(val1, val2) {
+    return val1 && val1 === val2;
+}
+function normalizeId(id) {
+    id = toPosixPath(id);
+    // remove query
+    id = id.split('?')[0];
+    return id;
+}

package/dist/esm/node/plugin/shared/loggerNotProd/log.d.ts

@@ -0,0 +1,14 @@
+export { logWithViteTag };
+export { logWithVikeTag };
+export { logDirectly };
+export { isFirstLog };
+export { clearScreen };
+export { screenHasErrors };
+import type { LogCategory, LogType } from '../loggerNotProd.js';
+import type { ResolvedConfig } from 'vite';
+declare let isFirstLog: boolean;
+declare let screenHasErrors: boolean;
+declare function logWithVikeTag(msg: string, logType: LogType, category: LogCategory | null, showVikeVersion?: boolean): void;
+declare function logWithViteTag(msg: string, logType: LogType, category: LogCategory | null): void;
+declare function logDirectly(thing: unknown, logType: LogType): void;
+declare function clearScreen(viteConfig: ResolvedConfig): void;

package/dist/esm/node/plugin/shared/loggerNotProd/log.js

@@ -0,0 +1,108 @@
+export { logWithViteTag };
+export { logWithVikeTag };
+export { logDirectly };
+export { isFirstLog };
+export { clearScreen };
+export { screenHasErrors };
+import { assert, projectInfo, stripAnsi, hasProp, assertIsNotProductionRuntime } from '../../utils.js';
+import pc from '@brillout/picocolors';
+import { isErrorDebug } from '../isErrorDebug.js';
+import { getViteDevServer } from '../../../runtime/globalContext.js';
+assertIsNotProductionRuntime();
+let isFirstLog = true;
+let screenHasErrors = false;
+function logWithVikeTag(msg, logType, category, showVikeVersion = false) {
+    const projectTag = getProjectTag(showVikeVersion);
+    msg = prependTags(msg, projectTag, category, logType);
+    logDirectly(msg, logType);
+}
+function getProjectTag(showVikeVersion) {
+    let projectTag;
+    if (showVikeVersion) {
+        projectTag = `[${projectInfo.npmPackageName}@${projectInfo.projectVersion}]`;
+    }
+    else {
+        projectTag = `[${projectInfo.npmPackageName}]`;
+    }
+    return projectTag;
+}
+function logWithViteTag(msg, logType, category) {
+    msg = prependTags(msg, '[vite]', category, logType);
+    logDirectly(msg, logType);
+}
+// Not production => every log is triggered by logDirectly()
+//  - Even all Vite logs also go through logDirectly() (see interceptors of loggerVite.ts)
+//  - Production => logs aren't managed by loggerNotProd.ts => logDirectly() is never called (not even loaded as asserted by assertIsVitePluginCode())
+function logDirectly(thing, logType) {
+    applyViteSourceMapToStackTrace(thing);
+    isFirstLog = false;
+    if (logType === 'info') {
+        console.log(thing);
+        return;
+    }
+    if (logType === 'warn') {
+        console.warn(thing);
+        return;
+    }
+    if (logType === 'error') {
+        screenHasErrors = true;
+        console.error(thing);
+        return;
+    }
+    if (logType === 'error-recover') {
+        // stderr because user will most likely want to know about error recovering
+        console.error(thing);
+        return;
+    }
+    assert(false);
+}
+function clearScreen(viteConfig) {
+    // We use Vite's logger in order to respect the user's `clearScreen: false` setting
+    viteConfig.logger.clearScreen('error');
+    screenHasErrors = false;
+}
+function applyViteSourceMapToStackTrace(thing) {
+    if (isErrorDebug())
+        return;
+    if (!hasProp(thing, 'stack'))
+        return;
+    const viteDevServer = getViteDevServer();
+    if (!viteDevServer)
+        return;
+    // Apply Vite's source maps
+    viteDevServer.ssrFixStacktrace(thing);
+}
+function prependTags(msg, projectTag, category, logType) {
+    const color = (s) => {
+        if (logType === 'error' && !hasRed(msg))
+            return pc.bold(pc.red(s));
+        if (logType === 'error-recover' && !hasGreen(msg))
+            return pc.bold(pc.green(s));
+        if (logType === 'warn' && !hasYellow(msg))
+            return pc.yellow(s);
+        if (projectTag === '[vite]')
+            return pc.bold(pc.cyan(s));
+        if (projectTag.startsWith(`[${projectInfo.npmPackageName}`))
+            return pc.bold(pc.cyan(s));
+        assert(false);
+    };
+    let tag = color(`${projectTag}`);
+    if (category) {
+        tag = tag + pc.dim(`[${category}]`);
+    }
+    const timestamp = pc.dim(new Date().toLocaleTimeString());
+    const whitespace = /\s|\[/.test(stripAnsi(msg)[0]) ? '' : ' ';
+    return `${timestamp} ${tag}${whitespace}${msg}`;
+}
+function hasRed(str) {
+    // https://github.com/brillout/picocolors/blob/e291f2a3e3251a7f218ab6369ae94434d85d0eb0/picocolors.js#L57
+    return str.includes('\x1b[31m');
+}
+function hasGreen(str) {
+    // https://github.com/brillout/picocolors/blob/e291f2a3e3251a7f218ab6369ae94434d85d0eb0/picocolors.js#L58
+    return str.includes('\x1b[32m');
+}
+function hasYellow(str) {
+    // https://github.com/brillout/picocolors/blob/e291f2a3e3251a7f218ab6369ae94434d85d0eb0/picocolors.js#L59
+    return str.includes('\x1b[33m');
+}

package/dist/esm/node/plugin/shared/loggerNotProd.d.ts

@@ -0,0 +1,39 @@
+export { logViteAny };
+export { logViteErrorContainingCodeSnippet };
+export { logConfigInfo };
+export { logConfigError };
+export { logConfigErrorRecover };
+export { logErrorDebugNote };
+export { clearLogs };
+export type { LogInfo };
+export type { LogInfoArgs };
+export type { LogError };
+export type { LogErrorArgs };
+export type { LogType };
+export type { LogCategory };
+import { type ErrorWithCodeSnippet } from './loggerNotProd/errorWithCodeSnippet.js';
+type LogType = 'info' | 'warn' | 'error' | 'error-recover';
+type LogCategory = 'config' | `request(${number})`;
+type LogInfo = (...args: LogInfoArgs) => void;
+type LogInfoArgs = Parameters<typeof logRuntimeInfo>;
+type LogError = (...args: LogErrorArgs) => void;
+type LogErrorArgs = Parameters<typeof logRuntimeError>;
+declare function logRuntimeInfo(msg: string, httpRequestId: number, logType: LogType, clearErrors?: boolean): void;
+declare function logViteAny(msg: string, logType: LogType, httpRequestId: number | null, prependViteTag: boolean): void;
+declare function logConfigInfo(msg: string, logType: LogType): void;
+declare function logConfigErrorRecover(): void;
+declare function logRuntimeError(err: unknown, 
+/** `httpRequestId` is `null` when pre-rendering */
+httpRequestId: number | null): void;
+declare function logViteErrorContainingCodeSnippet(err: ErrorWithCodeSnippet): void;
+declare function logConfigError(err: unknown): void;
+declare function clearLogs(conditions?: {
+    clearErrors?: boolean;
+    clearIfFirstLog?: boolean;
+    clearAlsoIfConfigIsInvalid?: boolean;
+}): void;
+/** Note shown to user when vike does something risky:
+ *  - When vike dedupes (i.e. swallows) an error with getHttpRequestAsyncStore().shouldErrorBeSwallowed(err)
+ *  - When vike modifies the error with getPrettyErrorWithCodeSnippet(err)
+ */
+declare function logErrorDebugNote(): void;