[compiler] Add support for commonjs

[josephsavona]

We previously always generated import statements for any modules that had to be required, notably the import {c} from 'react/compiler-runtime' for the memo cache function. However, this obviously doesn't work when the source is using commonjs. Now we check the sourceType of the module and generate require() statements if the source type is 'script'.

I initially explored using https://babeljs.io/docs/babel-helper-module-imports, but the API design was unfortunately not flexible enough for our use-case. Specifically, our pipeline is as follows:

• Compile individual functions. Generate candidate imports, pre-allocating the local names for those imports.
• If the file is compiled successfully, actually add the imports to the program.

Ie we need to pre-allocate identifier names for the imports before we add them to the program — but that isn't supported by babel-helper-module-imports. So instead we generate our own require() calls if the sourceType is script.

[poteto]

edit: nvm

[eps1lon]

sweet, thank you! I also only found the one spot where the import specifier was generated so I believe this covers all. Will let you know asap once I tried that in Next.js if that fixes all the spots we noticed.

[josephsavona]

Yeah, this should be the only spot we create imports. There is one place that we generate an export, but we only do that if the input also had an export so it should be fine in commonjs.