René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Add documentation for package importing AST gotcha ","articleBody":"***When using mono repo style dependencies and possibly other dependencies, it is possible that the built AST does not properly include an imported package.***\r\n\r\n**The following example failed to include \"@starving/contracts/dist/typechain-types\"** \r\n```\r\nimport Nullstack from \"nullstack\";\r\nimport base from \"@starving/contracts/dist/typechain-types\";\r\nimport ethers from \"ethers\";\r\nclass Account extends Nullstack {\r\n  hydrate() {\r\n    this.connectWallet();\r\n  }\r\n  async connectWallet() {\r\n    console.log(base.ERC165__factory);\r\n    const factory = await new base.Tap__factory();\r\n\r\n    factory.attach(\"\").requestTokens();\r\n    const fact = await factory.deploy();\r\n\r\n    const provider = new ethers.providers.JsonRpcProvider();\r\n    const tokenContract = new tap(nftAddress, NFT.abi, provider);\r\n    const marketContract = new ethers.Contract(\r\n      nftMarketAddress,\r\n      Market.abi,\r\n      provider\r\n    );\r\n    const data = await marketContract.fetchMarketItems();\r\n  }\r\n  getTap() {\r\n    return 1.354;\r\n  }\r\n\r\n  getAddress() {\r\n    return \"0x5a773...6f57c0\";\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      \u003cdiv style=\"\" class=\"flex justify-end\"\u003e\r\n        \u003cdiv class=\"flex items-center\"\u003e\r\n          \u003cdiv class=\"max-w-[14px] max-h-[17px]\"\u003e\r\n            \u003cimg src=\"tap.png\" class=\"object-cover\"\u003e\u003c/img\u003e\r\n          \u003c/div\u003e\r\n          \u003cdiv class=\"pl-2 text-sm flex flex-col items-center\"\u003e\r\n            \u003cspan class=\"font-bold\"\u003e\r\n              {this.getTap()}{\" \"}\r\n              \u003cspan class=\"text-shadow-white font-medium\"\u003eTAP\u003c/span\u003e\r\n            \u003c/span\u003e\r\n            \u003cdiv\u003e\r\n              \u003cspan class=\"text-shadow-white\"\u003e{this.getAddress()}\u003c/span\u003e\r\n            \u003c/div\u003e\r\n          \u003c/div\u003e\r\n        \u003c/div\u003e\r\n        \u003cdiv class=\"flex items-center pl-10\"\u003e\r\n          \u003cdiv class=\"max-w-[14px] max-h-[17px]\"\u003e\r\n            \u003cimg src=\"account_circle.png\" class=\"object-cover\"\u003e\u003c/img\u003e\r\n          \u003c/div\u003e\r\n          \u003cspan class=\"pl-2 font-bold\"\u003e My account\u003c/span\u003e\r\n        \u003c/div\u003e\r\n      \u003c/div\u003e\r\n    );\r\n  }\r\n}\r\n\r\nexport default Account;\r\n```\r\n\r\n**This was fixed by importing @starving/contracts/dist/typechain-types  in the server.js file** \r\n\r\n```\r\nimport Nullstack from \"nullstack\";\r\nimport Application from \"./src/Application\";\r\nimport { StavingChildrenNft__factory } from \"@starving/contracts/dist/typechain-types/factories/contracts/Nft.sol/StavingChildrenNft__factory\";\r\n\r\nconst context = Nullstack.start(Application);\r\n\r\ncontext.start = async function start() {\r\n  console.log(StavingChildrenNft__factory);\r\n  // https://nullstack.app/application-startup\r\n};\r\n\r\nexport default context;\r\n\r\n```","author":{"url":"https://github.com/robGetsTheJobDoneAE","@type":"Person","name":"robGetsTheJobDoneAE"},"datePublished":"2022-07-15T17:49:40.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/234/nullstack.github.io/issues/234"}