don't add CodeEditor and TransactionTraceViewer, fix import paths for sandbox/ui/, don't export pages at all

Author: i582

package.json

@@ -1,6 +1,6 @@
 {
   "name": "txtracer-components-test-dev",
-  "version": "0.1.0",
+  "version": "0.0.7",
   "type": "module",
   "homepage": "https://txtracer.ton.org/",
   "main": "./src/lib/index.ts",
@@ -19,10 +19,6 @@
       "import": "./src/lib/features.ts",
       "types": "./src/lib/features.ts"
     },
-    "./pages": {
-      "import": "./src/lib/pages.ts",
-      "types": "./src/lib/pages.ts"
-    },
     "./styles": "./src/index.css"
   },
   "files": [
@@ -70,7 +66,7 @@
     "test:e2e": "yarn playwright test",
     "coverage": "vitest run --coverage",
     "precommit": "yarn fmt && yarn lint --fix && yarn build",
-    "prepare:publish": "node scripts/prepare-publish.js",
+    "prepare:publish": "node scripts/prepare-publish.js && cd .publish-temp/ && npm pack",
     "prepublishOnly": "yarn lint && yarn fmt:check"
   },
   "peerDependencies": {

scripts/prepare-publish.js

@@ -27,8 +27,7 @@ const filesToCopy = [
   "src/features/common/",
   "src/features/txTrace/",
   "src/features/tasm/",
-  "src/features/godbolt/",
-  "src/pages/SandboxPage/",
+  // "src/features/godbolt/",
   "src/index.css",
 ]
 
@@ -43,6 +42,9 @@ function copyRecursively(src, dest) {
       copyRecursively(path.join(src, file), path.join(dest, file))
     }
   } else {
+    if (src.includes("CodeEditor")) {
+      return
+    }
     fs.copyFileSync(src, dest)
   }
 }
@@ -65,6 +67,11 @@ function replaceAliases(filePath, content) {
 
   let newContent = content
 
+  newContent = newContent.replace(
+    'import("@app/pages/SandboxPage/components/TransactionTraceViewer/TransactionTraceViewer"),',
+    "new Promise(() => <div></div>),",
+  )
+
   newContent = newContent.replace(/"@shared\/(.+?)"/g, (match, importPath) => {
     const sharedPath = path.join(publishDir, "src/shared", importPath)
     const relativePath = path.relative(fileDir, sharedPath)

src/features/sandbox/ui/ContractDetails/ContractDetails.tsx

@@ -5,7 +5,7 @@ import {useState} from "react"
 import type {Maybe} from "@ton/core/dist/utils/maybe"
 
 import {formatCurrency} from "@shared/lib/format"
-import {OpcodeChip} from "@app/pages/SandboxPage/components"
+import {OpcodeChip} from "@shared/ui/OpcodeChip/OpcodeChip"
 import {CodeBlock} from "@shared/ui/CodeBlock"
 import {ContractChip} from "@shared/ui/ContractChip/ContractChip"
 import type {TestData} from "@features/sandbox/lib/test-data"

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

@@ -1,10 +1,10 @@
 import {Address, type ExternalAddress} from "@ton/core"
 
-import React, {type JSX, useState} from "react"
+import React, {type JSX, lazy, useState} from "react"
 import type {Maybe} from "@ton/core/dist/utils/maybe"
 import {FiPlay, FiX, FiChevronDown, FiChevronUp} from "react-icons/fi"
 
-import {OpcodeChip} from "@app/pages/SandboxPage/components"
+import {OpcodeChip} from "@shared/ui/OpcodeChip/OpcodeChip"
 import {ContractChip} from "@shared/ui/ContractChip/ContractChip"
 import {formatCurrency, formatNumber} from "@shared/lib/format"
 import {
@@ -15,7 +15,6 @@ import {
 import type {ContractData} from "@features/sandbox/lib/contract"
 import {type ParsedObjectByABI, parseSliceWithAbiType} from "@features/sandbox/lib/abi/parser"
 import {ParsedDataView} from "@features/sandbox/ui/abi"
-import {TransactionTraceViewer} from "@features/sandbox/ui/TransactionTraceViewer"
 import Button from "@shared/ui/Button"
 
 import type {TestData} from "@features/sandbox/lib/test-data"
@@ -139,6 +138,10 @@ export function TransactionShortInfo({
 
   const sendMode = computeSendMode(tx, testData)
 
+  const TransactionTraceViewer = lazy(
+    () => import("@app/pages/SandboxPage/components/TransactionTraceViewer/TransactionTraceViewer"),
+  )
+
   return (
     <>
       <div className={styles.transactionDetailsContainer}>

src/features/sandbox/ui/TransactionTraceViewer/index.ts

@@ -9,9 +9,11 @@ import type {TestData} from "@features/sandbox/lib/test-data"
 import {findOpcodeABI, type TransactionInfo} from "@features/sandbox/lib/transaction"
 import type {ContractData} from "@features/sandbox/lib/contract"
 import {parseSliceWithAbiType, type ParsedObjectByABI} from "@features/sandbox/lib/abi/parser"
-import {TransactionShortInfo, ContractDetails} from "@app/pages/SandboxPage/components"
+
 import {ParsedDataView} from "@features/sandbox/ui/abi"
 
+import {TransactionShortInfo, ContractDetails} from "../"
+
 import {useTooltip} from "./useTooltip"
 import {SmartTooltip} from "./SmartTooltip"
 

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

@@ -1,3 +1,7 @@
 export * from "./abi"
+
 export {SendModeViewer} from "./SendModeViewer"
 export {ReserveModeViewer} from "./ReserveModeViewer"
+export {ContractDetails} from "./ContractDetails/ContractDetails"
+export {TransactionShortInfo} from "./TransactionShortInfo/TransactionShortInfo"
+export {TransactionTree} from "./TransactionTree/TransactionTree"

src/features/sandbox/ui/index.ts

@@ -1,2 +1,4 @@
 export * from "./shared"
 export * from "./features"
+
+import "../index.css"