René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Standardize synchronous circular requires","articleBody":"Synchronous circular requires (commonjs equivalent of static default imports) \r\nare individually edited in some sources (CSSOM, JSDOM), \r\nbut a generic pattern can be recognized. \r\n\r\nThe edits are always a delayed reassignment from dynamic import\r\n(`const a=require(\"a\")` -\u003e `let a;setTimeout(async function expect_hoisted_a()`\r\n`{import(\"a\").then(({default:module})=\u003ea=module)},3000)` \r\n\\- note that dynamic import is only supported for requires in already async scopes; see issue #9 ), \r\nsupported by an equal timeout before the default export of module.exports in the \r\nentry module since the dynamic imports become promise resolutions of hoisted variables \r\nof co-dependent modules stacked lower in the module scope when bundled: \r\n```\r\n// entry module: \r\nawait new Promise(resolve=\u003esetTimeout(resolve,3000));\r\nexport default module.exports;\r\n\r\n// dependent module: \r\nvar codependent;\r\nsetTimeout(async function expect_hoisted_dependency()\r\n{import(\"codependent\").then(({default:module})=\u003ecodependent=module)\r\n},3000);\r\nexport default module.exports;\r\n\r\n// codependent module: \r\nimport dependent from \"dependent\";\r\nmodule.exports={dependent}\r\nexport default module.exports;\r\n\r\n// bundle: \r\nvar codependent;\r\nsetTimeout(async function expect_hoisted_a()\r\n{Promise.resolve(dependency).then(({default:module})=\u003ecodependent=module)\r\n},3000);\r\nvar dependent={default};\r\nvar dependency={default:dependent};\r\nawait new Promise(resolve=\u003esetTimeout(resolve,3000));\r\nexport default module.exports;\r\n```\r\nCollecting and awaiting the dynamic import reassignments instead of the arbitrary delay at the end of bundle, \r\nas well as gaining access to rollup's hoisted variable name to recursively ascertain the local reassignments, \r\nor potential modifications to the module hierarchy could be further improvements to this generalization. \r\n\r\nAn illustrative subject circular dependency graph (CSSOM):\r\n![image](https://github.com/bpstrngr/interface/assets/26650418/351575fd-baf7-4a01-879e-372b9592db74)\r\n","author":{"url":"https://github.com/jsinterface","@type":"Person","name":"jsinterface"},"datePublished":"2023-10-25T10:49:02.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/6/interface/issues/6"}