chore: source-ref add React.Fragment support

ignore it

packages/rollup-plugin-source-ref/.gitignore

@@ -0,0 +1 @@
+lib

packages/rollup-plugin-source-ref/package.json

@@ -2,9 +2,9 @@
   "name": "rollup-plugin-source-ref",
   "version": "1.0.0",
   "description": "",
-  "main": "dist/index.js",
+  "main": "lib/index.js",
   "files": [
-    "dist"
+    "lib"
   ],
   "scripts": {
     "build": "tsc",

packages/rollup-plugin-source-ref/src/index.ts

@@ -2,7 +2,13 @@ import type { Plugin } from 'rollup';
 import { parse } from '@babel/parser';
 import traverse from '@babel/traverse';
 import generate from '@babel/generator';
-import { jsxAttribute, jsxIdentifier, stringLiteral } from '@babel/types';
+import {
+  isJSXIdentifier,
+  isJSXMemberExpression,
+  jsxAttribute,
+  jsxIdentifier,
+  stringLiteral,
+} from '@babel/types';
 
 const TRACE_ID = 'data-source';
 
@@ -28,6 +34,17 @@ export default function sourceRef(): Plugin {
             return;
           }
 
+          const name = path.node.name;
+          if (isJSXIdentifier(name) && name.name === 'Fragment') {
+            return;
+          }
+          if (
+            isJSXMemberExpression(name) &&
+            name.property.name === 'Fragment'
+          ) {
+            return;
+          }
+
           const line = location.start.line;
           const col = location.start.column;
 

packages/rollup-plugin-source-ref/tsconfig.json

@@ -1,6 +1,6 @@
 {
 	"compilerOptions": {
-		"outDir": "dist",
+		"outDir": "lib",
 		"module": "commonjs",
 		"target": "ES5",
 		"lib": ["ESNext"],

packages/source-ref-loader/.gitignore

@@ -0,0 +1 @@
+lib

packages/source-ref-loader/package.json

@@ -2,9 +2,9 @@
   "name": "source-ref-loader",
   "version": "1.0.0",
   "description": "",
-  "main": "dist/index.js",
+  "main": "lib/index.js",
   "files": [
-    "dist"
+    "lib"
   ],
   "scripts": {
     "build": "tsc",

packages/source-ref-loader/src/index.ts

@@ -2,7 +2,13 @@ import type { LoaderContext } from 'webpack';
 import { parse } from '@babel/parser';
 import traverse from '@babel/traverse';
 import generate from '@babel/generator';
-import { jsxAttribute, jsxIdentifier, stringLiteral } from '@babel/types';
+import {
+  isJSXIdentifier,
+  isJSXMemberExpression,
+  jsxAttribute,
+  jsxIdentifier,
+  stringLiteral,
+} from '@babel/types';
 
 const TRACE_ID = 'data-source';
 
@@ -37,6 +43,14 @@ async function loader(this: LoaderContext<any>, source: string): Promise<void> {
         return;
       }
 
+      const name = path.node.name;
+      if (isJSXIdentifier(name) && name.name === 'Fragment') {
+        return;
+      }
+      if (isJSXMemberExpression(name) && name.property.name === 'Fragment') {
+        return;
+      }
+
       const line = location.start.line;
       const col = location.start.column;
 

packages/source-ref-loader/test/fixtures.ts

@@ -9,6 +9,8 @@ export const tsx = {
 
   '/src/foo.tsx': `
 		export const HelloWorld = <><div>hello world</div></>;
+		export const HelloWorld2 = <React.Fragment><div>hello world</div></React.Fragment>;
+		export const HelloWorld3 = <Fragment><div>hello world</div></Fragment>;
 		export default class Foo {
 			render() {
 				return <div className="class-name">content</div>

packages/source-ref-loader/test/index.ts

@@ -5,12 +5,13 @@ import { configureLoader } from './utils';
 async function test() {
   const built = await build(fixtures.tsx, (config) => {
     configureLoader(config);
-  });
 
-  console.log(built.stats.endTime - built.stats.startTime);
+    console.log('configureLoader(config);', config.module.rules);
+  });
 
-  console.log(built.stats.compilation.errors.length);
+  console.log('usage:', built.stats.endTime - built.stats.startTime, 'ms');
-  console.log(built.stats.compilation.errors);
+  console.log('errors:', built.stats.compilation.errors.length);
+  // console.log(built.stats.compilation.errors);
 }
 
 test();

packages/source-ref-loader/test/utils.ts

@@ -1,14 +1,18 @@
 import type { Configuration } from 'webpack';
+import type { DefaultWebpackConfig } from 'webpack-test-utils';
 
 const loaderPath = require.resolve('../src/index.ts');
 
-export function configureLoader(config: Configuration) {
+export function configureLoader(config: DefaultWebpackConfig & Configuration) {
   config.resolveLoader.alias = {
-    'source-pointer-loader': loaderPath,
+    'source-ref-loader': loaderPath,
   };
 
   config.module.rules.push({
     test: /\.tsx$/,
-    loader: 'source-pointer-loader',
+    loader: 'source-ref-loader',
+    options: {
+      available: true,
+    },
   });
 }

packages/source-ref-loader/tsconfig.json

@@ -1,6 +1,6 @@
 {
 	"compilerOptions": {
-		"outDir": "dist",
+		"outDir": "lib",
 		"module": "commonjs",
 
 		"target": "ES2018",