@emailmaker/emailmaker 1.0.107-dev.3 → 1.0.107-dev.4

package/cli/project-templates/shared/partials/plugin-dev-host-app-advanced.eta

@@ -0,0 +1,93 @@
+import { useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import * as <%= it.productApiName %> from '<%= it.packageConfig.packageName %>';
+import type { ExportedApi } from '<%= it.packageConfig.packageName %>';
+import baseEmailHtml from './email.html?raw';
+import { createEditorConfig } from './editorConfig';
+import { getAuthToken } from './getAuthToken';
+
+const productBlockGroups = [
+  {
+    id: 'group1',
+    name: 'iPhone X',
+    image_url: '/demo/product-1.svg',
+    price: 999.95,
+    count: 5,
+  },
+  {
+    id: 'group2',
+    name: 'MacBook Pro',
+    image_url: '/demo/product-2.svg',
+    price: 1499.95,
+    count: 1,
+  },
+];
+
+const editorConfig = createEditorConfig({ productBlockGroups });
+
+function createDemoEmailId() {
+  if (typeof globalThis.crypto?.randomUUID === 'function') {
+    return globalThis.crypto.randomUUID();
+  }
+
+  return `demo-email-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+
+const DEMO_TARGET_MARKUP = [
+  '<tr>',
+  '  <td style="padding: 32px; font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; color: #333333;">',
+  '    <div style="padding: 16px; border: 1px dashed #d9d9d9; border-radius: 8px; background: #ffffff;">',
+  <%~ it.demoMessageLiteral %>,
+  '    </div>',
+  '  </td>',
+  '</tr>',
+].join('');
+
+const EMPTY_EMAIL_CONTAINER = '<table cellpadding="0" cellspacing="0" width="100%" border="0" style="max-width: 660px; min-width: 660px; width: 660px;" class="em-narrow-table"></table>';
+
+function createDemoEmailHtml() {
+  const populatedContainer = EMPTY_EMAIL_CONTAINER.replace('</table>', DEMO_TARGET_MARKUP + '</table>');
+  return baseEmailHtml.includes(EMPTY_EMAIL_CONTAINER)
+    ? baseEmailHtml.replace(EMPTY_EMAIL_CONTAINER, populatedContainer)
+    : baseEmailHtml;
+}
+
+export interface HostAppOptions {
+  plugins: NonNullable<ExportedApi.Options['plugins']>;
+}
+
+export function renderHostApp(options: HostAppOptions): void {
+  const { plugins } = options;
+  const contentCode = createDemoEmailHtml();
+
+  function PluginDevHostApp() {
+    useEffect(() => {
+      void (async () => {
+        const initOptions = {
+          getAuthToken,
+          element: '#editor-root',
+          content: {
+            email: {
+              id: createDemoEmailId(),
+              title: <%~ it.devHostDemoTitleLiteral %>,
+              code: contentCode,
+            },
+          },
+          config: editorConfig,
+          plugins,
+        } satisfies ExportedApi.Options;
+        await <%= it.productApiName %>.init(initOptions);
+      })();
+    }, []);
+
+    return <div id="editor-root" />;
+  }
+
+  const rootElement = document.getElementById('root');
+
+  if (!rootElement) {
+    throw new Error(<%~ it.rootElementNotFoundLiteral %>);
+  }
+
+  createRoot(rootElement).render(<PluginDevHostApp />);
+}

package/cli/project-templates/shared/partials/plugin-dev-host-app-minimal.eta

@@ -0,0 +1,54 @@
+import { useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import * as <%= it.productApiName %> from '<%= it.packageConfig.packageName %>';
+import type { ExportedApi } from '<%= it.packageConfig.packageName %>';
+import baseEmailHtml from './email.html?raw';
+import { editorConfig } from './editorConfig';
+import { getAuthToken } from './getAuthToken';
+
+function createDemoEmailId() {
+  if (typeof globalThis.crypto?.randomUUID === 'function') {
+    return globalThis.crypto.randomUUID();
+  }
+
+  return `demo-email-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+
+export interface HostAppOptions {
+  plugins: NonNullable<ExportedApi.Options['plugins']>;
+}
+
+export function renderHostApp(options: HostAppOptions): void {
+  const { plugins } = options;
+
+  function PluginDevHostApp() {
+    useEffect(() => {
+      void (async () => {
+        const initOptions = {
+          getAuthToken,
+          element: '#editor-root',
+          content: {
+            email: {
+              id: createDemoEmailId(),
+              title: <%~ it.devHostDemoTitleLiteral %>,
+              code: baseEmailHtml,
+            },
+          },
+          config: editorConfig,
+          plugins,
+        } satisfies ExportedApi.Options;
+        await <%= it.productApiName %>.init(initOptions);
+      })();
+    }, []);
+
+    return <div id="editor-root" />;
+  }
+
+  const rootElement = document.getElementById('root');
+
+  if (!rootElement) {
+    throw new Error(<%~ it.rootElementNotFoundLiteral %>);
+  }
+
+  createRoot(rootElement).render(<PluginDevHostApp />);
+}

package/cli/project-templates/shared/partials/plugin-dev-tsx-advanced.eta

@@ -6,18 +6,19 @@ import baseEmailHtml from './dev/email.html?raw';
 import { createEditorConfig } from './dev/editorConfig';
 import { getAuthToken } from './dev/getAuthToken';
 
+// Локальные демо-картинки из public/demo (доступны с dev-сервера, без внешних CDN).
 const productBlockGroups = [
   {
     id: 'group1',
     name: 'iPhone X',
-    image_url: 'https://zwkxy.stripocdn.email/content/guids/CABINET_afa9e4cdc44a36489ab8a25bf18acd36/images/madibadeafricaninspirationaxe4ufe3iv4unsplash_1_sJE.png',
+    image_url: '/demo/product-1.svg',
     price: 999.95,
     count: 5,
   },
   {
     id: 'group2',
     name: 'MacBook Pro',
-    image_url: 'https://zwkxy.stripocdn.email/content/guids/CABINET_04b76f2be80a3047c3463cc03b80c354/images/pexelsannashvets4588065.png',
+    image_url: '/demo/product-2.svg',
     price: 1499.95,
     count: 1,
   },

package/cli/project-templates/shared/partials/plugin-dev-tsx-debug.eta

@@ -0,0 +1,18 @@
+import type { ExportedApi } from '<%= it.packageConfig.packageName %>';
+import { renderHostApp } from './dev/hostApp';
+
+async function main(): Promise<void> {
+  const pluginModule = await import('./index');
+
+  if (!pluginModule.default) {
+    throw new Error('Unable to resolve the local plugin constructor from ./index.');
+  }
+
+  const plugins: NonNullable<ExportedApi.Options['plugins']> = [
+    [pluginModule.default, { publicPath: '/' }],
+  ];
+
+  renderHostApp({ plugins });
+}
+
+void main();

package/cli/project-templates/shared/partials/plugin-dev-tsx-release.eta

@@ -0,0 +1,33 @@
+import type { ExportedApi } from '<%= it.packageConfig.packageName %>';
+import { renderHostApp } from './dev/hostApp';
+<% if (it.releaseUsesUmd) { %>
+renderHostApp({
+  plugins: [{
+    type: 'umd',
+    url: '/dist/index.js',
+    name: <%~ it.pluginKeyLiteral %>,
+    resolve: 'registry',
+  }] as NonNullable<ExportedApi.Options['plugins']>,
+});
+<% } else { %>
+type PluginConstructor = typeof import('./index').default;
+
+async function main(): Promise<void> {
+  const pluginModule = await import(
+    <%= it.releaseImportIgnoreComment %>
+    '/dist/index.js'
+  ) as { default: PluginConstructor };
+
+  if (!pluginModule.default) {
+    throw new Error('Unable to resolve the built plugin constructor from dist/index.js.');
+  }
+
+  const plugins: NonNullable<ExportedApi.Options['plugins']> = [
+    [pluginModule.default, { publicPath: '/dist/' }],
+  ];
+
+  renderHostApp({ plugins });
+}
+
+void main();
+<% } %>

package/cli/project-templates/shared/partials/plugin-dev-tsx-runtime-helpers.eta

@@ -1,4 +1,4 @@
-type PluginConstructor = typeof import('./index').<%= it.pluginClassName %>;
+type PluginConstructor = typeof import('./index').default;
 type PluginEntries = NonNullable<ExportedApi.Options['plugins']>;
 type PluginRunMode = 'debug' | 'release';
 const RELEASE_PLUGIN_ENTRY: string = '/dist/index.js';
@@ -23,25 +23,25 @@ const RELEASE_PLUGIN_DESCRIPTOR = null;
 
 async function loadReleasePlugin() {
   type PluginModule = {
-    <%= it.pluginClassName %>: PluginConstructor;
+    default: PluginConstructor;
   };
-  const { <%= it.pluginClassName %> } = await import(
+  const pluginModule = await import(
     <%= it.releaseImportIgnoreComment %>
     RELEASE_PLUGIN_ENTRY
   ) as PluginModule;
-  if (!<%= it.pluginClassName %>) {
+  if (!pluginModule.default) {
     throw new Error('Unable to resolve the built plugin constructor from dist/index.js.');
   }
-  return <%= it.pluginClassName %>;
+  return pluginModule.default;
 }
 <% } %>
 async function loadPluginConstructor() {
   if (!IS_RELEASE_MODE) {
-    const { <%= it.pluginClassName %> } = await import('./index');
-    if (!<%= it.pluginClassName %>) {
+    const pluginModule = await import('./index');
+    if (!pluginModule.default) {
       throw new Error('Unable to resolve the local plugin constructor from ./index.');
     }
-    return <%= it.pluginClassName %>;
+    return pluginModule.default;
   }
 
   <% if (it.releaseUsesUmd) { %>throw new Error('Release UMD bundle should be passed as a descriptor.');<% } else { %>return loadReleasePlugin();<% } %>

package/cli/project-templates/shared/partials/plugin-index-ts.eta

@@ -1,4 +1,3 @@
 import { <%= it.pluginClassName %> } from './app/<%= it.pluginClassName %>';
 
-export { <%= it.pluginClassName %> };
 export default <%= it.pluginClassName %>;

package/cli/project-templates/shared/partials/plugin-vite-dev-host.eta

@@ -1,13 +1,14 @@
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { defineConfig } from 'vite';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { defineConfig, type UserConfigExport } from 'vite';
 import VitePlugin from '<%= it.packageConfig.packageName %>/vite';
 import PluginDev from '<%= it.packageConfig.packageName %>/vite/pluginDev';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
+const isRelease = process.env.EM_DEV_RELEASE === '1';
 
-export default defineConfig(() => ({
+const config = defineConfig(() => ({
   root: projectRoot,
   plugins: [
     ...VitePlugin(),
@@ -15,6 +16,7 @@ export default defineConfig(() => ({
   ],
   server: {
     port: 3000,
+    open: isRelease ? '/release.html' : undefined,
     proxy: {
       '/api': {
         target: <%~ JSON.stringify(it.packageConfig.openApiBaseUrl || '') %>,
@@ -30,4 +32,6 @@ export default defineConfig(() => ({
       },
     },
   },
-}));
+})) satisfies UserConfigExport;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-vite-plugin-build.eta

@@ -1,13 +1,13 @@
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { defineConfig } from 'vite';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { defineConfig, type UserConfigExport } from 'vite';
 import PluginDev from '<%= it.packageConfig.packageName %>/vite/pluginDev';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
 const pluginDevExternals = <%~ it.importsModeLiteral %>;
 
-export default defineConfig({
+const config = defineConfig({
   root: projectRoot,
   plugins: [
     PluginDev({ externals: pluginDevExternals }),
@@ -24,4 +24,6 @@ export default defineConfig({
       fileName: () => 'index.js',
     },
   },
-});
+}) satisfies UserConfigExport;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-vite-release-html.eta

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="<%= it.htmlLang %>">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%= it.indexHtmlTitle %> release host</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/dev-release.tsx"></script>
+  </body>
+</html>

package/cli/project-templates/shared/partials/plugin-vite-sandbox-build.eta

@@ -1,11 +1,11 @@
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { defineConfig } from 'vite';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { defineConfig, type UserConfigExport } from 'vite';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
 
-export default defineConfig(({ mode }) => ({
+const config = defineConfig(({ mode }) => ({
   root: projectRoot,
   build: {
     sourcemap: true,
@@ -19,4 +19,6 @@ export default defineConfig(({ mode }) => ({
       fileName: () => 'sandbox.js',
     },
   },
-}));
+})) satisfies UserConfigExport;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-webpack-dev-host-legacy.eta

@@ -1,12 +1,16 @@
-const path = require('path');
-const WebpackPlugin = require('<%= it.packageConfig.packageName %>/webpack');
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Configuration } from 'webpack';
+import WebpackPlugin from '<%= it.packageConfig.packageName %>/webpack';
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
+const isRelease = process.env.EM_DEV_RELEASE === '1';
 
-module.exports = {
+const config = {
   mode: 'development',
   devtool: 'eval-source-map',
-  entry: path.resolve(projectRoot, 'src/dev.tsx'),
+  entry: path.resolve(projectRoot, isRelease ? 'src/dev-release.tsx' : 'src/dev.tsx'),
   module: {
     rules: [
       {
@@ -38,6 +42,7 @@ module.exports = {
       { directory: path.resolve(projectRoot, 'dist'), publicPath: '/dist' },
     ],
     port: 3000,
+    open: isRelease ? '/release.html' : undefined,
     hot: false,
     liveReload: true,
     allowedHosts: 'all',
@@ -53,4 +58,6 @@ module.exports = {
       },
     ],
   },
-};
+} satisfies Configuration;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-webpack-dev-host-modern.eta

@@ -1,13 +1,17 @@
-const path = require('path');
-const WebpackPlugin = require('<%= it.packageConfig.packageName %>/webpack');
-const PluginDev = require('<%= it.packageConfig.packageName %>/webpack/pluginDev');
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Configuration } from 'webpack';
+import WebpackPlugin from '<%= it.packageConfig.packageName %>/webpack';
+import PluginDev from '<%= it.packageConfig.packageName %>/webpack/pluginDev';
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
+const isRelease = process.env.EM_DEV_RELEASE === '1';
 
-module.exports = {
+const config = {
   mode: 'development',
   devtool: 'eval-source-map',
-  entry: path.resolve(projectRoot, 'src/dev.tsx'),
+  entry: path.resolve(projectRoot, isRelease ? 'src/dev-release.tsx' : 'src/dev.tsx'),
   module: {
     rules: [
       {
@@ -40,6 +44,7 @@ module.exports = {
       { directory: path.resolve(projectRoot, 'dist'), publicPath: '/dist' },
     ],
     port: 3000,
+    open: isRelease ? '/release.html' : undefined,
     hot: false,
     liveReload: true,
     allowedHosts: 'all',
@@ -55,4 +60,6 @@ module.exports = {
       },
     ],
   },
-};
+} satisfies Configuration;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-webpack-release-html.eta

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="<%= it.htmlLang %>">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%= it.indexHtmlTitle %> release host</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="<%= it.webpackIndexScriptSrc %>"></script>
+  </body>
+</html>

package/cli/project-templates/shared/partials/plugin-webpack-sandbox-build.eta

@@ -1,7 +1,15 @@
-const path = require('path');
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Configuration } from 'webpack';
+
+interface WebpackArgv {
+  mode?: string;
+}
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
 
-module.exports = (_env, argv = {}) => {
+const config = (_env: Record<string, never>, argv: WebpackArgv = {}) => {
   const isDev = argv.mode !== 'production';
 
   return {
@@ -34,5 +42,7 @@ module.exports = (_env, argv = {}) => {
       clean: false,
       iife: true,
     },
-  };
+  } satisfies Configuration;
 };
+
+export default config;

package/cli/project-templates/shared/partials/plugin-wp-legacy-module.eta

@@ -1,21 +1,37 @@
-const fs = require('fs');
-const path = require('path');
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Configuration } from 'webpack';
 
+type LegacyExternalValue = string | string[];
+type LegacyExternals = Record<string, LegacyExternalValue>;
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
 
-function readJsonSync(relativePath) {
-  const absPath = path.resolve(projectRoot, relativePath);
-  return fs.existsSync(absPath) ? JSON.parse(fs.readFileSync(absPath, 'utf8')) : {};
+function readJsonSync(relativePath: string): LegacyExternals {
+  return JSON.parse(fs.readFileSync(path.resolve(projectRoot, relativePath), 'utf8')) as LegacyExternals;
+}
+
+function getExternal(packageName: string): LegacyExternals {
+  try {
+    return readJsonSync(`node_modules/${packageName}/externals.json`);
+  } catch (e) {
+    console.log(e);
+    return {};
+  }
 }
 
-function getExternals() {
+function getExternals(): LegacyExternals {
   return {
-    ...readJsonSync('node_modules/<%= it.packageConfig.extensionsApiPackageName %>/externals.json'),
-    ...readJsonSync('node_modules/<%= it.packageConfig.extensionsReactPackageName %>/externals.json'),
+    ...getExternal('<%= it.packageConfig.uiKitPackageName %>'),
+    ...getExternal('<%= it.packageConfig.extensionsApiPackageName %>'),
+    ...getExternal('<%= it.packageConfig.extensionsReactPackageName %>'),
+    ...getExternal('<%= it.packageConfig.extensionsSandboxPackageName %>'),
   };
 }
 
-module.exports = {
+const config = {
   entry: path.resolve(projectRoot, 'src/index.ts'),
   devtool: 'source-map',
   mode: 'production',
@@ -50,4 +66,6 @@ module.exports = {
       type: 'module',
     },
   },
-};
+} satisfies Configuration;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-wp-legacy-umd.eta

@@ -1,21 +1,37 @@
-const fs = require('fs');
-const path = require('path');
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Configuration } from 'webpack';
 
+type LegacyExternalValue = string | string[];
+type LegacyExternals = Record<string, LegacyExternalValue>;
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
 
-function readJsonSync(relativePath) {
-  const absPath = path.resolve(projectRoot, relativePath);
-  return fs.existsSync(absPath) ? JSON.parse(fs.readFileSync(absPath, 'utf8')) : {};
+function readJsonSync(relativePath: string): LegacyExternals {
+  return JSON.parse(fs.readFileSync(path.resolve(projectRoot, relativePath), 'utf8')) as LegacyExternals;
+}
+
+function getExternal(packageName: string): LegacyExternals {
+  try {
+    return readJsonSync(`node_modules/${packageName}/externals.json`);
+  } catch (e) {
+    console.log(e);
+    return {};
+  }
 }
 
-function getExternals() {
+function getExternals(): LegacyExternals {
   return {
-    ...readJsonSync('node_modules/<%= it.packageConfig.extensionsApiPackageName %>/externals.json'),
-    ...readJsonSync('node_modules/<%= it.packageConfig.extensionsReactPackageName %>/externals.json'),
+    ...getExternal('<%= it.packageConfig.uiKitPackageName %>'),
+    ...getExternal('<%= it.packageConfig.extensionsApiPackageName %>'),
+    ...getExternal('<%= it.packageConfig.extensionsReactPackageName %>'),
+    ...getExternal('<%= it.packageConfig.extensionsSandboxPackageName %>'),
   };
 }
 
-module.exports = {
+const config = {
   entry: path.resolve(projectRoot, 'src/index.ts'),
   devtool: 'source-map',
   mode: 'production',
@@ -53,4 +69,6 @@ module.exports = {
     globalObject: 'this',
     umdNamedDefine: true,
   },
-};
+} satisfies Configuration;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-wp-modern-module.eta

@@ -1,10 +1,13 @@
-const path = require('path');
-const PluginDev = require('<%= it.packageConfig.packageName %>/webpack/pluginDev');
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Configuration } from 'webpack';
+import PluginDev from '<%= it.packageConfig.packageName %>/webpack/pluginDev';
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
 const pluginDevExternals = <%~ it.importsModeLiteral %>;
 
-module.exports = {
+const config = {
   entry: path.resolve(projectRoot, 'src/index.ts'),
   devtool: 'source-map',
   mode: 'production',
@@ -41,4 +44,6 @@ module.exports = {
       type: 'module',
     },
   },
-};
+} satisfies Configuration;
+
+export default config;

package/cli/project-templates/shared/partials/plugin-wp-modern-umd.eta

@@ -1,10 +1,13 @@
-const path = require('path');
-const PluginDev = require('<%= it.packageConfig.packageName %>/webpack/pluginDev');
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Configuration } from 'webpack';
+import PluginDev from '<%= it.packageConfig.packageName %>/webpack/pluginDev';
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');
 const pluginDevExternals = <%~ it.importsModeLiteral %>;
 
-module.exports = {
+const config = {
   entry: path.resolve(projectRoot, 'src/index.ts'),
   devtool: 'source-map',
   mode: 'production',
@@ -44,4 +47,6 @@ module.exports = {
     globalObject: 'this',
     umdNamedDefine: true,
   },
-};
+} satisfies Configuration;
+
+export default config;

package/cli/project-templates/shared/partials/stand-dev-host-vite-memory.eta

@@ -1,7 +1,7 @@
-import path from 'path';
-import { fileURLToPath } from 'url';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import VitePlugin from '<%~ it.standVitePluginPackage %>/vite';
-import { createMemoryUsageStandConfig } from './lib/createMemoryUsageStandConfig.mjs';
+import { createMemoryUsageStandConfig } from './lib/createMemoryUsageStandConfig.ts';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const projectRoot = path.resolve(__dirname, '..');