add loader for component app prop check

When a component imported a package with pinned version, the "Check
component app prop" PR check failed because Node.js was unable to
resolve the package version correctly. This commit adds a custom loader
that strips the version from the imported package, allowing the check to
pass.

For example, if the component imports `[email protected]`, the loader will
transform the import to `got`.

Author: js07

.github/workflows/pull-request-checks.yaml

@@ -101,6 +101,6 @@ jobs:
       - name: Check component keys
         run: node scripts/findBadKeys.js ${{ steps.changed_files.outputs.added_modified }} ${{ steps.changed_files.outputs.renamed }}
       - name: Check component app prop
-        run: node scripts/checkComponentAppProp.js ${{ steps.changed_files.outputs.added_modified }} ${{ steps.changed_files.outputs.renamed }}
+        run: node --experimental-loader ./scripts/version-strip-loader.mjs scripts/checkComponentAppProp.js ${{ steps.changed_files.outputs.added_modified }} ${{ steps.changed_files.outputs.renamed }}
       - name: Check for duplicate component keys
         run: node scripts/findDuplicateKeys.js

scripts/version-strip-loader.mjs

@@ -0,0 +1,9 @@
+export async function resolve(specifier, context, nextResolve) {
+  // Strip version from imports like "[email protected]" -> "got"
+  const versionedImportMatch = specifier.match(/^(.+)@[\d\.\-\w]+$/);
+  if (versionedImportMatch) {
+    specifier = versionedImportMatch[1];
+  }
+  
+  return nextResolve(specifier, context);
+}