create-blocklet 0.9.27 → 0.9.29

package/index.js

@@ -9,7 +9,7 @@ import ora from 'ora';
 import prompts from 'prompts';
 import { fileURLToPath } from 'url';
 import { argv, cd, chalk, fs, path, YAML } from 'zx';
-import { echoBrand, echoDocument } from './lib/arcblock.js';
+import { echoBrand, printResourceMessage } from './lib/arcblock.js';
 import { getBlockletDidList } from './lib/did.js';
 import { initGitRepo } from './lib/git.js';
 import { getUser } from './lib/index.js';
@@ -270,97 +270,126 @@ async function init() {
   const transferName = defaultProjectName.replace('.', '-');
 
   try {
-    result = await prompts(
-      [
-        {
-          type: isValidName(defaultProjectName) && targetDir && !['.', './'].includes(targetDir) ? null : 'text',
-          name: 'projectName',
-          message: 'Project name:',
-          initial: transferName,
-          onState: (state) => {
-            projectName = state.value.trim() || transferName;
+    const enableE2E = argv.e2e;
+    if (enableE2E) {
+      result = {
+        enableE2E: argv.e2e,
+        mainBlocklet: argv.mainBlocklet || null,
+        templateNames: argv.template.split(','),
+        overwrite: argv.overwrite || false,
+        packageName: argv.packageName,
+        authorName: argv.authorName,
+        authorEmail: argv.authorEmail,
+        packageManager: argv.packageManager,
+      };
+    } else {
+      result = await prompts(
+        [
+          {
+            type: isValidName(defaultProjectName) && targetDir && !['.', './'].includes(targetDir) ? null : 'text',
+            name: 'projectName',
+            message: 'Project name:',
+            initial: transferName,
+            onState: (state) => {
+              projectName = state.value.trim() || transferName;
+            },
           },
-        },
-        {
-          type: () => (!fs.existsSync(targetDir) || isEmpty(targetDir) ? null : 'confirm'),
-          name: 'overwrite',
-          message: () =>
-            `${
-              ['.', './'].includes(targetDir) ? 'Current directory' : `Target directory "${targetDir}"`
-            } is not empty. Remove existing files and continue?`,
-        },
-        {
-          type: (_, { overwrite } = {}) => {
-            if (overwrite === false) {
-              throw new Error(`${red('✖')} Operation cancelled`);
-            }
-            return null;
+          {
+            type: () => (!fs.existsSync(targetDir) || isEmpty(targetDir) ? null : 'confirm'),
+            name: 'overwrite',
+            message: () =>
+              `${
+                ['.', './'].includes(targetDir) ? 'Current directory' : `Target directory "${targetDir}"`
+              } is not empty. Remove existing files and continue?`,
           },
-          name: 'overwriteChecker',
-        },
-        {
-          type: () => (isValidPackageName(projectName) ? null : 'text'),
-          name: 'packageName',
-          message: 'Package name:',
-          initial: () => toValidPackageName(projectName) || defaultProjectName,
-          validate: (dir) => isValidPackageName(dir) || 'Invalid package.json name',
-        },
-        ...(inputTemplateName
-          ? []
-          : [
-              {
-                type: 'autocompleteMultiselect',
-                name: 'templateNames',
-                message: 'Choose one or more blocklet templates:',
-                choices: templates.map((template) => {
-                  const templateColor = template.color;
-                  return {
-                    title: templateColor(template.display),
-                    value: template.name,
-                  };
-                }),
-                min: 1,
-                suggest: (input, choices) => Promise.resolve(choices.filter((i) => i.title.includes(input))),
-              },
-              {
-                type: (templateNames = []) => {
-                  return templateNames.length > 1 ? 'select' : null;
-                },
-                name: 'mainBlocklet',
-                message: 'Please choose the main blocklet',
-                //
-                choices: (templateNames = []) =>
-                  templateNames.map((templateName) => {
-                    const template = templates.find((x) => x.name === templateName);
+          {
+            type: (_, { overwrite } = {}) => {
+              if (overwrite === false) {
+                throw new Error(`${red('✖')} Operation cancelled`);
+              }
+              return null;
+            },
+            name: 'overwriteChecker',
+          },
+          {
+            type: () => (isValidPackageName(projectName) ? null : 'text'),
+            name: 'packageName',
+            message: 'Package name:',
+            initial: () => toValidPackageName(projectName) || defaultProjectName,
+            validate: (dir) => isValidPackageName(dir) || 'Invalid package.json name',
+          },
+          ...(inputTemplateName
+            ? []
+            : [
+                {
+                  type: 'autocompleteMultiselect',
+                  name: 'templateNames',
+                  message: 'Choose templates:',
+                  choices: templates.map((template) => {
+                    const templateColor = template.color;
                     return {
-                      title: template.display,
+                      title: templateColor(template.display),
                       value: template.name,
                     };
                   }),
-                initial: 1,
-              },
-            ]),
-        {
-          type: 'text',
-          name: 'authorName',
-          message: 'Author name:',
-          initial: authorInfo?.name || '',
-          validate: (name) => (name ? true : 'Author name is required'),
-        },
+                  min: 1,
+                  suggest: (input, choices) => Promise.resolve(choices.filter((i) => i.title.includes(input))),
+                  optionsPerPage: templates.length,
+                  hint: '- Press the Space bar to select, and the Enter key to submit.',
+                },
+                {
+                  type: (templateNames = []) => {
+                    return templateNames.length > 1 ? 'select' : null;
+                  },
+                  name: 'mainBlocklet',
+                  message: 'Please choose the main blocklet',
+                  //
+                  choices: (templateNames = []) =>
+                    templateNames.map((templateName) => {
+                      const template = templates.find((x) => x.name === templateName);
+                      return {
+                        title: template.display,
+                        value: template.name,
+                      };
+                    }),
+                  initial: 1,
+                },
+              ]),
+          {
+            type: 'text',
+            name: 'authorName',
+            message: 'Author name:',
+            initial: authorInfo?.name || '',
+            validate: (name) => (name ? true : 'Author name is required'),
+          },
+          {
+            type: 'text',
+            name: 'authorEmail',
+            message: 'Author email:',
+            initial: authorInfo?.email || '',
+            validate: (email) => (email ? true : 'Author email is required'),
+          },
+          {
+            type: async () => {
+              const isInstalled = await checkServerInstalled();
+              return isInstalled ? null : 'select';
+            },
+            name: 'packageManager',
+            message: 'Select package manager to install @blocklet/cli:',
+            choices: [
+              { title: 'npm', value: 'npm' },
+              { title: 'yarn', value: 'yarn' },
+              { title: 'pnpm', value: 'pnpm' },
+            ],
+          },
+        ],
         {
-          type: 'text',
-          name: 'authorEmail',
-          message: 'Author email:',
-          initial: authorInfo?.email || '',
-          validate: (email) => (email ? true : 'Author email is required'),
-        },
-      ],
-      {
-        onCancel: () => {
-          throw new Error(`${red('✖')} Operation cancelled`);
+          onCancel: () => {
+            throw new Error(`${red('✖')} Operation cancelled`);
+          },
         },
-      },
-    );
+      );
+    }
   } catch (cancelled) {
     console.error(cancelled.message);
     return;
@@ -374,16 +403,28 @@ async function init() {
     packageName,
     authorName,
     authorEmail,
+    packageManager,
   } = result;
 
-  await echoDocument();
-
-  const root = path.join(cwd, targetDir || projectName || packageName);
+  const projectRoot = path.join(cwd, targetDir || projectName || packageName);
 
   if (overwrite) {
-    emptyDir(root);
-  } else if (!fs.existsSync(root)) {
-    fs.mkdirSync(root);
+    emptyDir(projectRoot);
+  } else if (!fs.existsSync(projectRoot)) {
+    fs.mkdirSync(projectRoot);
+  }
+
+  if (!(await checkServerInstalled())) {
+    const installCommand =
+      packageManager === 'yarn' ? 'yarn global add @blocklet/cli' : `${packageManager} install -g @blocklet/cli`;
+    console.log(`Use ${installCommand} to install @blocklet/cli...`);
+    try {
+      execSync(installCommand, { stdio: 'inherit' });
+      console.log(chalk.green('Successfully installed @blocklet/cli'));
+    } catch (error) {
+      console.error(red(`Error installing @blocklet/cli: ${error.message}`));
+      console.log(`Please try to install manually: ${chalk.cyan(installCommand)}`);
+    }
   }
 
   const checkSpinner = ora({
@@ -393,11 +434,10 @@ async function init() {
   const isServerInstalled = await checkServerInstalled();
   const isSatisfiedVersion = await checkSatisfiedVersion();
   const isServerRunning = await checkServerRunning();
-  checkSpinner.succeed('Done');
-
-  console.log(`\nScaffolding project in ${cyan(root)}`);
+  checkSpinner.succeed('🚀 Checking blocklet server runtime environment successfully!');
 
   const scaffoldSpinner = ora('Creating project...\n').start();
+
   // name 是用户输入的项目名称
   let name = projectName || packageName || targetDir;
   if (['.', './'].includes(name)) {
@@ -411,7 +451,7 @@ async function init() {
     const monorepoDir = path.join(__dirname, 'templates', 'monorepo');
     const monorepoFiles = fs.readdirSync(monorepoDir);
     for (const file of monorepoFiles) {
-      const targetPath = path.join(root, renameFiles[file] || file);
+      const targetPath = path.join(projectRoot, renameFiles[file] || file);
       copy(path.join(monorepoDir, file), targetPath);
     }
   }
@@ -483,8 +523,8 @@ async function init() {
         }
 
         const targetPath = renameFiles[file]
-          ? path.join(root, mainBlocklet ? `blocklets/${templateName}` : '', renameFiles[file])
-          : path.join(root, mainBlocklet ? `blocklets/${templateName}` : '', file);
+          ? path.join(projectRoot, mainBlocklet ? `blocklets/${templateName}` : '', renameFiles[file])
+          : path.join(projectRoot, mainBlocklet ? `blocklets/${templateName}` : '', file);
 
         copy(path.join(commonDir, file), targetPath);
       }
@@ -498,12 +538,12 @@ async function init() {
       }
       // 如果选择了多个模板，每个子 package 中的 bump-version.mjs 文件
       if (mainBlocklet) {
-        fs.removeSync(path.join(root, `blocklets/${templateName}`, 'scripts/bump-version.mjs'));
+        fs.removeSync(path.join(projectRoot, `blocklets/${templateName}`, 'scripts/bump-version.mjs'));
       }
     })();
 
     // merge readme
-    mergeReadme(templateName, root, !!mainBlocklet);
+    mergeReadme(templateName, projectRoot, !!mainBlocklet);
 
     modifyPackage(
       (pkg) => {
@@ -579,9 +619,11 @@ async function init() {
     await patchDid();
   }
 
-  scaffoldSpinner.succeed('✨  Done. Now run:\n');
+  scaffoldSpinner.succeed('✨ Creating project successfully!');
+
+  console.log(`✔ 🔨 Scaffolding project in ${cyan(projectRoot)}`);
 
-  const related = path.relative(cwd, root);
+  const projectRelativePath = path.relative(cwd, projectRoot);
 
   // const pkgManager =
   //   // eslint-disable-next-line no-nested-ternary
@@ -607,9 +649,9 @@ async function init() {
     const yes = false;
     let hasStart = false;
 
-    await initGitRepo(root);
+    await initGitRepo(projectRoot);
 
-    let defaultAgent = 'npm';
+    let defaultAgent = 'pnpm';
     const agentList = ['npm', 'yarn', 'pnpm'];
 
     // switch (templateNames) {
@@ -633,7 +675,7 @@ async function init() {
       }
       defaultAgent = agent;
 
-      await cd(root);
+      await cd(projectRoot);
       execSync(`${agent} install`, { stdio: 'inherit' });
       if (isServerInstalled && isServerRunning && isSatisfiedVersion) {
         console.log(
@@ -656,45 +698,45 @@ async function init() {
       // 未安装 blocklet server
       console.log(red('To run the blocklet, you need a running blocklet server instance on local machine.'), '\n');
       console.log(`Checkout ${green('README.md')} for more usage instructions.`);
-      console.log('Now you should run:', '\n');
-      console.log(cyan(`${defaultAgent} install -g @blocklet/cli`));
-      console.log(cyan('blocklet server start -a'));
+      console.log(`${chalk.bold('👉 Now you should run: \n')}`);
+      console.log(cyan(`  ${defaultAgent} install -g @blocklet/cli`));
+      console.log(cyan('  blocklet server start -a'));
     } else if (!isSatisfiedVersion) {
       // 已安装 blocklet server，但版本不满足
       console.log(red('Your blocklet server version is outdate, please update it to the latest version.'));
-      console.log('Now you should run:', '\n');
+      console.log(`${chalk.bold('👉 Now you should run: \n')}`);
       if (isServerRunning) {
         // blocklet server 已经启动
         const serverPath = await getServerDirectory();
-        console.log(cyan(`cd ${serverPath}`));
-        console.log(cyan('blocklet server stop'));
-        console.log(cyan(`${defaultAgent} install -g @blocklet/cli`));
-        console.log(cyan('blocklet server start'));
+        console.log(cyan(`  cd ${serverPath}`));
+        console.log(cyan('  blocklet server stop'));
+        console.log(cyan(`  ${defaultAgent} install -g @blocklet/cli`));
+        console.log(cyan('  blocklet server start'));
       } else {
         // blocklet server 未启动
         // TODO: 如何获取未启动的 blocklet server 实例目录？
-        console.log(cyan(`${defaultAgent} install -g @blocklet/cli`));
-        console.log(cyan('blocklet server start -a'));
+        console.log(cyan(`  ${defaultAgent} install -g @blocklet/cli`));
+        console.log(cyan('  blocklet server start -a'));
       }
     } else if (!isServerRunning) {
       // 已经安装 blocklet server，且版本满足，并且 blocklet server 未启动
-      console.log(red('You need to start your blocklet server before develop this blocklet.'));
-      console.log('Now you should run:', '\n');
+      console.log(`${chalk.bold('👉 Now you should run: \n')}`);
       // TODO: 如何获取未启动的 blocklet server 实例目录？
-      console.log(cyan('blocklet server start -a'));
+      console.log(cyan('  blocklet server start -a'));
     }
 
     if (!hasStart) {
       // console.log(dim('\n  start it later by:\n'));
-      if (root !== cwd) console.log(blue(`  cd ${bold(related)}`));
+      if (projectRoot !== cwd) console.log(blue(`  cd ${bold(projectRelativePath)}`));
       if (mainBlocklet) {
-        console.log(blue('npm run init'));
+        console.log(blue('  npm run init'));
       } else {
-        console.log(blue(`${defaultAgent === 'yarn' ? 'yarn' : `${defaultAgent} install`}`));
-        console.log(cyan('blocklet dev'));
+        console.log(blue(`  ${defaultAgent === 'yarn' ? 'yarn' : `${defaultAgent} install`}`));
+        console.log(cyan('  blocklet dev'));
       }
 
-      console.log('\n', `Find more usage in ${green('README.md')}`, '\n');
+      console.log('');
+      printResourceMessage(projectRoot);
     }
   } catch (cancelled) {
     console.error(cancelled.message);
@@ -703,8 +745,8 @@ async function init() {
   // inside functions
   function write(file, content, templateDir, templateName) {
     const targetPath = renameFiles[file]
-      ? path.join(root, mainBlocklet ? `blocklets/${templateName}` : '', renameFiles[file])
-      : path.join(root, mainBlocklet ? `blocklets/${templateName}` : '', file);
+      ? path.join(projectRoot, mainBlocklet ? `blocklets/${templateName}` : '', renameFiles[file])
+      : path.join(projectRoot, mainBlocklet ? `blocklets/${templateName}` : '', file);
     if (content) {
       fs.writeFileSync(targetPath, content);
     } else {
@@ -712,7 +754,7 @@ async function init() {
     }
   }
   function read(file, templateName) {
-    const targetPath = path.join(root, mainBlocklet ? `blocklets/${templateName}` : '', file);
+    const targetPath = path.join(projectRoot, mainBlocklet ? `blocklets/${templateName}` : '', file);
     if (fs.existsSync(targetPath)) {
       return fs.readFileSync(targetPath, 'utf8');
     }

package/lib/arcblock.js

@@ -1,9 +1,8 @@
 import figlet from 'figlet';
 import terminalLink from 'terminal-link';
 import gradient from 'gradient-string';
-import { chalk, echo } from 'zx';
-
-const { green } = chalk;
+import { echo, chalk } from 'zx';
+import { join } from 'path';
 
 export function echoBrand({ version = '' }) {
   let msg;
@@ -24,14 +23,21 @@ export function echoBrand({ version = '' }) {
     });
   });
 }
-export function echoDocument() {
-  const url = 'https://www.arcblock.io/docs/blocklet-developer';
-  let msg;
+
+export const printResourceMessage = (projectRoot) => {
+  const docsUrl = 'https://www.arcblock.io/docs/blocklet-developer';
+  const communityUrl = 'https://community.arcblock.io/';
+
+  console.log(chalk.bold('📚 Resources: \n'));
+  const readmeLink = join(projectRoot, 'README.md');
   if (terminalLink.isSupported) {
-    msg = green(terminalLink(`Documentation: ${url}`, url));
+    console.log(`  📖 Quick Start: ${terminalLink(readmeLink, join('file://', readmeLink))}`);
+    console.log(`  🔗 Documentation: ${terminalLink(`${docsUrl}`, docsUrl)} (with code examples)`);
+    console.log(`  💬 Community: ${terminalLink(`${communityUrl}`, communityUrl)} (get expert help)`);
   } else {
-    msg = green(`Check documentation in here: ${url}`);
+    console.log(`  📖 Quick Start: ${readmeLink}`);
+    console.log(`  🔗 Documentation: ${docsUrl} (with code examples)`);
+    console.log(`  💬 Community: ${communityUrl} (get expert help)`);
   }
-  echo('\n', msg, '\n');
-  return msg;
-}
+  console.log();
+};

package/lib/server.js

@@ -3,11 +3,15 @@ import semver from 'semver';
 import { BLOCKLET_COMMAND } from './constant.js';
 
 export async function getServerVersion() {
+  const defaultVersion = '0.0.0';
   try {
+    if (!(await checkServerInstalled())) {
+      return defaultVersion;
+    }
     const { stdout: output } = await $`${BLOCKLET_COMMAND} --version`;
     return output.trim();
   } catch (e) {
-    return '0.0.0';
+    return defaultVersion;
   }
 }
 
@@ -65,7 +69,14 @@ export async function getServerDirectory() {
 }
 
 export async function getUserInfo() {
+  const defaultValue = {
+    name: '',
+    email: '',
+  };
   try {
+    if (!(await checkServerInstalled())) {
+      return defaultValue;
+    }
     const { stdout: name } = await $`${BLOCKLET_COMMAND} config get name`;
     const { stdout: email } = await $`${BLOCKLET_COMMAND} config get email`;
     return {
@@ -73,9 +84,6 @@ export async function getUserInfo() {
       email: await trimServerOutputVersion(email?.trim()),
     };
   } catch {
-    return {
-      name: '',
-      email: '',
-    };
+    return defaultValue;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-blocklet",
-  "version": "0.9.27",
+  "version": "0.9.29",
   "exports": "./index.js",
   "type": "module",
   "repository": "git@github.com:blocklet/create-blocklet.git",

package/templates/component-studio/biome.json

@@ -22,7 +22,7 @@
         "useKeyWithClickEvents": "off",
         "useValidAnchor": "off",
         "noSvgWithoutTitle": "off",
-        "useMouseEvents": "off"
+        "useKeyWithMouseEvents": "off"
       }
     },
     "ignore": ["**/node_modules/**", "*.md"]
@@ -31,23 +31,6 @@
     "enabled": true,
     "indentStyle": "space",
     "indentWidth": 2,
-    "lineWidth": 100,
-    "include": ["**/*.{js,jsx,ts,tsx,json,css,less,scss,graphql}"]
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "single",
-      "trailingComma": "es5",
-      "semicolons": "always"
-    }
-  },
-  "json": {
-    "parser": {
-      "allowComments": true,
-      "allowTrailingCommas": true
-    },
-    "formatter": {
-      "enabled": true
-    }
+    "lineWidth": 100
   }
 }

package/templates/component-studio/package.json

@@ -71,7 +71,7 @@
     "express-async-errors": "^3.1.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.5.3",
+    "@biomejs/biome": "^1.9.4",
     "@blocklet/js-sdk": "^1.16.40",
     "@types/cookie-parser": "^1.4.8",
     "@types/cors": "^2.8.17",
@@ -81,8 +81,10 @@
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "bumpp": "^9.9.3",
     "cross-env": "^7.0.3",
+    "get-port": "^5.1.1",
     "import-sort-style-module": "^6.0.0",
     "lint-staged": "^15.3.0",
     "nodemon": "^3.1.9",
@@ -95,7 +97,7 @@
     "typescript": "^5.7.2",
     "vite": "^5.4.11",
     "vite-node": "^2.1.8",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-require": "^1.2.14",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^4.3.2",

package/templates/component-studio/scripts/init-component-studio.mjs

@@ -2,17 +2,32 @@
 import { execSync } from 'child_process';
 import fs from 'fs';
 import path from 'path';
+import getPort from 'get-port';
 
 const flagFile = path.join(process.cwd(), '.init-component-studio');
 
+// write the BLOCKLET_PORT to .env.development.local
+async function ensureBlockletPortToDevEnv() {
+  if (fs.existsSync(path.join(process.cwd(), '.env.development.local'))) {
+    return;
+  }
+
+  const port = await getPort({ port: 8118 });
+  fs.writeFileSync(path.join(process.cwd(), '.env.development.local'), `BLOCKLET_PORT=${port}`);
+}
+
 // check the flag file is exists
 if (fs.existsSync(flagFile)) {
   try {
     // remove flag file to avoid infinite loop
     fs.unlinkSync(flagFile);
+
     // execute update:deps script
     console.log('auto updating dependencies...');
     execSync('pnpm run update:deps', { stdio: 'inherit' });
+
+    // write the BLOCKLET_PORT to .env.development.local
+    ensureBlockletPortToDevEnv();
   } catch (error) {
     process.exit(1);
   }

package/templates/did-connect-dapp/package.json

@@ -77,7 +77,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/did-wallet-dapp/package.json

@@ -53,10 +53,11 @@
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
     "vite-node": "^2.1.9",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-require": "^1.2.14",
     "vite-plugin-svgr": "^4.3.0",
-    "zx": "^8.3.2"
+    "zx": "^8.3.2",
+    "cross-env": "^7.0.3"
   },
   "lint-staged": {
     "*.{mjs,js,jsx,ts,tsx}": [

package/templates/react-aigne-dapp/package.json

@@ -98,7 +98,7 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/react-dapp/package.json

@@ -71,7 +71,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/react-dapp-ts/package.json

@@ -81,7 +81,7 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/react-gun-dapp/package.json

@@ -71,7 +71,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/react-static/package.json

@@ -52,7 +52,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/solidjs-dapp/package.json

@@ -36,7 +36,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-solid": "^2.11.2",
     "zx": "^8.3.2"
   },

package/templates/solidjs-static/package.json

@@ -32,7 +32,7 @@
     "simple-git-hooks": "^2.11.1",
     "solid-js": "^1.9.4",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-solid": "^2.11.2",
     "zx": "^8.3.2"
   },

package/templates/solidjs-static/vite.config.mjs

@@ -4,6 +4,9 @@ import { createBlockletPlugin } from 'vite-plugin-blocklet';
 
 export default defineConfig(() => {
   return {
+    server: {
+      host: true,
+    },
     plugins: [solidPlugin(), createBlockletPlugin()],
     build: {
       target: 'esnext',

package/templates/svelte-dapp/package.json

@@ -44,8 +44,9 @@
     "simple-git-hooks": "^2.11.1",
     "svelte": "^4.2.19",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
-    "zx": "^8.3.2"
+    "vite-plugin-blocklet": "^0.9.29",
+    "zx": "^8.3.2",
+    "nodemon": "^3.1.9"
   },
   "lint-staged": {
     "*.{mjs,js,svelte}": [

package/templates/svelte-static/package.json

@@ -16,6 +16,7 @@
     "bump-version": "zx --quiet scripts/bump-version.mjs"
   },
   "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^3.0.1",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "bumpp": "^9.11.1",
     "lint-staged": "^15.4.3",
@@ -25,7 +26,7 @@
     "simple-git-hooks": "^2.11.1",
     "svelte": "^4.2.19",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "zx": "^8.3.2"
   },
   "lint-staged": {

package/templates/svelte-static/vite.config.mjs

@@ -5,6 +5,9 @@ import { createBlockletPlugin } from 'vite-plugin-blocklet';
 // https://vitejs.dev/config/
 export default defineConfig(() => {
   return {
+    server: {
+      host: true,
+    },
     plugins: [
       svelte(),
       createBlockletPlugin({

package/templates/todo-list-example/package.json

@@ -96,7 +96,7 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/vue-dapp/package.json

@@ -49,7 +49,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vue": "^3.5.13",
     "zx": "^8.3.2"
   },

package/templates/vue-static/package.json

@@ -30,7 +30,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vue": "^3.5.13",
     "zx": "^8.3.2"
   },

package/templates/vue-ts-static/package.json

@@ -39,7 +39,7 @@
     "taze": "^0.16.9",
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vue-tsc": "^2.2.2",
     "zx": "^8.3.2"
   },

package/templates/vue2-dapp/package.json

@@ -48,7 +48,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vue": "^2.7.16",
     "zx": "^8.3.2"
   },

package/templates/vue2-static/package.json

@@ -30,7 +30,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.27",
+    "vite-plugin-blocklet": "^0.9.29",
     "vue": "^2.7.16",
     "zx": "^8.3.2"
   },