@lukso/transaction-view-core 0.6.5 → 0.6.6-dev.45215f7

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/work/service-auth-simple/service-auth-simple/.npmrc". Failed to replace env in config: ${LUKSO_NPM_TOKEN}
 
-> @lukso/transaction-view-core@0.6.5 build /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-core
+> @lukso/transaction-view-core@0.6.6 build /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-core
 > tsup
 
 CLI Building entry: src/index.ts, src/shared/index.ts, src/styles/index.ts
@@ -11,24 +11,24 @@
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs            276.40 KB
+CJS dist/index.cjs            279.94 KB
 CJS dist/shared/index.cjs     209.95 KB
 CJS dist/styles/index.cjs     133.22 KB
-CJS dist/styles/index.cjs.map 141.45 KB
-CJS dist/index.cjs.map        381.60 KB
+CJS dist/index.cjs.map        388.13 KB
 CJS dist/shared/index.cjs.map 272.16 KB
-CJS ⚡️ Build success in 5349ms
-ESM dist/index.js            267.64 KB
+CJS dist/styles/index.cjs.map 141.45 KB
+CJS ⚡️ Build success in 5417ms
+ESM dist/index.js            271.04 KB
 ESM dist/shared/index.js     204.53 KB
 ESM dist/styles/index.js     132.18 KB
-ESM dist/index.js.map        380.83 KB
+ESM dist/index.js.map        387.37 KB
 ESM dist/shared/index.js.map 271.29 KB
 ESM dist/styles/index.js.map 141.39 KB
-ESM ⚡️ Build success in 5357ms
-DTS ⚡️ Build success in 11101ms
+ESM ⚡️ Build success in 5419ms
+DTS ⚡️ Build success in 11454ms
 DTS dist/styles/index.d.ts  233.00 B
-DTS dist/index.d.ts         16.93 KB
+DTS dist/index.d.ts         17.84 KB
 DTS dist/shared/index.d.ts  23.60 KB
 DTS dist/styles/index.d.cts 233.00 B
-DTS dist/index.d.cts        16.93 KB
+DTS dist/index.d.cts        17.85 KB
 DTS dist/shared/index.d.cts 23.60 KB

package/.turbo/turbo-typecheck.log

@@ -1,5 +1,5 @@
  WARN  Issue while reading "/home/runner/work/service-auth-simple/service-auth-simple/.npmrc". Failed to replace env in config: ${LUKSO_NPM_TOKEN}
 
-> @lukso/transaction-view-core@0.6.5 typecheck /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-core
+> @lukso/transaction-view-core@0.6.6 typecheck /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-core
 > tsc --noEmit
 

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.6.6](https://github.com/lukso-network/service-auth-simple/compare/transaction-view-core-v0.6.5...transaction-view-core-v0.6.6) (2026-01-07)
+
+
+### Bug Fixes
+
+* Allow passing of raw transactions to playback ([#88](https://github.com/lukso-network/service-auth-simple/issues/88)) ([e27d626](https://github.com/lukso-network/service-auth-simple/commit/e27d626303991ad1cba737647d562bdfe246f299))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @lukso/transaction-decoder bumped to 1.3.6
+    * @lukso/transaction-view-headless bumped to 0.4.6
+
 ## [0.6.5](https://github.com/lukso-network/service-auth-simple/compare/transaction-view-core-v0.6.4...transaction-view-core-v0.6.5) (2026-01-05)
 
 

package/dist/index.cjs

@@ -4310,6 +4310,7 @@ PermissionsBlock = __decorateClass([
 ], PermissionsBlock);
 
 // src/components/transaction-playback.ts
+var import_transaction_decoder = require("@lukso/transaction-decoder");
 var import_transaction_view_headless10 = require("@lukso/transaction-view-headless");
 var import_lit20 = require("lit");
 var import_decorators19 = require("lit/decorators.js");
@@ -4460,6 +4461,7 @@ var TransactionPlayback = class extends CoreLitElement {
     this.index = 1;
     this.debug = false;
     this.isLoading = false;
+    this.isDecoding = false;
     this.componentContainerRef = (0, import_ref.createRef)();
     this.loader = getGlobalLitLoader();
     this.handleHeaderInfo = (event) => {
@@ -4476,7 +4478,13 @@ var TransactionPlayback = class extends CoreLitElement {
     };
   }
   willUpdate(changedProperties) {
-    if (changedProperties.has("transaction") || changedProperties.has("index") || changedProperties.has("context") || changedProperties.has("variant")) {
+    if (changedProperties.has("rawTransaction") || changedProperties.has("chain")) {
+      if (this.rawTransaction) {
+        this.decodeRawTransaction();
+        return;
+      }
+    }
+    if (changedProperties.has("transaction") || changedProperties.has("decodedTransaction") || changedProperties.has("index") || changedProperties.has("context") || changedProperties.has("variant")) {
       this.loadView();
     }
   }
@@ -4499,9 +4507,80 @@ var TransactionPlayback = class extends CoreLitElement {
       import_transaction_view_headless10.TransactionViewEvents.HEADER_INFO,
       this.handleHeaderInfo
     );
+    if (this.decodingUnsubscribe) {
+      this.decodingUnsubscribe();
+      this.decodingUnsubscribe = void 0;
+    }
+  }
+  /**
+   * Decode a raw transaction locally (no server API calls)
+   * Accepts transactions with JSON, BigintJSON, or bigint values
+   *
+   * Two-phase decoding:
+   * 1. Immediate sync decoding - shows basic decoded transaction right away
+   * 2. Async enhancement - progressively enhances with additional data
+   */
+  async decodeRawTransaction() {
+    if (!this.rawTransaction) {
+      return;
+    }
+    if (!this.chain) {
+      this.error = "Chain configuration is required when decoding raw transactions";
+      return;
+    }
+    this.isDecoding = true;
+    this.error = void 0;
+    this.decodedTransaction = void 0;
+    if (this.decodingUnsubscribe) {
+      this.decodingUnsubscribe();
+      this.decodingUnsubscribe = void 0;
+    }
+    try {
+      const normalizedTx = import_transaction_decoder.JSONbigString.read(this.rawTransaction);
+      const result = await (0, import_transaction_decoder.decodeTransaction)(normalizedTx, {
+        chain: this.chain,
+        plugins: [],
+        // Use auto-registered plugins
+        schemaPlugins: [],
+        // Use auto-registered schema plugins
+        wrappers: [],
+        // No wrapper detection needed for raw transactions
+        async: true
+        // Enable async enhancement (ABI fetching, address resolution)
+      });
+      if (!Array.isArray(result)) {
+        this.decodedTransaction = result.immediate;
+        this.isDecoding = false;
+        this.loadView();
+        this.decodingUnsubscribe = result.signal.subscribe((state11) => {
+          if (state11.data && state11.data !== this.decodedTransaction) {
+            this.decodedTransaction = state11.data;
+            this.loadView();
+          }
+        });
+      } else {
+        const firstResult = result[0];
+        this.decodedTransaction = firstResult.immediate;
+        this.isDecoding = false;
+        this.loadView();
+        this.decodingUnsubscribe = firstResult.signal.subscribe(
+          (state11) => {
+            if (state11.data && state11.data !== this.decodedTransaction) {
+              this.decodedTransaction = state11.data;
+              this.loadView();
+            }
+          }
+        );
+      }
+    } catch (err) {
+      this.error = err instanceof Error ? err.message : "Failed to decode transaction";
+      this.isDecoding = false;
+      console.error("Transaction decoding error:", err);
+    }
   }
   async loadView() {
-    if (!this.transaction) {
+    const txToDisplay = this.decodedTransaction || this.transaction;
+    if (!txToDisplay) {
       this.error = "No transaction provided";
       return;
     }
@@ -4510,7 +4589,7 @@ var TransactionPlayback = class extends CoreLitElement {
     this.loadedComponent = void 0;
     this.headerInfo = void 0;
     try {
-      this.playbackState = (0, import_transaction_view_headless10.createTransactionPlayback)(this.transaction, {
+      this.playbackState = (0, import_transaction_view_headless10.createTransactionPlayback)(txToDisplay, {
         framework: "lit",
         fallbackViewId: this.fallbackViewId,
         context: this.context,
@@ -4632,6 +4711,14 @@ var TransactionPlayback = class extends CoreLitElement {
     `;
   }
   render() {
+    if (this.isDecoding) {
+      return import_lit20.html`
+        <div class="flex flex-col items-center justify-center py-15 px-5 text-neutral-60">
+          <div class="text-32 mb-4 animate-spin">🔄</div>
+          <div class="text-16 font-500">Decoding transaction...</div>
+        </div>
+      `;
+    }
     if (this.isLoading) {
       return import_lit20.html`
         <div class="flex flex-col items-center justify-center py-15 px-5 text-neutral-60">
@@ -4684,6 +4771,12 @@ var TransactionPlayback = class extends CoreLitElement {
 __decorateClass([
   (0, import_decorators19.property)({ type: Object })
 ], TransactionPlayback.prototype, "transaction", 2);
+__decorateClass([
+  (0, import_decorators19.property)({ type: Object })
+], TransactionPlayback.prototype, "rawTransaction", 2);
+__decorateClass([
+  (0, import_decorators19.property)({ type: Object })
+], TransactionPlayback.prototype, "chain", 2);
 __decorateClass([
   (0, import_decorators19.property)({ type: Number })
 ], TransactionPlayback.prototype, "index", 2);
@@ -4708,6 +4801,9 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators19.state)()
 ], TransactionPlayback.prototype, "isLoading", 2);
+__decorateClass([
+  (0, import_decorators19.state)()
+], TransactionPlayback.prototype, "isDecoding", 2);
 __decorateClass([
   (0, import_decorators19.state)()
 ], TransactionPlayback.prototype, "error", 2);
@@ -4717,6 +4813,9 @@ __decorateClass([
 __decorateClass([
   (0, import_decorators19.state)()
 ], TransactionPlayback.prototype, "headerInfo", 2);
+__decorateClass([
+  (0, import_decorators19.state)()
+], TransactionPlayback.prototype, "decodedTransaction", 2);
 TransactionPlayback = __decorateClass([
   safeCustomElement("transaction-playback")
 ], TransactionPlayback);