@acala-network/chopsticks 0.9.0 → 0.9.1-2

package/dist/cjs/context.js

@@ -110,8 +110,8 @@ const setupContext = async (argv, overrideParent = false) => {
     }
     // override wasm before importing storage, in case new pallets have been
     // added that have storage imports
-    await (0, override_1.overrideStorage)(chain, argv['import-storage'], at);
     await (0, override_1.overrideWasm)(chain, argv['wasm-override'], at);
+    await (0, override_1.overrideStorage)(chain, argv['import-storage'], at);
     return { chain };
 };
 exports.setupContext = setupContext;

package/dist/cjs/plugins/follow-chain/index.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cli = void 0;
+const chopsticks_core_1 = require("@acala-network/chopsticks-core");
+const lodash_1 = __importDefault(require("lodash"));
+const server_1 = require("../../server");
+const cli_options_1 = require("../../cli-options");
+const rpc_1 = require("../../rpc");
+const context_1 = require("../../context");
+const logger = chopsticks_core_1.defaultLogger.child({ name: 'follow-chain' });
+const options = lodash_1.default.pick(cli_options_1.defaultOptions, ['endpoint', 'wasm-override', 'runtime-log-level', 'offchain-worker']);
+const cli = (y) => {
+    y.command('follow-chain', 'Always follow the latest block on upstream', (yargs) => yargs.options({
+        ...options,
+        port: {
+            desc: 'Port to listen on',
+            number: true,
+        },
+        'head-mode': {
+            desc: 'Head mode',
+            choices: ['latest', 'finalized'],
+            default: 'finalized',
+        },
+    }), async (argv) => {
+        const port = argv.port ?? 8000;
+        const endpoint = argv.endpoint;
+        if (/^(https|http):\/\//.test(endpoint || '')) {
+            throw Error('http provider is not supported');
+        }
+        const context = await (0, context_1.setupContext)(argv, true);
+        const { close, port: listenPort } = await (0, server_1.createServer)((0, rpc_1.handler)(context), port);
+        logger.info(`${await context.chain.api.getSystemChain()} RPC listening on port ${listenPort}`);
+        const chain = context.chain;
+        chain.api[argv.headMode === 'latest' ? 'subscribeRemoteNewHeads' : 'subscribeRemoteFinalizedHeads'](async (error, data) => {
+            try {
+                if (error)
+                    throw error;
+                logger.info({ header: data }, `Follow ${argv.headMode} head from upstream`);
+                const parent = await chain.getBlock(data.parentHash);
+                if (!parent)
+                    throw Error(`Cannot find parent', ${data.parentHash}`);
+                const registry = await parent.registry;
+                const header = registry.createType('Header', data);
+                const wasm = await parent.wasm;
+                const block = new chopsticks_core_1.Block(chain, header.number.toNumber(), header.hash.toHex(), parent);
+                await chain.setHead(block);
+                const calls = [['Core_initialize_block', [header.toHex()]]];
+                for (const extrinsic of await block.extrinsics) {
+                    calls.push(['BlockBuilder_apply_extrinsic', [extrinsic]]);
+                }
+                calls.push(['BlockBuilder_finalize_block', []]);
+                const result = await (0, chopsticks_core_1.runTask)({
+                    wasm,
+                    calls,
+                    mockSignatureHost: false,
+                    allowUnresolvedImports: false,
+                    runtimeLogLevel: argv.runtimeLogLevel || 0,
+                }, (0, chopsticks_core_1.taskHandler)(parent));
+                if ('Error' in result) {
+                    throw new Error(result.Error);
+                }
+                (0, chopsticks_core_1.printRuntimeLogs)(result.Call.runtimeLogs);
+            }
+            catch (e) {
+                logger.error(e, 'Error when processing new head');
+                await close();
+                process.exit(1);
+            }
+        });
+    });
+};
+exports.cli = cli;

package/dist/cjs/plugins/index.js

@@ -22,19 +22,33 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pluginExtendCli = exports.pluginHandlers = void 0;
-const lodash_1 = require("lodash");
-const fs_1 = require("fs");
+const lodash_1 = __importDefault(require("lodash"));
 const logger_1 = require("../logger");
 const logger = logger_1.defaultLogger.child({ name: 'plugin' });
 exports.pluginHandlers = {};
-const plugins = (0, fs_1.readdirSync)(__dirname).filter((file) => (0, fs_1.lstatSync)(`${__dirname}/${file}`).isDirectory());
+const plugins = [
+    'decode-key',
+    'dry-run',
+    'follow-chain',
+    'new-block',
+    'run-block',
+    'set-block-build-mode',
+    'set-head',
+    'set-runtime-log-level',
+    'set-storage',
+    'time-travel',
+    'try-runtime',
+];
 (async () => {
     for (const plugin of plugins) {
         const { rpc, name } = await Promise.resolve(`${`./${plugin}`}`).then(s => __importStar(require(s)));
         if (rpc) {
-            const methodName = name || (0, lodash_1.camelCase)(plugin);
+            const methodName = name || lodash_1.default.camelCase(plugin);
             exports.pluginHandlers[`dev_${methodName}`] = rpc;
             logger.debug(`Registered plugin ${plugin} RPC`);
         }

package/dist/cjs/plugins/run-block/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.rpc = exports.name = exports.cli = void 0;
+const util_1 = require("@polkadot/util");
 const node_fs_1 = require("node:fs");
 const zod_1 = require("zod");
 const chopsticks_core_1 = require("@acala-network/chopsticks-core");
@@ -80,6 +81,7 @@ exports.name = 'runBlock';
  * Run a set of extrinsics on top of a block and get the storage diff
  * and optionally the parsed storage diff and block details.
  * NOTE: The extrinsics should include inherents or tranasctions may have unexpected results.
+ * NOTE: system.events and system.extrinsicData are excluded from storage diff to reduce size.
  *
  * This function is a dev rpc handler. Use `dev_runBlock` as the method name when calling it.
  */
@@ -108,6 +110,8 @@ const rpc = async ({ chain }, [params]) => {
     };
     // exclude system events because it can be stupidly large and redudant
     const systemEventsKey = (0, chopsticks_core_1.compactHex)(meta.query.system.events());
+    // large and not really useful
+    const systemExtrinsicDataKey = (0, util_1.u8aToHex)(meta.query.system.extrinsicData.keyPrefix());
     const run = async (fn, args) => {
         const result = await (0, chopsticks_core_1.runTask)({
             wasm,
@@ -126,12 +130,23 @@ const rpc = async ({ chain }, [params]) => {
             if (key === systemEventsKey) {
                 continue;
             }
+            if (key.startsWith(systemExtrinsicDataKey)) {
+                continue;
+            }
             const obj = {};
             if (includeRawStorage) {
                 obj.raw = { key, value };
             }
             if (includeParsed) {
-                obj.parsed = (0, chopsticks_core_1.decodeKeyValue)(await newBlock.meta, newBlock, key, value, false);
+                const decoded = (0, chopsticks_core_1.decodeKeyValue)(await newBlock.meta, newBlock, key, value, false);
+                if (decoded) {
+                    obj.parsed = {
+                        section: decoded.section,
+                        method: decoded.method,
+                        key: decoded.key,
+                        value: decoded.value,
+                    };
+                }
             }
             resp.storageDiff.push(obj);
         }

package/dist/cjs/utils/generate-html-diff.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateHtmlDiffPreviewFile = exports.generateHtmlDiff = void 0;
 const decoder_1 = require("./decoder");
 const node_fs_1 = require("node:fs");
-const lodash_1 = require("lodash");
-const node_path_1 = __importDefault(require("node:path"));
+const lodash_1 = __importDefault(require("lodash"));
+const node_url_1 = __importDefault(require("node:url"));
 const generateHtmlDiff = async (block, diff) => {
     const { oldState, delta } = await (0, decoder_1.decodeStorageDiff)(block, diff);
-    const htmlTemplate = (0, node_fs_1.readFileSync)(node_path_1.default.join(__dirname, '../../../template/diff.html'), 'utf-8');
-    return (0, lodash_1.template)(htmlTemplate)({ left: JSON.stringify(oldState), delta: JSON.stringify(delta) });
+    const htmlTemplate = (0, node_fs_1.readFileSync)(node_url_1.default.resolve(__filename, './template/diff.html'), 'utf-8');
+    return lodash_1.default.template(htmlTemplate)({ left: JSON.stringify(oldState), delta: JSON.stringify(delta) });
 };
 exports.generateHtmlDiff = generateHtmlDiff;
 const generateHtmlDiffPreviewFile = async (block, diff, filename) => {

package/dist/esm/context.js

@@ -80,7 +80,7 @@ export const setupContext = async (argv, overrideParent = false) => {
     }
     // override wasm before importing storage, in case new pallets have been
     // added that have storage imports
-    await overrideStorage(chain, argv['import-storage'], at);
     await overrideWasm(chain, argv['wasm-override'], at);
+    await overrideStorage(chain, argv['import-storage'], at);
     return { chain };
 };

package/dist/esm/package.json

@@ -0,0 +1 @@
+{"type": "module"}

package/dist/esm/plugins/follow-chain/index.js

@@ -0,0 +1,68 @@
+import { Block, defaultLogger, printRuntimeLogs, runTask, taskHandler } from '@acala-network/chopsticks-core';
+import _ from 'lodash';
+import { createServer } from '../../server';
+import { defaultOptions } from '../../cli-options';
+import { handler } from '../../rpc';
+import { setupContext } from '../../context';
+const logger = defaultLogger.child({ name: 'follow-chain' });
+const options = _.pick(defaultOptions, ['endpoint', 'wasm-override', 'runtime-log-level', 'offchain-worker']);
+export const cli = (y) => {
+    y.command('follow-chain', 'Always follow the latest block on upstream', (yargs) => yargs.options({
+        ...options,
+        port: {
+            desc: 'Port to listen on',
+            number: true,
+        },
+        'head-mode': {
+            desc: 'Head mode',
+            choices: ['latest', 'finalized'],
+            default: 'finalized',
+        },
+    }), async (argv) => {
+        const port = argv.port ?? 8000;
+        const endpoint = argv.endpoint;
+        if (/^(https|http):\/\//.test(endpoint || '')) {
+            throw Error('http provider is not supported');
+        }
+        const context = await setupContext(argv, true);
+        const { close, port: listenPort } = await createServer(handler(context), port);
+        logger.info(`${await context.chain.api.getSystemChain()} RPC listening on port ${listenPort}`);
+        const chain = context.chain;
+        chain.api[argv.headMode === 'latest' ? 'subscribeRemoteNewHeads' : 'subscribeRemoteFinalizedHeads'](async (error, data) => {
+            try {
+                if (error)
+                    throw error;
+                logger.info({ header: data }, `Follow ${argv.headMode} head from upstream`);
+                const parent = await chain.getBlock(data.parentHash);
+                if (!parent)
+                    throw Error(`Cannot find parent', ${data.parentHash}`);
+                const registry = await parent.registry;
+                const header = registry.createType('Header', data);
+                const wasm = await parent.wasm;
+                const block = new Block(chain, header.number.toNumber(), header.hash.toHex(), parent);
+                await chain.setHead(block);
+                const calls = [['Core_initialize_block', [header.toHex()]]];
+                for (const extrinsic of await block.extrinsics) {
+                    calls.push(['BlockBuilder_apply_extrinsic', [extrinsic]]);
+                }
+                calls.push(['BlockBuilder_finalize_block', []]);
+                const result = await runTask({
+                    wasm,
+                    calls,
+                    mockSignatureHost: false,
+                    allowUnresolvedImports: false,
+                    runtimeLogLevel: argv.runtimeLogLevel || 0,
+                }, taskHandler(parent));
+                if ('Error' in result) {
+                    throw new Error(result.Error);
+                }
+                printRuntimeLogs(result.Call.runtimeLogs);
+            }
+            catch (e) {
+                logger.error(e, 'Error when processing new head');
+                await close();
+                process.exit(1);
+            }
+        });
+    });
+};

package/dist/esm/plugins/index.js

@@ -1,14 +1,25 @@
-import { camelCase } from 'lodash';
-import { lstatSync, readdirSync } from 'fs';
+import _ from 'lodash';
 import { defaultLogger } from '../logger';
 const logger = defaultLogger.child({ name: 'plugin' });
 export const pluginHandlers = {};
-const plugins = readdirSync(__dirname).filter((file) => lstatSync(`${__dirname}/${file}`).isDirectory());
+const plugins = [
+    'decode-key',
+    'dry-run',
+    'follow-chain',
+    'new-block',
+    'run-block',
+    'set-block-build-mode',
+    'set-head',
+    'set-runtime-log-level',
+    'set-storage',
+    'time-travel',
+    'try-runtime',
+];
 (async () => {
     for (const plugin of plugins) {
         const { rpc, name } = await import(`./${plugin}`);
         if (rpc) {
-            const methodName = name || camelCase(plugin);
+            const methodName = name || _.camelCase(plugin);
             pluginHandlers[`dev_${methodName}`] = rpc;
             logger.debug(`Registered plugin ${plugin} RPC`);
         }

package/dist/esm/plugins/run-block/index.js

@@ -1,3 +1,4 @@
+import { u8aToHex } from '@polkadot/util';
 import { writeFileSync } from 'node:fs';
 import { z } from 'zod';
 import { Block, compactHex, decodeKeyValue, printRuntimeLogs, runTask, taskHandler, } from '@acala-network/chopsticks-core';
@@ -76,6 +77,7 @@ export const name = 'runBlock';
  * Run a set of extrinsics on top of a block and get the storage diff
  * and optionally the parsed storage diff and block details.
  * NOTE: The extrinsics should include inherents or tranasctions may have unexpected results.
+ * NOTE: system.events and system.extrinsicData are excluded from storage diff to reduce size.
  *
  * This function is a dev rpc handler. Use `dev_runBlock` as the method name when calling it.
  */
@@ -104,6 +106,8 @@ export const rpc = async ({ chain }, [params]) => {
     };
     // exclude system events because it can be stupidly large and redudant
     const systemEventsKey = compactHex(meta.query.system.events());
+    // large and not really useful
+    const systemExtrinsicDataKey = u8aToHex(meta.query.system.extrinsicData.keyPrefix());
     const run = async (fn, args) => {
         const result = await runTask({
             wasm,
@@ -122,12 +126,23 @@ export const rpc = async ({ chain }, [params]) => {
             if (key === systemEventsKey) {
                 continue;
             }
+            if (key.startsWith(systemExtrinsicDataKey)) {
+                continue;
+            }
             const obj = {};
             if (includeRawStorage) {
                 obj.raw = { key, value };
             }
             if (includeParsed) {
-                obj.parsed = decodeKeyValue(await newBlock.meta, newBlock, key, value, false);
+                const decoded = decodeKeyValue(await newBlock.meta, newBlock, key, value, false);
+                if (decoded) {
+                    obj.parsed = {
+                        section: decoded.section,
+                        method: decoded.method,
+                        key: decoded.key,
+                        value: decoded.value,
+                    };
+                }
             }
             resp.storageDiff.push(obj);
         }

package/dist/esm/utils/generate-html-diff.js

@@ -1,11 +1,11 @@
 import { decodeStorageDiff } from './decoder';
 import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
-import { template } from 'lodash';
-import path from 'node:path';
+import _ from 'lodash';
+import url from 'node:url';
 export const generateHtmlDiff = async (block, diff) => {
     const { oldState, delta } = await decodeStorageDiff(block, diff);
-    const htmlTemplate = readFileSync(path.join(__dirname, '../../../template/diff.html'), 'utf-8');
-    return template(htmlTemplate)({ left: JSON.stringify(oldState), delta: JSON.stringify(delta) });
+    const htmlTemplate = readFileSync(url.resolve(__filename, './template/diff.html'), 'utf-8');
+    return _.template(htmlTemplate)({ left: JSON.stringify(oldState), delta: JSON.stringify(delta) });
 };
 export const generateHtmlDiffPreviewFile = async (block, diff, filename) => {
     const html = await generateHtmlDiff(block, diff);

package/dist/esm/utils/template/diff.html

@@ -0,0 +1,304 @@
+<!doctype html>
+<html>
+	<head>
+		<style>
+			body {
+				font-family: ui-monospace, 'SFMono-Regular', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+				font-size: 14px;
+				min-width: 600px;
+				margin: 0;
+				padding: 0;
+				background-color: rgb(39, 40, 34);
+			}
+
+			div#app {
+				margin: 0 !important;
+				padding: 0 !important;
+			}
+
+			.diff {
+				padding: 2px 4px;
+				border-radius: 4px;
+				position: relative;
+				color: white;
+				line-height: 150%;
+			}
+
+			.diff > button {
+				position: absolute;
+				display: none;
+				left: 50%;
+				top: 50%;
+				translate: -50% -50%;
+				background: #fff;
+				border: none;
+				border-radius: 50%;
+				padding: 10px;
+				cursor: pointer;
+				cursor: pointer;
+				opacity: 80%;
+				width: 40px;
+				height: 40px;
+			}
+
+			.diff > button > img {
+				width: 100%;
+				height: 100%;
+			}
+
+			.diff > button:hover {
+				opacity: 100%;
+			}
+
+			.diff:hover > button {
+				display: block;
+			}
+
+			.diffWrap {
+				position: relative;
+				z-index: 1;
+			}
+
+			li:has(> span > span.diffWrap > span.diffRemove) > label {
+				color: red !important;
+				text-decoration: line-through;
+				text-decoration-thickness: 1px;
+			}
+
+			.diffAdd {
+				color: darkseagreen;
+				display: inline-flex;
+			}
+
+			.diffRemove {
+				text-decoration: line-through;
+				text-decoration-thickness: 1px;
+				color: red;
+				display: inline-flex;
+			}
+
+			.diffUpdateFrom {
+				text-decoration: line-through;
+				text-decoration-thickness: 1px;
+				color: red;
+				display: inline-flex;
+			}
+
+			.diffUpdateTo {
+				color: darkseagreen;
+				display: inline-flex;
+			}
+
+			.diffUpdateArrow {
+				color: #ccc;
+			}
+
+			.unchanged {
+				color: #666;
+			}
+
+			.delta {
+				color: #ccc;
+				font-size: 12px;
+				margin: 0 10px;
+			}
+		</style>
+		<script src="https://unpkg.com/babel-standalone@6/babel.min.js" crossorigin></script>
+		<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js" crossorigin></script>
+		<script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
+		<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
+		<script src="https://unpkg.com/react-json-tree@0.18.0/lib/umd/react-json-tree.min.js" crossorigin></script>
+	</head>
+
+	<body>
+		<div id="app"></div>
+		<script type="text/babel">
+
+			const left = <%= left %>;
+			const delta = <%= delta %>;
+
+			const expandFirstLevel = (keyName, data, level) => level <= 1;
+
+			function stringifyAndShrink(val) {
+				if (val == null) return 'null';
+				if (typeof val === 'string') return val
+				return JSON.stringify(val, null, 1);
+			}
+
+			const styling = (a) => {
+				const className = Array.isArray(a) ? a : [a]
+				return { className: className.join(' ') }
+			}
+
+			function valueRenderer(viewPartial) {
+				return function (raw, value, ...keys) {
+					const modifyPath = keys.reverse().join('.')
+					const removePath = keys.map(x => Number.isInteger(parseInt(x)) ? '_' + x : x).join('.')
+					const isDelta = _.has(delta, modifyPath) || _.has(delta, removePath)
+
+					function renderSpan(name, body, raw) {
+						return (
+							<span key={name} {...styling(['diff', name])}>
+								{body}
+								{_.isObjectLike(raw) ? <button onClick={() => viewPartial({ [modifyPath]: raw })}><img src='data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjY0cHgiIHdpZHRoPSI2NHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQyLjEzMyAyNDIuMTMzIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHJva2U9IiMwMDAwMDAiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8ZyBpZD0iWE1MSURfMjVfIj4gPHBhdGggaWQ9IlhNTElEXzI2XyIgZD0iTTg5LjI0NywxMzEuNjczbC00Ny43MzIsNDcuNzNsLTE1LjkwOS0xNS45MWMtNC4yOS00LjI5MS0xMC43NDItNS41NzItMTYuMzQ3LTMuMjUyIEMzLjY1NCwxNjIuNTYzLDAsMTY4LjAzMywwLDE3NC4xdjUzLjAzMmMwLDguMjg0LDYuNzE2LDE1LDE1LDE1bDUzLjAzMywwLjAwMWMwLjAwNy0wLjAwMSwwLjAxMi0wLjAwMSwwLjAxOSwwIGM4LjI4NSwwLDE1LTYuNzE2LDE1LTE1YzAtNC4zNzctMS44NzUtOC4zMTYtNC44NjUtMTEuMDU5bC0xNS40NTgtMTUuNDU4bDQ3LjczLTQ3LjcyOWM1Ljg1OC01Ljg1OCw1Ljg1OC0xNS4zNTUsMC0yMS4yMTMgQzEwNC42MDMsMTI1LjgxNSw5NS4xMDQsMTI1LjgxNiw4OS4yNDcsMTMxLjY3M3oiLz4gPHBhdGggaWQ9IlhNTElEXzI4XyIgZD0iTTIyNy4xMzMsMEgxNzQuMWMtNi4wNjcsMC0xMS41MzYsMy42NTUtMTMuODU4LDkuMjZjLTIuMzIxLDUuNjA1LTEuMDM4LDEyLjA1NywzLjI1MiwxNi4zNDdsMTUuOTExLDE1LjkxMSBsLTQ3LjcyOSw0Ny43M2MtNS44NTgsNS44NTgtNS44NTgsMTUuMzU1LDAsMjEuMjEzYzIuOTI5LDIuOTI5LDYuNzY4LDQuMzkzLDEwLjYwNiw0LjM5M2MzLjgzOSwwLDcuNjc4LTEuNDY0LDEwLjYwNi00LjM5NCBsNDcuNzMtNDcuNzNsMTUuOTA5LDE1LjkxYzIuODY5LDIuODcsNi43MDYsNC4zOTQsMTAuNjA5LDQuMzk0YzEuOTMzLDAsMy44ODItMC4zNzMsNS43MzctMS4xNDIgYzUuNjA1LTIuMzIyLDkuMjYtNy43OTIsOS4yNi0xMy44NThWMTVDMjQyLjEzMyw2LjcxNiwyMzUuNDE3LDAsMjI3LjEzMywweiIvPiA8L2c+IDwvZz4KDTwvc3ZnPg==' /></button> : null}
+							</span>
+						);
+					}
+
+					function renderDelta(value) {
+						if (/^\d+(,\d+)*$/.test(value[0]) && /^\d+(,\d+)*$/.test(value[1])) {
+							const oldValue = BigInt(value[0].replace(/,/g, ''))
+							const newValue = BigInt(value[1].replace(/,/g, ''))
+							if (oldValue > 0 && newValue > 0) {
+								const delta = newValue - oldValue
+								return (<span className="delta" >{delta > 0 ? '+' : ''}{delta.toLocaleString()}</span>)
+							}
+						}
+					}
+
+					if (isDelta && Array.isArray(value)) {
+						switch (value.length) {
+							case 0:
+								return (
+									<span {...styling('diffWrap')}>
+										{renderSpan('diff', '[]')}
+									</span>
+								)
+							case 1:
+								return (
+									<span {...styling('diffWrap')}>
+										{renderSpan(
+											'diffAdd',
+											stringifyAndShrink(value[0]),
+											value[0]
+										)}
+									</span>
+								);
+							case 2:
+								return (
+									<span {...styling('diffWrap')}>
+										{renderSpan(
+											'diffUpdateFrom',
+											stringifyAndShrink(value[0]),
+											value[0]
+										)}
+										{renderSpan('diffUpdateArrow', ' => ')}
+										{renderSpan(
+											'diffUpdateTo',
+											stringifyAndShrink(value[1]),
+											value[1]
+										)}
+										{renderDelta(value)}
+									</span>
+								);
+							case 3:
+								return (
+									<span {...styling('diffWrap')}>
+										{renderSpan('diffRemove', stringifyAndShrink(value[0]), value[0])}
+									</span>
+								);
+						}
+					}
+
+					return (
+						<span {...styling('diffWrap')}>
+							{renderSpan('unchanged', stringifyAndShrink(value), value)}
+						</span>
+					);
+				}
+			};
+
+			function prepareDelta(value) {
+				if (value && value._t === 'a') {
+					const res = {};
+					for (const key in value) {
+						if (key !== '_t') {
+							if (key[0] === '_' && !value[key.substr(1)]) {
+								res[key.substr(1)] = value[key];
+							} else if (value['_' + key]) {
+								res[key] = [value['_' + key][0], value[key][0]];
+							} else if (!value['_' + key] && key[0] !== '_') {
+								res[key] = value[key];
+							}
+						}
+					}
+					return res;
+				}
+				return value;
+			}
+
+			const theme = {
+				scheme: 'monokai',
+				base00: '#272822',
+				base01: '#383830',
+				base02: '#49483e',
+				base03: '#75715e',
+				base04: '#a59f85',
+				base05: '#f8f8f2',
+				base06: '#f5f4f1',
+				base07: '#f9f8f5',
+				base08: '#f92672',
+				base09: '#fd971f',
+				base0A: '#f4bf75',
+				base0B: '#a6e22e',
+				base0C: '#a1efe4',
+				base0D: '#66d9ef',
+				base0E: '#ae81ff',
+				base0F: '#cc6633',
+			};
+
+			class App extends React.Component {
+				constructor(props) {
+					super(props);
+					this.state = { showUnchanged: false, partial: null };
+				}
+
+				toggle = (e) => {
+					this.setState(state => {
+						return { ...state, showUnchanged: !state.showUnchanged }
+					})
+				}
+
+				viewPartial = (value) => {
+					this.setState(state => {
+						return { ...state, partial: _.isEqual(state.partial, value) ? null : value }
+					})
+				}
+
+				render() {
+					return (
+						<div>
+							<div style={{ display: 'flex', flexDirection: 'row' }}>
+								<div style={{ flex: 1, padding: '0 10px', overflow: 'hidden', overflowY: 'scroll', height: '100vh' }}>
+									<input type="checkbox" onChange={this.toggle} id="show_unchanged" />
+									<label for="show_unchanged" style={{ fontSize: '12px', color: 'white' }}>Show Unchanged</label>
+									<ReactJsonTree.JSONTree
+										theme={theme}
+										invertTheme={false}
+										data={this.state.showUnchanged ? _.merge(_.cloneDeep(left), delta) : delta}
+										valueRenderer={valueRenderer(this.viewPartial)}
+										postprocessValue={prepareDelta}
+										isCustomNode={Array.isArray}
+										shouldExpandNodeInitially={expandFirstLevel}
+										hideRoot
+									/>
+								</div>
+								{this.state.partial ? <div style={{ flex: 1, padding: '0 10px', overflow: 'hidden', overflowY: 'scroll', height: '100vh' }}>
+									<ReactJsonTree.JSONTree
+										theme={theme}
+										invertTheme={false}
+										data={this.state.partial}
+										shouldExpandNodeInitially={() => true}
+										hideRoot
+									/>
+								</div> : null}
+							</div>
+						</div>
+					);
+				}
+			}
+
+			ReactDOM.createRoot(document.querySelector('#app')).render(<App />);
+		</script>
+	</body>
+</html>

package/dist/types/plugins/decode-key/index.d.ts

@@ -1,2 +1,2 @@
-import type yargs from 'yargs';
-export declare const cli: (y: yargs.Argv) => void;
+import type { Argv } from 'yargs';
+export declare const cli: (y: Argv) => void;

package/dist/types/plugins/dry-run/cli.d.ts

@@ -1,2 +1,2 @@
-import type yargs from 'yargs';
-export declare const cli: (y: yargs.Argv) => void;
+import type { Argv } from 'yargs';
+export declare const cli: (y: Argv) => void;

package/dist/types/plugins/follow-chain/index.d.ts

@@ -0,0 +1,2 @@
+import type { Argv } from 'yargs';
+export declare const cli: (y: Argv) => void;

package/dist/types/plugins/index.d.ts

@@ -1,4 +1,4 @@
 import { Handlers } from '@acala-network/chopsticks-core';
-import type yargs from 'yargs';
+import type { Argv } from 'yargs';
 export declare const pluginHandlers: Handlers;
-export declare const pluginExtendCli: (y: yargs.Argv) => Promise<void>;
+export declare const pluginExtendCli: (y: Argv) => Promise<void>;

package/dist/types/plugins/run-block/index.d.ts

@@ -1,8 +1,8 @@
 import { HexString } from '@polkadot/util/types';
 import { z } from 'zod';
-import type yargs from 'yargs';
-import { Context } from '@acala-network/chopsticks-core';
-export declare const cli: (y: yargs.Argv) => void;
+import type { Argv } from 'yargs';
+import { Context, RuntimeLog } from '@acala-network/chopsticks-core';
+export declare const cli: (y: Argv) => void;
 declare const schema: z.ZodObject<{
     includeRaw: z.ZodOptional<z.ZodBoolean>;
     includeParsed: z.ZodOptional<z.ZodBoolean>;
@@ -88,12 +88,17 @@ export interface RunBlockResponse {
             /**
              * Decoded storage diff. Only available when `includeParsed` is true.
              */
-            parsed?: any;
+            parsed?: {
+                method: string;
+                section: string;
+                key: any[];
+                value: any;
+            };
         }[];
         /**
          * Runtime logs.
          */
-        logs?: string[];
+        logs?: RuntimeLog[];
     }[];
     /**
      * Block details. Only available when `includeBlockDetails` is true.
@@ -128,6 +133,7 @@ export declare const name = "runBlock";
  * Run a set of extrinsics on top of a block and get the storage diff
  * and optionally the parsed storage diff and block details.
  * NOTE: The extrinsics should include inherents or tranasctions may have unexpected results.
+ * NOTE: system.events and system.extrinsicData are excluded from storage diff to reduce size.
  *
  * This function is a dev rpc handler. Use `dev_runBlock` as the method name when calling it.
  */

package/dist/types/plugins/try-runtime/index.d.ts

@@ -1,2 +1,2 @@
-import type yargs from 'yargs';
-export declare const cli: (y: yargs.Argv) => void;
+import type { Argv } from 'yargs';
+export declare const cli: (y: Argv) => void;

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@acala-network/chopsticks",
-  "version": "0.9.0",
+  "version": "0.9.1-2",
   "author": "Acala Developers <hello@acala.network>",
   "license": "Apache-2.0",
   "bin": "./chopsticks.js",
   "scripts": {
     "clean": "rm -rf dist",
-    "build": "yarn clean && tsc -p ./tsconfig.json && tsc -p ./tsconfig.esm.json",
+    "build": "yarn clean && tsc -p ./tsconfig.json && tsc -p ./tsconfig.esm.json && echo '{\"type\": \"module\"}' > ./dist/esm/package.json && yarn copyfiles",
+    "copyfiles": "cp -r src/utils/template dist/cjs/utils/ && cp -r src/utils/template dist/esm/utils/",
     "script:start": "cd ../..; ts-node --transpile-only -r tsconfig-paths/register packages/chopsticks/src/cli.ts",
     "script:run": "cd ../..; LOG_LEVEL=trace ts-node-dev --transpile-only -r tsconfig-paths/register --inspect --notify=false packages/chopsticks/src/cli.ts -- --config=configs/dev.yml",
     "dev:karura": "cd ../..; ts-node-dev --transpile-only --inspect -r tsconfig-paths/register --notify=false packages/chopsticks/src/cli.ts -- --config=configs/karura.yml",
@@ -17,10 +18,10 @@
     "docs:prep": "typedoc"
   },
   "dependencies": {
-    "@acala-network/chopsticks-core": "0.9.0",
-    "@acala-network/chopsticks-db": "0.9.0",
+    "@acala-network/chopsticks-core": "0.9.1-2",
+    "@acala-network/chopsticks-db": "0.9.1-2",
     "@pnpm/npm-conf": "^2.2.2",
-    "axios": "^1.5.1",
+    "axios": "^1.6.0",
     "dotenv": "^16.3.1",
     "global-agent": "^3.0.0",
     "js-yaml": "^4.1.0",
@@ -36,7 +37,7 @@
     "@types/lodash": "^4.14.199",
     "@types/node": "^20.5.7",
     "@types/ws": "^8.5.6",
-    "@types/yargs": "^17.0.24",
+    "@types/yargs": "^17.0.29",
     "ts-node": "^10.9.1",
     "ts-node-dev": "^2.0.0",
     "typescript": "^5.1.6"
@@ -45,7 +46,6 @@
     "dist/esm/**",
     "dist/cjs/**",
     "dist/types/**",
-    "template",
     "chopsticks.js"
   ],
   "main": "./dist/cjs/index.js",
@@ -70,6 +70,7 @@
       "import": "./dist/esm/plugins/*.js",
       "default": "./dist/esm/plugins/*.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./package.esm.json": "./dist/esm/package.json"
   }
 }