toiljs 0.0.4 → 0.0.5

package/examples/basic/package-lock.json

@@ -15,11 +15,12 @@
                 "@types/react-dom": "^19.2.3",
                 "eslint": "^10.2.0",
                 "prettier": "^3.8.1",
+                "toilscript": "^0.1.2",
                 "typescript": "^6.0.3"
             }
         },
         "../..": {
-            "version": "0.0.1",
+            "version": "0.0.4",
             "license": "Apache-2.0",
             "dependencies": {
                 "@btc-vision/as-bignum": "^1.0.0",
@@ -340,6 +341,24 @@
                 "node": "18 || 20 || >=22"
             }
         },
+        "node_modules/binaryen": {
+            "version": "129.0.0-nightly.20260428",
+            "resolved": "https://registry.npmjs.org/binaryen/-/binaryen-129.0.0-nightly.20260428.tgz",
+            "integrity": "sha512-RpjRVPZw8NOhkGzx3tTaKYdv4C+zO1VVI0VB9GSCNLM81flHOAZUwRJTLDM3Hqco3OmwB8hTLpkkpMSJjUfHXw==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "wasm-as": "bin/wasm-as",
+                "wasm-ctor-eval": "bin/wasm-ctor-eval",
+                "wasm-dis": "bin/wasm-dis",
+                "wasm-merge": "bin/wasm-merge",
+                "wasm-metadce": "bin/wasm-metadce",
+                "wasm-opt": "bin/wasm-opt",
+                "wasm-reduce": "bin/wasm-reduce",
+                "wasm-shell": "bin/wasm-shell",
+                "wasm2js": "bin/wasm2js"
+            }
+        },
         "node_modules/brace-expansion": {
             "version": "5.0.6",
             "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
@@ -761,6 +780,13 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/long": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+            "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+            "dev": true,
+            "license": "Apache-2.0"
+        },
         "node_modules/minimatch": {
             "version": "10.2.5",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
@@ -951,6 +977,29 @@
             "resolved": "../..",
             "link": true
         },
+        "node_modules/toilscript": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/toilscript/-/toilscript-0.1.2.tgz",
+            "integrity": "sha512-FqSUBb8IO2ryEeZfY+/WK7LB+B5RBdl+QY7bg5proYWENMvyvUEm5zLjNmpsMksTEqOPMF0GsJZzRn9Eh8fPpQ==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "binaryen": "129.0.0-nightly.20260428",
+                "long": "^5.2.4"
+            },
+            "bin": {
+                "toilinit": "bin/toilinit.js",
+                "toilscript": "bin/toilscript.js"
+            },
+            "engines": {
+                "node": ">=20",
+                "npm": ">=10"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/assemblyscript"
+            }
+        },
         "node_modules/type-check": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",

package/examples/basic/package.json

@@ -4,10 +4,12 @@
     "type": "module",
     "scripts": {
         "dev": "toiljs dev",
-        "build": "toiljs build",
+        "build": "toiljs build && toilscript --target release",
+        "build:client": "toiljs build",
+        "build:server": "toilscript --target release",
         "lint": "eslint client",
         "typecheck": "tsc --noEmit",
-        "format": "prettier --write \"client/**/*.{ts,tsx}\""
+        "format": "prettier --write \"client/**/*.{ts,tsx,css}\" \"client/public/**/*.html\""
     },
     "dependencies": {
         "react": "^19.2.6",
@@ -19,6 +21,7 @@
         "@types/react-dom": "^19.2.3",
         "eslint": "^10.2.0",
         "prettier": "^3.8.1",
+        "toilscript": "^0.1.2",
         "typescript": "^6.0.3"
     }
 }

package/examples/basic/server/index.ts

@@ -0,0 +1,3 @@
+export function add(a: i32, b: i32): i32 {
+    return a + b;
+}

package/examples/basic/server/main.ts

@@ -0,0 +1,6 @@
+import { add } from './index';
+
+@main
+function run(): i32 {
+    return add(40, 2);
+}

package/examples/basic/server/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "toilscript/std/assembly.json",
+    "compilerOptions": {
+        "plugins": [{ "name": "toilscript/std/ts-plugin.cjs" }]
+    },
+    "include": ["./**/*.ts"]
+}

package/examples/basic/toil-env.d.ts

@@ -1,2 +1,21 @@
 // AUTO-GENERATED by toil — do not edit.
-/// <reference types="toiljs/globals" />
+declare const Toil: typeof import('toiljs/client');
+declare const BinaryWriter: typeof import('toiljs/io').BinaryWriter;
+declare const BinaryReader: typeof import('toiljs/io').BinaryReader;
+declare const FastMap: typeof import('toiljs/io').FastMap;
+declare const FastSet: typeof import('toiljs/io').FastSet;
+
+declare module '*.css' {}
+declare module '*.scss' {}
+declare module '*.sass' {}
+declare module '*.less' {}
+declare module '*.styl' {}
+declare module '*.stylus' {}
+declare module '*.pcss' {}
+declare module '*.sss' {}
+
+declare module 'toiljs/routes' {
+    export const routes: import('toiljs/client').RouteDef[];
+    export const layout: import('toiljs/client').LayoutLoader;
+    export const notFound: import('toiljs/client').NotFoundLoader;
+}

package/examples/basic/toil.config.ts

@@ -1,7 +1,4 @@
 import { defineConfig } from 'toiljs/compiler';
 
-export default defineConfig({
-    client: {
-        outDir: 'dist'
-    }
-});
+// Client and server options go here. Output defaults to build/client and build/server.
+export default defineConfig({});

package/examples/basic/toilconfig.json

@@ -0,0 +1,30 @@
+{
+    "entries": ["server/main.ts"],
+    "targets": {
+        "release": {
+            "outFile": "build/server/release.wasm",
+            "textFile": "build/server/release.wat"
+        }
+    },
+    "options": {
+        "sourceMap": false,
+        "optimizeLevel": 3,
+        "shrinkLevel": 1,
+        "converge": true,
+        "noAssert": false,
+        "enable": [
+            "sign-extension",
+            "mutable-globals",
+            "nontrapping-f2i",
+            "bulk-memory",
+            "simd",
+            "reference-types",
+            "multi-value"
+        ],
+        "runtime": "stub",
+        "memoryBase": 0,
+        "initialMemory": 1,
+        "debug": false,
+        "trapMode": "allow"
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "toiljs",
     "type": "module",
-    "version": "0.0.4",
+    "version": "0.0.5",
     "author": "Dacely",
     "description": "todo",
     "engines": {

package/presets/eslint.js

@@ -1,7 +1,4 @@
-// toiljs shared ESLint flat config — opinionated, strict, React-aware.
-// Use it from your project's eslint.config.js:
-//   import toiljs from 'toiljs/eslint';
-//   export default toiljs;
+/** toiljs shared ESLint flat config: `import toiljs from 'toiljs/eslint'; export default toiljs;` */
 import eslintReact from '@eslint-react/eslint-plugin';
 import eslint from '@eslint/js';
 import reactHooks from 'eslint-plugin-react-hooks';
@@ -11,8 +8,7 @@ import tseslint from 'typescript-eslint';
 import noUint8ArrayToString from './no-uint8array-tostring.js';
 
 export default tseslint.config(
-    // Build output, the toil working dir, and generated ambient types are not hand-written source.
-    { ignores: ['dist', 'build', '.toil', 'node_modules', 'toil-env.d.ts'] },
+    { ignores: ['dist', 'build', '.toil', 'node_modules', 'toil-env.d.ts', 'server/**'] },
     {
         extends: [
             eslint.configs.recommended,
@@ -22,7 +18,6 @@ export default tseslint.config(
         files: ['**/*.{ts,tsx}'],
         languageOptions: {
             ecmaVersion: 2023,
-            // No tsconfigRootDir: projectService discovers the consumer's tsconfig from cwd.
             parserOptions: {
                 projectService: true,
             },

package/presets/no-uint8array-tostring.js

@@ -1,6 +1,7 @@
-// ESLint rule: disallow `.toString()` on Uint8Array (and branded byte types), which returns
-// comma-separated decimals instead of hex. Ported to plain JS from the typed source so the
-// shareable preset can load it at runtime without a TypeScript loader.
+/**
+ * ESLint rule: disallow `.toString()` on Uint8Array (and branded byte types), which returns
+ * comma-separated decimals instead of hex.
+ */
 import { AST_NODE_TYPES, ESLintUtils } from '@typescript-eslint/utils';
 import { SyntaxKind } from 'typescript';
 
@@ -108,8 +109,6 @@ function hasCustomToString(type, checker) {
         }
     }
 
-    // Fallback: also check the apparent type, which can differ for branded
-    // types or type aliases that wrap a class.
     const apparentType = checker.getApparentType(type);
     if (apparentType !== type) {
         const apparentToString = apparentType.getProperty('toString');

package/presets/prettier.json

@@ -7,5 +7,12 @@
     "trailingComma": "none",
     "bracketSpacing": true,
     "bracketSameLine": true,
-    "arrowParens": "always"
+    "arrowParens": "always",
+    "htmlWhitespaceSensitivity": "css",
+    "overrides": [
+        {
+            "files": "*.html",
+            "options": { "parser": "html" }
+        }
+    ]
 }

package/src/backend/index.ts

@@ -4,7 +4,7 @@
  * a WebSocket channel for realtime / live updates.
  *
  * This is the Node "server" that hosts the app on a local machine; it is distinct from the
- * AssemblyScript WASM target in `src/server`.
+ * toilscript WASM target in `src/server`.
  */
 import fs from 'node:fs';
 import path from 'node:path';
@@ -17,14 +17,14 @@ import {
     type Websocket,
 } from '@btc-vision/hyper-express';
 
-const DEFAULT_MAX_BODY_LENGTH = 1024 * 1024 * 8; // 8 MB
-const MAX_BODY_BUFFER = 1024 * 32; // 32 KB
-const HTTP_IDLE_TIMEOUT = 60; // seconds
-const HTTP_RESPONSE_TIMEOUT = 120; // seconds
+const DEFAULT_MAX_BODY_LENGTH = 1024 * 1024 * 8;
+const MAX_BODY_BUFFER = 1024 * 32;
+const HTTP_IDLE_TIMEOUT = 60;
+const HTTP_RESPONSE_TIMEOUT = 120;
 
-const WS_MAX_PAYLOAD_LENGTH = 1024 * 1024; // 1 MB
-const WS_IDLE_TIMEOUT = 120; // seconds
-const WS_MAX_BACKPRESSURE = 1024 * 1024 * 2; // 2 MB
+const WS_MAX_PAYLOAD_LENGTH = 1024 * 1024;
+const WS_IDLE_TIMEOUT = 120;
+const WS_MAX_BACKPRESSURE = 1024 * 1024 * 2;
 
 const CORS_METHODS = 'GET, POST, OPTIONS, PUT, PATCH, DELETE';
 const CORS_HEADERS = 'X-Requested-With, content-type';
@@ -62,8 +62,8 @@ export interface RunningBackend {
 function resolveStaticFile(root: string, requestPath: string): string | null {
     const decoded = decodeURIComponent(requestPath);
     const resolved = path.join(root, decoded);
-    if (resolved !== root && !resolved.startsWith(root + path.sep)) return null; // traversal
-    if (decoded === '/' || decoded === '') return null; // defer to SPA fallback
+    if (resolved !== root && !resolved.startsWith(root + path.sep)) return null;
+    if (decoded === '/' || decoded === '') return null;
     if (fs.existsSync(resolved) && fs.statSync(resolved).isFile()) return resolved;
     return null;
 }
@@ -90,7 +90,6 @@ export async function startBackend(options: BackendOptions): Promise<RunningBack
 
     const clients = new Set<Websocket>();
 
-    // Never let an unhandled error leak a stack trace; write a safe response if the socket is live.
     app.set_error_handler((_request: Request, response: Response, _error: Error) => {
         if (response.completed) return;
         response.atomic(() => {
@@ -98,7 +97,6 @@ export async function startBackend(options: BackendOptions): Promise<RunningBack
         });
     });
 
-    // CORS + hide the underlying server header.
     if (cors) {
         app.use((request: Request, response: Response, next: MiddlewareNext) => {
             if (request.method !== 'OPTIONS') {
@@ -118,7 +116,6 @@ export async function startBackend(options: BackendOptions): Promise<RunningBack
         });
     }
 
-    // Realtime WebSocket channel: each client joins, messages are broadcast to all peers.
     app.ws(
         wsPath,
         {
@@ -133,17 +130,13 @@ export async function startBackend(options: BackendOptions): Promise<RunningBack
             ws.on('message', (message: string) => {
                 for (const client of clients) client.send(message);
             });
-            // Backpressure on this socket has drained — broadcast channel has nothing to flush.
-            ws.on('drain', () => {
-                /* no-op */
-            });
+            ws.on('drain', () => {});
             ws.on('close', () => {
                 clients.delete(ws);
             });
         },
     );
 
-    // Static client with SPA fallback — anything that isn't a real file serves index.html.
     app.get('/*', (request: Request, response: Response) => {
         if (response.completed) return;
         const file = resolveStaticFile(root, request.path);

package/src/cli/configure.ts

@@ -0,0 +1,272 @@
+/**
+ * `toiljs configure` — toggle a project's client styling features (CSS preprocessor + Tailwind) on
+ * an existing app. Detects the current setup, prompts for the desired one, then rewrites the
+ * stylesheet(s) + the `client/toil.tsx` imports, edits `package.json`, and syncs node_modules with
+ * the project's package manager (so removed features are fully cleaned, not just disabled).
+ */
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+import { intro, outro, select, confirm, isCancel, cancel, spinner, note } from '@clack/prompts';
+import { loadConfig } from 'toiljs/compiler';
+import pc from 'picocolors';
+
+import {
+    PKG_VERSION,
+    PREPROCESSORS,
+    TAILWIND_CSS,
+    TAILWIND_ENTRY,
+    detectPreprocessor,
+    detectTailwind,
+    packageDiff,
+    preprocessorForExt,
+    setStyleImports,
+    styleEntry,
+    type Preprocessor,
+    type StyleFeatures,
+} from './features.js';
+import { run } from './proc.js';
+import { accent, dim } from './ui.js';
+
+export interface ConfigureOptions {
+    readonly root?: string;
+    readonly cwd: string;
+    /** When set, the corresponding prompt is skipped (non-interactive). */
+    readonly preprocessor?: Preprocessor;
+    readonly tailwind?: boolean;
+    /** Run the package manager to sync deps. Default `true`; `false` edits files only. */
+    readonly install?: boolean;
+}
+
+/** Resolves the client source dir, falling back to `<root>/client` if the config can't be loaded. */
+async function resolveClientDir(root: string): Promise<string> {
+    try {
+        const cfg = await loadConfig({ root });
+        return cfg.clientAbsDir;
+    } catch {
+        return path.join(root, 'client');
+    }
+}
+
+const PREPROCESSOR_LABEL: Record<Preprocessor, string> = {
+    css: 'Plain CSS',
+    sass: 'Sass (SCSS)',
+    less: 'Less',
+    stylus: 'Stylus',
+};
+
+interface PackageJson {
+    dependencies?: Record<string, string>;
+    devDependencies?: Record<string, string>;
+}
+
+function bail<T>(value: T | symbol): asserts value is T {
+    if (isCancel(value)) {
+        cancel('Configuration cancelled.');
+        process.exit(0);
+    }
+}
+
+/** Finds the existing main stylesheet's preprocessor by extension, or null if none is present. */
+async function detectStylesheet(clientDir: string): Promise<Preprocessor | null> {
+    for (const p of PREPROCESSORS) {
+        try {
+            await fs.access(path.join(clientDir, styleEntry(p)));
+            return p;
+        } catch {}
+    }
+    try {
+        await fs.access(path.join(clientDir, 'styles/main.sass'));
+        return preprocessorForExt('sass');
+    } catch {
+        return null;
+    }
+}
+
+/** Returns the path of the existing `styles/main.*` stylesheet, or null. */
+async function findMainStylesheet(clientDir: string): Promise<string | null> {
+    for (const ext of ['css', 'scss', 'sass', 'less', 'styl']) {
+        const p = path.join(clientDir, 'styles', `main.${ext}`);
+        try {
+            await fs.access(p);
+            return p;
+        } catch {}
+    }
+    return null;
+}
+
+/** Picks the project's package manager from its lockfile (defaults to npm). */
+async function detectPackageManager(root: string): Promise<string> {
+    const lock: [string, string][] = [
+        ['pnpm-lock.yaml', 'pnpm'],
+        ['yarn.lock', 'yarn'],
+        ['bun.lockb', 'bun'],
+    ];
+    for (const [file, pm] of lock) {
+        try {
+            await fs.access(path.join(root, file));
+            return pm;
+        } catch {}
+    }
+    return 'npm';
+}
+
+/** Applies the stylesheet renames, Tailwind entry, and entry imports for the new feature set. */
+async function applyStyleFiles(
+    clientDir: string,
+    from: StyleFeatures,
+    to: StyleFeatures,
+): Promise<void> {
+    if (from.preprocessor !== to.preprocessor) {
+        const newPath = path.join(clientDir, styleEntry(to.preprocessor));
+        await fs.mkdir(path.dirname(newPath), { recursive: true });
+        // Rename whatever main stylesheet actually exists (preserving its content), not an assumed
+        // name — so we never blow away the user's styles when the on-disk extension differs.
+        const existing = await findMainStylesheet(clientDir);
+        if (existing && path.resolve(existing) !== path.resolve(newPath)) {
+            await fs.rename(existing, newPath);
+        } else if (!existing) {
+            await fs.writeFile(newPath, '', 'utf8');
+        }
+    }
+
+    const tailwindPath = path.join(clientDir, TAILWIND_ENTRY);
+    if (to.tailwind && !from.tailwind) {
+        await fs.mkdir(path.dirname(tailwindPath), { recursive: true });
+        await fs.writeFile(tailwindPath, TAILWIND_CSS, 'utf8');
+    } else if (!to.tailwind && from.tailwind) {
+        await fs.rm(tailwindPath, { force: true });
+    }
+
+    for (const entry of ['toil.tsx', 'toil.jsx']) {
+        const entryPath = path.join(clientDir, entry);
+        try {
+            const source = await fs.readFile(entryPath, 'utf8');
+            await fs.writeFile(entryPath, setStyleImports(source, to), 'utf8');
+            return;
+        } catch {}
+    }
+}
+
+/**
+ * Applies a styling change to a project on disk (no prompts): rewrites stylesheets + the app
+ * entry's imports and edits `package.json`. Exposed for testing and reuse; the package manager is
+ * run separately by {@link runConfigure}.
+ */
+export async function applyConfigure(
+    clientDir: string,
+    pkgPath: string,
+    pkg: PackageJson,
+    from: StyleFeatures,
+    to: StyleFeatures,
+): Promise<void> {
+    await applyStyleFiles(clientDir, from, to);
+    await applyPackages(pkgPath, pkg, from, to);
+}
+
+/** Adds/removes the managed styling packages in `package.json` (sorted devDependencies). */
+async function applyPackages(
+    pkgPath: string,
+    pkg: PackageJson,
+    from: StyleFeatures,
+    to: StyleFeatures,
+): Promise<void> {
+    const { add, remove } = packageDiff(from, to);
+    const dev: Record<string, string> = { ...pkg.devDependencies };
+    const deps: Record<string, string> = { ...pkg.dependencies };
+    for (const name of add) dev[name] = PKG_VERSION[name] ?? 'latest';
+    for (const name of remove) {
+        delete dev[name];
+        delete deps[name];
+    }
+    const sortedDev = Object.fromEntries(Object.entries(dev).sort(([a], [b]) => a.localeCompare(b)));
+    const next: PackageJson = { ...pkg, devDependencies: sortedDev };
+    // Always reflect the pruned dependencies (or drop the key entirely if now empty), so a removed
+    // package can't survive via the original `...pkg` spread.
+    if (Object.keys(deps).length) next.dependencies = deps;
+    else delete next.dependencies;
+    await fs.writeFile(pkgPath, JSON.stringify(next, null, 4) + '\n', 'utf8');
+}
+
+/** Human-readable summary of what changed. */
+function describe(from: StyleFeatures, to: StyleFeatures): string {
+    const lines: string[] = [];
+    if (from.preprocessor !== to.preprocessor) {
+        lines.push(`preprocessor: ${PREPROCESSOR_LABEL[from.preprocessor]} → ${PREPROCESSOR_LABEL[to.preprocessor]}`);
+    }
+    if (from.tailwind !== to.tailwind) {
+        lines.push(`Tailwind: ${from.tailwind ? 'on' : 'off'} → ${to.tailwind ? 'on' : 'off'}`);
+    }
+    const { add, remove } = packageDiff(from, to);
+    if (add.length) lines.push(`+ ${add.join(', ')}`);
+    if (remove.length) lines.push(`- ${remove.join(', ')}`);
+    return lines.map((l) => dim('  ') + l).join('\n');
+}
+
+/** Runs the interactive configure flow. */
+export async function runConfigure(opts: ConfigureOptions): Promise<void> {
+    intro(accent(' toiljs configure '));
+    const root = path.resolve(opts.root ?? opts.cwd);
+
+    const pkgPath = path.join(root, 'package.json');
+    let pkg: PackageJson;
+    try {
+        pkg = JSON.parse(await fs.readFile(pkgPath, 'utf8')) as PackageJson;
+    } catch {
+        cancel(`No package.json in ${pc.cyan(root)} — run this inside a toiljs project.`);
+        process.exit(1);
+    }
+
+    const clientAbsDir = await resolveClientDir(root);
+    const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+    const current: StyleFeatures = {
+        preprocessor: (await detectStylesheet(clientAbsDir)) ?? detectPreprocessor(deps),
+        tailwind: detectTailwind(deps),
+    };
+
+    const nonInteractive = opts.preprocessor !== undefined || opts.tailwind !== undefined;
+    let target: StyleFeatures;
+    if (nonInteractive) {
+        target = {
+            preprocessor: opts.preprocessor ?? current.preprocessor,
+            tailwind: opts.tailwind ?? current.tailwind,
+        };
+    } else {
+        const ppChoice = await select<Preprocessor>({
+            message: 'CSS preprocessor',
+            options: PREPROCESSORS.map((value) => ({ value, label: PREPROCESSOR_LABEL[value] })),
+            initialValue: current.preprocessor,
+        });
+        bail(ppChoice);
+        const twChoice = await confirm({ message: 'Use Tailwind CSS?', initialValue: current.tailwind });
+        bail(twChoice);
+        target = { preprocessor: ppChoice, tailwind: twChoice };
+    }
+
+    if (target.preprocessor === current.preprocessor && target.tailwind === current.tailwind) {
+        outro('No changes — your styling setup is already up to date.');
+        return;
+    }
+
+    const s = spinner();
+    s.start('Updating project files');
+    await applyConfigure(clientAbsDir, pkgPath, pkg, current, target);
+    s.stop('Updated stylesheets, entry imports, and package.json');
+
+    const pm = await detectPackageManager(root);
+    if (opts.install === false) {
+        note(`${pc.cyan(`${pm} install`)} to sync the dependency changes.`, 'Next step');
+    } else {
+        const i = spinner();
+        i.start(`Syncing dependencies with ${pm}`);
+        try {
+            await run(pm, ['install'], root);
+            i.stop('Dependencies synced');
+        } catch {
+            i.stop(pc.yellow(`Could not run \`${pm} install\` — run it yourself to finish`));
+        }
+    }
+
+    note(describe(current, target), 'Styling updated');
+    outro(`Reconfigured — restart \`${accent('toiljs dev')}\` to pick up the changes.`);
+}