From 5c3eb51b6b890b7e78ec52ed0e57c2c1f1fb020e Mon Sep 17 00:00:00 2001 From: Luca Di Stefano Date: Sat, 21 Feb 2026 18:16:04 +0100 Subject: [PATCH 1/3] Use EJS and vscode-elements in Verify tab (IC3) --- src/extension/cex.ts | 29 ------ src/extension/common.ts | 14 ++- src/extension/html/_step.html | 38 ++++++++ src/extension/html/_verify.single.html | 21 +++++ src/extension/html/simulate.html | 2 +- src/extension/html/verify.html | 15 +++ src/extension/verify.ts | 122 +++++++++++++------------ 7 files changed, 151 insertions(+), 90 deletions(-) create mode 100644 src/extension/html/_step.html create mode 100644 src/extension/html/_verify.single.html create mode 100644 src/extension/html/verify.html diff --git a/src/extension/cex.ts b/src/extension/cex.ts index 017d56b..5480794 100644 --- a/src/extension/cex.ts +++ b/src/extension/cex.ts @@ -32,32 +32,3 @@ export function renderStep(trace: Step[], x: Step) { return render; } -export function formatStep(render: State) { - return ` - -${Object.keys(render).sort().map(agent => ( - ` - - - ` -)).join("\n")} -
${agent}:${ - Object.keys(render[agent]) - .sort() - .filter(k => (k === "**state**") || !k.startsWith("**")) - .map(k => `${(k === "**state**") ? "state" : k}: ${render[agent][k]}`) - .filter(s => s.trim().length > 0) - .join(", ") - }
` -} - -export function formatTransition(t: Transition) { - const isSupplyGet = t.hasOwnProperty("___get-supply___"); - return ` - - - - - -
${isSupplyGet ? "Supplier" : "Sender"}: ${t.sender}
Command:
${t.send}
${isSupplyGet ? "Getter" : "Receivers"}: ${t.receivers.join(", ")}
` - } diff --git a/src/extension/common.ts b/src/extension/common.ts index 6b74cdf..2d80a50 100644 --- a/src/extension/common.ts +++ b/src/extension/common.ts @@ -54,13 +54,19 @@ export async function renderTemplate(ctx: vscode.ExtensionContext, fname: string const elementsUri = webview.asWebviewUri( vscode.Uri.joinPath( ctx.extensionUri, - "node_modules", - "@vscode-elements/elements", - "dist", - "bundled.js" + "node_modules", "@vscode-elements", + "elements", "dist", "bundled.js" + ) + ); + const codiconsUri = webview.asWebviewUri( + vscode.Uri.joinPath( + ctx.extensionUri, + "node_modules", "@vscode", "codicons", + "dist", "codicon.css" ) ); data["elementsUri"] = elementsUri; + data["codiconsUri"] = codiconsUri; data["cspSource"] = webview.cspSource; const html = ejs.renderFile(filePath, data); return html; diff --git a/src/extension/html/_step.html b/src/extension/html/_step.html new file mode 100644 index 0000000..bcd5376 --- /dev/null +++ b/src/extension/html/_step.html @@ -0,0 +1,38 @@ +{% if (transition != undefined) { %} + + + + + + + + + +
{%= isSupplyGet ? "Supplier" : "Sender" %}: {%= transition.sender %}
Command:
{%= transition.send %}
{%= isSupplyGet ? "Getter" : "Receivers" %}: {%= transition.receivers.join(", ") %}
+
+
+{% } %} + + +{%= depth %} +{% if (loop) { %}
Loop starts here{% } %} +{% if (deadlock) { %}
Deadlock state{% } %} +
+ + + {% Object.keys(step).sort().forEach(function(agent) { %} + + + + {% }); %} +
{%= agent %}: + {% Object.keys(step[agent]).filter(k => (k === "**state**") || !k.startsWith("**")).sort().forEach(function(varName) { %} +
{% if (varName === "**state**") { %} + state + {% } else { %} + {%= varName %} + {% } %}: {%= step[agent][varName] %}
+ {% }); %} +
+
+
\ No newline at end of file diff --git a/src/extension/html/_verify.single.html b/src/extension/html/_verify.single.html new file mode 100644 index 0000000..476acb8 --- /dev/null +++ b/src/extension/html/_verify.single.html @@ -0,0 +1,21 @@ +

{%= spec %} +{% if (isTrue) { %} ✅ +{% } else if (isFalse) { %} ❌ +{% } else { %} ❔ {% } %} +

+ + + +# +Changed Variables + + + {%- tbody %} + + + +
+ +
{%= output %}
+
+
\ No newline at end of file diff --git a/src/extension/html/simulate.html b/src/extension/html/simulate.html index f04f6a0..c017118 100644 --- a/src/extension/html/simulate.html +++ b/src/extension/html/simulate.html @@ -4,7 +4,7 @@ - Simulator: {%=fname%} + R-CHECK simulator: {%=fname%}