@lukso/transaction-view-headless 0.2.2-dev.a8c9315

package/.turbo/turbo-build.log

@@ -0,0 +1,51 @@
+
+> @lukso/transaction-view-headless@0.2.2 build /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-headless
+> tsup
+
+CLI Building entry: {"index":"src/index.ts","types/index":"src/types/index.ts","composables/index":"src/composables/index.ts","registry/index":"src/registry/index.ts","utils/index":"src/utils/index.ts"}
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.1
+CLI Using tsup config: /home/runner/work/service-auth-simple/service-auth-simple/packages/transaction-view-headless/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+ESM Build start
+CJS Build start
+CJS dist/index.cjs                 46.38 KB
+CJS dist/types/index.cjs           798.00 B
+CJS dist/composables/index.cjs     40.34 KB
+CJS dist/registry/index.cjs        14.91 KB
+CJS dist/utils/index.cjs           6.80 KB
+CJS dist/index.cjs.map             99.34 KB
+CJS dist/types/index.cjs.map       450.00 B
+CJS dist/composables/index.cjs.map 92.14 KB
+CJS dist/registry/index.cjs.map    30.27 KB
+CJS dist/utils/index.cjs.map       13.93 KB
+CJS ⚡️ Build success in 192ms
+ESM dist/index.js                 42.80 KB
+ESM dist/types/index.js           33.00 B
+ESM dist/composables/index.js     37.87 KB
+ESM dist/registry/index.js        13.51 KB
+ESM dist/utils/index.js           5.68 KB
+ESM dist/index.js.map             99.09 KB
+ESM dist/types/index.js.map       71.00 B
+ESM dist/composables/index.js.map 92.01 KB
+ESM dist/registry/index.js.map    29.88 KB
+ESM dist/utils/index.js.map       13.75 KB
+ESM ⚡️ Build success in 193ms
+📦 Build complete (build mode)
+DTS Build start
+DTS ⚡️ Build success in 20858ms
+DTS dist/index.d.ts                 4.15 KB
+DTS dist/types/index.d.ts           7.07 KB
+DTS dist/registry/index.d.ts        1.62 KB
+DTS dist/utils/index.d.ts           1.94 KB
+DTS dist/composables/index.d.ts     1.06 KB
+DTS dist/view-loader-ii8AxiQR.d.ts  3.73 KB
+DTS dist/index-CMLU1hKL.d.ts        13.83 KB
+DTS dist/index.d.cts                4.16 KB
+DTS dist/types/index.d.cts          7.07 KB
+DTS dist/registry/index.d.cts       1.62 KB
+DTS dist/utils/index.d.cts          1.94 KB
+DTS dist/composables/index.d.cts    1.06 KB
+DTS dist/view-loader-dD86QAlQ.d.cts 3.73 KB
+DTS dist/index-CSDjhiKV.d.cts       13.83 KB

package/CHANGELOG.md

@@ -0,0 +1,88 @@
+# Changelog
+
+## [0.2.2](https://github.com/lukso-network/service-auth-simple/compare/transaction-view-headless-v0.2.1...transaction-view-headless-v0.2.2) (2025-12-03)
+
+
+### Bug Fixes
+
+* More upgrades nuxt, wagmi/connectors, vue, wagmi/vue and so on. Leaving tailwindcss ([#38](https://github.com/lukso-network/service-auth-simple/issues/38)) ([4af08be](https://github.com/lukso-network/service-auth-simple/commit/4af08be832780c515ba9e29f486c5ae88481fd1a))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @lukso/transaction-decoder bumped to 1.0.1
+
+## [0.2.1](https://github.com/lukso-network/service-auth-simple/compare/transaction-view-headless-v0.2.0...transaction-view-headless-v0.2.1) (2025-12-02)
+
+
+### Bug Fixes
+
+* Allow multi chain resolutions, using preact signals-core. ([#25](https://github.com/lukso-network/service-auth-simple/issues/25)) ([94fbbe9](https://github.com/lukso-network/service-auth-simple/commit/94fbbe982a64e3fda13c4ea94fb7be8f5a188025))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @lukso/transaction-decoder bumped to 1.0.0
+
+## [0.2.0](https://github.com/lukso-network/service-auth-simple/compare/transaction-view-headless-v0.1.0...transaction-view-headless-v0.2.0) (2025-11-25)
+
+
+### Features
+
+* Add favicons and update titles (LUKSO Auth / LUKSO Auth Demo) ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+
+
+### Bug Fixes
+
+* Add backup plan ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Add lint-staged ([d77afe6](https://github.com/lukso-network/service-auth-simple/commit/d77afe66d4778fbd85ce2d995cfbabd34eeb3c85))
+* Add Playback views. ([81bd63e](https://github.com/lukso-network/service-auth-simple/commit/81bd63e4b6cb86ec3df45c38cb334c355e2643f8))
+* Additional turbo changes ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Better custom matchers ([efca148](https://github.com/lukso-network/service-auth-simple/commit/efca1488831789e8ee21a2e2197c7dfeeb8777d8))
+* Change to turbo and start backup/restore ([#14](https://github.com/lukso-network/service-auth-simple/issues/14)) ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Cleanup some docs ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Cleanup to make sure everything builds. There were some dangling refactor issues, we might need turbo... ([60d8374](https://github.com/lukso-network/service-auth-simple/commit/60d8374e1fd62f6bd3a275eb872f25777bfa4afa))
+* Correct PR number detection in workflow ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Found some more lint problems ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* More deps used to be from base ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* More docs on backup ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* More work ([be3890c](https://github.com/lukso-network/service-auth-simple/commit/be3890cfd93c868af272fefcfcabb2e544b3a0fc))
+* More work ([7d9c289](https://github.com/lukso-network/service-auth-simple/commit/7d9c289b1a32f3710e36012b2cc52b0a66857eb1))
+* More work ([c0e5d8f](https://github.com/lukso-network/service-auth-simple/commit/c0e5d8fceb9ddb791ad1b54f525ec96c06421e22))
+* More work ([1722f13](https://github.com/lukso-network/service-auth-simple/commit/1722f13101c3a6ce59a12ada8f6433c478ad3daf))
+* More work ([fe60cfb](https://github.com/lukso-network/service-auth-simple/commit/fe60cfb824878dbaa0fe64730a153991c53f7bf6))
+* Move apps ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* npm upgrades and main build fixes ([#17](https://github.com/lukso-network/service-auth-simple/issues/17)) ([95d7e83](https://github.com/lukso-network/service-auth-simple/commit/95d7e831a47e0d8f9118f2ec11021c995cc90351))
+* Refactor complete ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Refactor into two 'apps' ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Refactor keygen into separate package ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Refactor wallet-app into package in monorepo ([#12](https://github.com/lukso-network/service-auth-simple/issues/12)) ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Remove weird .dev.vars symlink ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Rename config variable to avoid conflict with wagmi config ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair build ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair build of storybook ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair build problem ([799cb39](https://github.com/lukso-network/service-auth-simple/commit/799cb39be1a1f9d86c6e292f47ab0e910f851050))
+* Repair ci build ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair deployment. ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair lint errors showing up once in a while ([11d06e7](https://github.com/lukso-network/service-auth-simple/commit/11d06e712cdebc365871b18306eedea809b9a61a))
+* Repair lockfile ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair nav of storybooks ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair sequence of .env/.dev.vars since we're now loading both ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair storybook build. ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair URL mappings for demo ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Repair workflow ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* Update vars ([bbc339a](https://github.com/lukso-network/service-auth-simple/commit/bbc339a87cc62f66b2c18b8ecb5652e9999c3352))
+* WIP ([fd6e07c](https://github.com/lukso-network/service-auth-simple/commit/fd6e07cecbc2fdea671714dbe71d2da11f593481))
+* WIP ([967db3b](https://github.com/lukso-network/service-auth-simple/commit/967db3bde9730eaef10ccd303143bade89fe64ee))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @lukso/transaction-decoder bumped to 1.1.0

package/COMPONENT_ARCHITECTURE.md

@@ -0,0 +1,190 @@
+# Component Architecture: The Full Implementation Reality
+
+## The Component Hierarchy Challenge
+
+While our "Suffering Economics" strategy reduces framework implementations from 6+ to 2, the reality is that we still need to implement a complete component ecosystem for each target platform.
+
+### Lit Web Components (Universal Web)
+
+**Transaction Views** (Top-level components)
+- `<lsp7-transfer-view>` - LSP7 token transfers
+- `<lsp8-transfer-view>` - LSP8 NFT transfers  
+- `<execute-batch-view>` - Batch execution operations
+- `<set-data-view>` - LSP0 setData operations
+- `<generic-transaction-view>` - Universal fallback
+
+**Base/Shared Components** (Building blocks)
+- `<address-display>` - Address with resolved name/profile
+- `<profile-card>` - Universal Profile card display
+- `<contract-card>` - Contract information card
+- `<token-amount>` - Token amount with symbol/decimals
+- `<transaction-status>` - Status indicator (pending/confirmed/failed)
+- `<expandable-section>` - Collapsible content sections
+
+**Image Components** (Visual elements)
+- `<profile-image>` - Universal Profile avatar
+- `<contract-image>` - Contract logo/icon
+- `<token-image>` - Token/NFT image
+- `<chain-icon>` - Blockchain network icon
+
+### React Native Components (Mobile Native)
+
+**The Rewrite Reality**: Every Lit component needs a React Native equivalent.
+
+**Transaction Views** (Top-level components)
+- `LSP7Transfer` - React Native version of `<lsp7-transfer-view>`
+- `LSP8Transfer` - React Native version of `<lsp8-transfer-view>`
+- `ExecuteBatch` - React Native version of `<execute-batch-view>`
+- `SetData` - React Native version of `<set-data-view>`
+- `GenericTransaction` - React Native version of `<generic-transaction-view>`
+
+**Base/Shared Components** (Building blocks)
+- `AddressDisplay` - Address with TouchableOpacity interaction
+- `ProfileCard` - Native View with proper styling
+- `ContractCard` - Native card with platform-appropriate shadows
+- `TokenAmount` - Text with proper number formatting
+- `TransactionStatus` - Status with native color/icon theming
+- `ExpandableSection` - Animated collapsible using Animated API
+
+**Image Components** (Visual elements) 
+- `ProfileImage` - React Native Image with caching
+- `ContractImage` - Native Image with fallback handling
+- `TokenImage` - Image with NFT-specific optimizations
+- `ChainIcon` - Vector icon or SVG component
+
+## The Implementation Strategy
+
+### Phase 1: Lit Ecosystem (Universal Web)
+```
+@lukso/decoder-web-components/
+├── transaction-views/
+│   ├── lsp7-transfer-view.ts
+│   ├── lsp8-transfer-view.ts
+│   ├── execute-batch-view.ts
+│   └── generic-transaction-view.ts
+├── shared/
+│   ├── address-display.ts
+│   ├── profile-card.ts
+│   ├── contract-card.ts
+│   └── token-amount.ts
+└── images/
+    ├── profile-image.ts
+    ├── contract-image.ts
+    └── token-image.ts
+```
+
+**Benefits:**
+- ✅ Works in ALL web frameworks (Vue, React, Svelte, Angular, vanilla)
+- ✅ Shadow DOM style encapsulation
+- ✅ Web standards-based (future-proof)
+- ✅ Can be used in WebView fallbacks
+
+### Phase 2: React Native Ecosystem (Mobile Native)
+```
+@lukso/decoder-rn-views/
+├── transaction-views/
+│   ├── LSP7Transfer.tsx
+│   ├── LSP8Transfer.tsx
+│   ├── ExecuteBatch.tsx
+│   └── GenericTransaction.tsx
+├── shared/
+│   ├── AddressDisplay.tsx
+│   ├── ProfileCard.tsx
+│   ├── ContractCard.tsx
+│   └── TokenAmount.tsx
+└── images/
+    ├── ProfileImage.tsx
+    ├── ContractImage.tsx
+    └── TokenImage.tsx
+```
+
+**Benefits:**
+- ✅ Native mobile performance
+- ✅ Platform-appropriate styling (iOS/Android)
+- ✅ Native touch interactions
+- ✅ Proper mobile accessibility
+
+## The "No Pain, No Gain" Reality
+
+### What We Can Share
+- ✅ **Business Logic** - All data fetching, formatting, and state management (via decoder-headless)
+- ✅ **Component Structure** - Same props, events, and component hierarchy
+- ✅ **Design System** - Color tokens, spacing, typography scales
+- ✅ **Test Logic** - Same component behavior expectations
+
+### What We Must Rewrite
+- ❌ **Rendering Logic** - `html\`template\`` vs `<View><Text></Text></View>`
+- ❌ **Styling System** - CSS vs StyleSheet
+- ❌ **Event Handling** - `@click` vs `onPress`
+- ❌ **Image Handling** - `<img src="">` vs `<Image source={{uri}}>`
+- ❌ **Touch Interactions** - `:hover` vs `TouchableOpacity`
+- ❌ **Animation** - CSS transitions vs Animated API
+
+## The Suffering Economics Math
+
+### Traditional Approach (6+ frameworks):
+```
+6 frameworks × 15 components = 90 total implementations
+Suffering Coefficient: 90x
+```
+
+### Our Optimized Approach (2 strategic frameworks):
+```
+Lit Components: 15 implementations (universal web)
+React Native: 15 implementations (mobile native)
+Total: 30 implementations
+Suffering Coefficient: 30x (67% reduction!)
+```
+
+### The Mitigation Strategies
+
+**1. Component Parity Tooling**
+- Shared TypeScript interfaces for props
+- Automated testing to ensure component parity
+- Design system tokens shared between platforms
+
+**2. Gradual Implementation**
+- Start with core transaction views
+- Add shared components as needed
+- Images and advanced components last
+
+**3. WebView Fallback During Development**
+- Implement Lit components first
+- Use WebView fallback for React Native during development
+- Replace with native components progressively
+
+**4. Code Generation Opportunities**
+- Component prop interfaces → generate React wrappers
+- Design tokens → generate StyleSheet equivalents
+- Component structure templates
+
+## The Long-Term Vision
+
+**Web Ecosystem**: One Lit implementation works everywhere
+```
+Vue App → <lsp7-transfer-view>
+React App → <lsp7-transfer-view> (via @lit-labs/react)
+Svelte App → <lsp7-transfer-view>
+Angular App → <lsp7-transfer-view>
+Vanilla HTML → <lsp7-transfer-view>
+```
+
+**Mobile Ecosystem**: Native performance with shared logic
+```
+React Native → <LSP7Transfer> (native components)
+Business Logic → decoder-headless (shared composables)
+```
+
+## Conclusion
+
+Yes, we still need to write ~30 components instead of ~90, but the key insights are:
+
+1. **67% less suffering** through strategic platform targeting
+2. **Universal web compatibility** with single Lit implementation  
+3. **Shared business logic** eliminates the hardest part (data handling)
+4. **Progressive implementation** via WebView fallbacks
+5. **Future-proof architecture** that adapts to new frameworks automatically
+
+The pain is real, but it's **strategically optimized pain** that delivers maximum value with minimum suffering. 🎯
+
+**"Suffer twice, deploy everywhere!"** ✨