fixes

Author: i582

package.json

@@ -1,39 +1,29 @@
 {
   "name": "txtracer-components-test-dev",
-  "version": "0.0.7",
+  "version": "0.0.14",
   "type": "module",
   "homepage": "https://txtracer.ton.org/",
   "main": "./src/lib/index.ts",
   "module": "./src/lib/index.ts",
   "types": "./src/lib/index.ts",
   "exports": {
     ".": {
-      "import": "./src/lib/index.ts",
-      "types": "./src/lib/index.ts"
+      "import": "./dist/lib/index.js",
+      "types": "./dist/lib/index.d.ts"
     },
     "./shared": {
-      "import": "./src/lib/shared.ts",
-      "types": "./src/lib/shared.ts"
+      "import": "./dist/lib/shared.js",
+      "types": "./dist/lib/shared.d.ts"
     },
     "./features": {
-      "import": "./src/lib/features.ts",
-      "types": "./src/lib/features.ts"
+      "import": "./dist/lib/features.js",
+      "types": "./dist/lib/features.d.ts"
     },
-    "./styles": "./src/index.css"
+    "./styles": "./dist/lib/txtracer.css"
   },
   "files": [
-    "src/lib/",
-    "src/shared/",
-    "!src/shared/ui/CodeEditor",
-    "src/features/sandbox/",
-    "src/features/common/",
-    "src/features/txTrace/",
-    "src/features/tasm/",
-    "src/features/godbolt/",
-    "src/pages/SandboxPage/",
-    "src/index.css",
-    "README.md",
-    "LICENSE"
+    "dist/lib/",
+    "!dist/lib/assets"
   ],
   "keywords": [
     "react",
@@ -56,6 +46,8 @@
   "scripts": {
     "dev": "vite --port 5174",
     "build": "tsc -b && vite build",
+    "build-lib": "tsc -b && vite build --config vite.lib.config.ts",
+    "build-lib-tgz": "yarn build-lib && npm pack --pack-destination=. && echo 'Library TGZ created successfully'",
     "lint": "eslint . --cache",
     "preview": "vite preview",
     "deploy": "gh-pages -d dist",

src/features/sandbox/ui/TransactionShortInfo/ActionsSummary.tsx

@@ -1,6 +1,7 @@
 import React, {useState} from "react"
 
-import type {OutAction} from "@entities/transaction"
+import type {OutAction} from "@ton/core"
+
 import {getActionSummary} from "@features/txTrace/lib/actions"
 import {formatCurrency, formatAddress} from "@shared/lib/format"
 import type {ContractData} from "@features/sandbox/lib/contract"

src/features/sandbox/ui/TransactionShortInfo/TransactionShortInfo.tsx

@@ -224,7 +224,7 @@ export function TransactionShortInfo({
                 <div className={styles.multiColumnItem}>
                   <div className={styles.multiColumnItemTitle}>Created Lt</div>
                   <div className={`${styles.multiColumnItemValue} ${styles.numberValue}`}>
-                    {inMessage.info.createdLt}
+                    {inMessage.info.createdLt.toString()}
                   </div>
                 </div>
               </div>
@@ -322,7 +322,7 @@ export function TransactionShortInfo({
                 <div className={styles.multiColumnItem}>
                   <div className={styles.multiColumnItemTitle}>Gas Used</div>
                   <div className={`${styles.multiColumnItemValue} ${styles.gasValue}`}>
-                    {computeInfo?.gasUsed}
+                    {computeInfo?.gasUsed?.toString()}
                   </div>
                 </div>
                 <div className={styles.multiColumnItem}>

src/features/sandbox/ui/TransactionTree/TransactionTree.tsx

@@ -314,10 +314,10 @@ export function TransactionTree({testData}: TransactionTreeProps) {
       if (!node.children || node.children.length === 0) {
         return 1
       }
-      return node.children.reduce(
+      return Number(node.children.reduce(
         (sum: number, child) => sum + countNodes(child as {children?: unknown[]}),
         0,
-      )
+      ))
     }
 
     const totalNodes = countNodes(data)

tsconfig.lib.json

@@ -0,0 +1,24 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "emitDeclarationOnly": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": false,
+    "allowImportingTsExtensions": false
+  },
+  "include": ["src/shared/**/*", "src/features/sandbox/**/*", "src/lib/**/*"],
+  "exclude": [
+    "src/**/*.test.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.ts",
+    "src/**/*.spec.tsx",
+    "src/main.ts",
+    "src/pages/**/*",
+    "src/app/**/*",
+    "src/features/godbolt/**/*"
+  ]
+}

vite.lib.config.ts

@@ -0,0 +1,72 @@
+import {resolve} from "path"
+
+import {defineConfig} from "vite"
+import react from "@vitejs/plugin-react"
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@shared": resolve(__dirname, "src/shared"),
+      "@features": resolve(__dirname, "src/features"),
+      "@entities": resolve(__dirname, "src/entities"),
+      "@app": resolve(__dirname, "src"),
+    },
+  },
+  build: {
+    lib: {
+      entry: {
+        // Main index file
+        index: resolve(__dirname, "src/lib/index.ts"),
+
+        // Shared components and utilities - all in one file
+        shared: resolve(__dirname, "src/lib/shared.ts"),
+
+        // Features components and utilities - all in one file
+        features: resolve(__dirname, "src/lib/features.ts"),
+      },
+      formats: ["es"],
+      fileName: (format, entryName) => `${entryName}.js`,
+    },
+    outDir: "dist/lib",
+    rollupOptions: {
+      external: [
+        "react",
+        "react-dom",
+        "react/jsx-runtime",
+        "@monaco-editor/react",
+        "monaco-editor",
+        "@ton/core",
+        "@ton/crypto",
+        "@ton/sandbox",
+        "@ton/test-utils",
+        "@ton/tolk-js",
+        "@ton-community/func-js",
+        "@truecarry/tlb-abi",
+        "@xyflow/react",
+        "allotment",
+        "buffer",
+        "framer-motion",
+        "react-d3-tree",
+        "react-helmet-async",
+        "react-icons",
+        "react-markdown",
+        "ton-assembly",
+        "txtracer-core",
+      ],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "react/jsx-runtime": "jsxRuntime",
+        },
+        assetFileNames: assetInfo => {
+          if (assetInfo.name === "style.css") return "txtracer.css"
+          return assetInfo.name ?? "asset"
+        },
+      },
+    },
+    cssCodeSplit: false,
+  },
+})