[module-detection] radix-ui/primitives

[0xdevalias]

This relates to the 'module-detection' feature described in the following issue:

• Module detection #41

Overview

• https://github.com/radix-ui/primitives

  • Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps.

Code

Unminifying this source (Ref), module-15838.js/etc:

Note: Not including the unminified examples here currently as the file is quite large

Searching for some of the symbols from module-15838.js on GitHub code search:

• https://github.com/search?q=%22_scopeTooltip%22+%22children%22+%22open%22+%22defaultOpen%22+%22onOpenChange%22&type=code

Of those results, these look the most promising:

• https://github.com/radix-ui/primitives/blob/main/packages/react/tooltip/src/Tooltip.tsx#L155-L161

---

Using the madge CLI/lib that I mentioned in another issue (Ref), I was able to automatically find/generate a graph of all of the module dependencies related to this.

I narrowed down on this by first creating a larger image of all the dependencies in a chunk/etc, finding something that looked like a lib like this, then running it again on that module.

Note also that I haven't manually checked through all of the modules mentioned here yet.

.madgerc

// See: https://github.com/pahen/madge#configuration
{
  "fileExtensions": ["js"],
  "detectiveOptions": {
    "es6": {
      "mixedImports": true,
      "skipTypeImports": true
    },
    "ts": {
      "mixedImports": true,
      "skipTypeImports": true
    }
  }
}

⇒ npx madge --image 15838.svg stage3-unminified/pages/_app/module-15838.js

(blue has dependencies, green doesn't)

madge --json output

⇒ npm run-script madge:json stage3-unminified/pages/_app/module-15838.js

> chatgpt-source-watch@0.0.1 madge:json
> f() { MODULE_PATH="$1"; npx madge --json "$MODULE_PATH"; }; f stage3-unminified/pages/_app/module-15838.js

{
  "module-15838.js": [
    "module-36646.js",
    "module-37812.js",
    "module-45675.js",
    "module-49270.js",
    "module-63543.js",
    "module-70007.js",
    "module-72901.js",
    "module-74039.js",
    "module-7824.js",
    "module-86004.js",
    "module-88817.js",
    "module-9235.js",
    "module-94251.js"
  ],
  "module-36646.js": [],
  "module-37812.js": [
    "module-45675.js",
    "module-7824.js"
  ],
  "module-45675.js": [],
  "module-49270.js": [],
  "module-63543.js": [
    "module-36646.js",
    "module-45675.js",
    "module-49270.js",
    "module-7824.js",
    "module-79388.js",
    "module-82094.js",
    "module-9137.js"
  ],
  "module-70007.js": [
    "module-45675.js",
    "module-7824.js"
  ],
  "module-72901.js": [],
  "module-74039.js": [
    "module-45675.js",
    "module-49270.js",
    "module-72901.js",
    "module-7824.js",
    "module-9137.js"
  ],
  "module-7824.js": [
    "module-45675.js",
    "module-94251.js"
  ],
  "module-79388.js": [],
  "module-82094.js": [
    "module-79388.js"
  ],
  "module-86004.js": [
    "module-9137.js"
  ],
  "module-88817.js": [
    "module-79388.js"
  ],
  "module-9137.js": [],
  "module-9235.js": [
    "module-49270.js",
    "module-79388.js"
  ],
  "module-94251.js": [
    "module-45675.js",
    "module-49270.js"
  ]
}