Some checks failed
Test examples / Test Examples (20) (push) Has been cancelled
Test examples / Test Examples (22) (push) Has been cancelled
Lock Threads / action (push) Has been cancelled
Trigger Release / start (push) Has been cancelled
Stale issue handler / stale (push) Has been cancelled
Update Font Data / create-pull-request (push) Has been cancelled
build-and-deploy / deploy-target (push) Has been cancelled
build-and-deploy / build (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / build-wasm (nodejs) (push) Has been cancelled
build-and-deploy / build-wasm (web) (push) Has been cancelled
build-and-deploy / Deploy preview tarball (push) Has been cancelled
build-and-deploy / Potentially publish release (push) Has been cancelled
build-and-deploy / publish-turbopack-npm-packages (push) Has been cancelled
build-and-deploy / Deploy examples (push) Has been cancelled
build-and-deploy / thank you, build (push) Has been cancelled
build-and-deploy / Upload Turbopack Bytesize metrics to Datadog (push) Has been cancelled
Rspack Next.js development integration tests / Rspack integration tests (push) Has been cancelled
Rspack Next.js production integration tests / Rspack integration tests (push) Has been cancelled
Turbopack Next.js development integration tests / Next.js integration tests (push) Has been cancelled
Turbopack Next.js production integration tests / Next.js integration tests (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack development test manifest (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack production test manifest (push) Has been cancelled
Upload bundler test manifests to areweturboyet.com / Upload test results (push) Has been cancelled
Update React / create-pull-request (push) Has been cancelled
test-e2e-project-reset-cron / reset-test-project (push) Has been cancelled
Notify about the top 15 issues/PRs/feature requests (most reacted) in the last 90 days / run (push) Has been cancelled
91 lines
2.1 KiB
TypeScript
91 lines
2.1 KiB
TypeScript
import type {
|
|
API,
|
|
Collection,
|
|
FileInfo,
|
|
JSCodeshift,
|
|
Options,
|
|
} from 'jscodeshift'
|
|
import { createParserFromPath } from '../lib/parser'
|
|
|
|
function addReactImport(j: JSCodeshift, root: Collection) {
|
|
// We create an import specifier, this is the value of an import, eg:
|
|
// import React from 'react'
|
|
// The specifier would be `React`
|
|
const ReactDefaultSpecifier = j.importDefaultSpecifier(j.identifier('React'))
|
|
|
|
// Check if this file is already importing `react`
|
|
// so that we can attach `React` to the existing import instead of creating a new `import` node
|
|
const originalReactImport = root.find(j.ImportDeclaration, {
|
|
source: {
|
|
value: 'react',
|
|
},
|
|
})
|
|
if (originalReactImport.length > 0) {
|
|
// Check if `React` is already imported. In that case we don't have to do anything
|
|
if (originalReactImport.find(j.ImportDefaultSpecifier).length > 0) {
|
|
return
|
|
}
|
|
|
|
// Attach `React` to the existing `react` import node
|
|
originalReactImport.forEach((node) => {
|
|
node.value.specifiers.unshift(ReactDefaultSpecifier)
|
|
})
|
|
return
|
|
}
|
|
|
|
// Create import node
|
|
// import React from 'react'
|
|
const ReactImport = j.importDeclaration(
|
|
[ReactDefaultSpecifier],
|
|
j.stringLiteral('react')
|
|
)
|
|
|
|
// Find the Program, this is the top level AST node
|
|
const Program = root.find(j.Program)
|
|
// Attach the import at the top of the body
|
|
Program.forEach((node) => {
|
|
node.value.body.unshift(ReactImport)
|
|
})
|
|
}
|
|
|
|
export default function transformer(
|
|
file: FileInfo,
|
|
_api: API,
|
|
options: Options
|
|
) {
|
|
const j = createParserFromPath(file.path)
|
|
const root = j(file.source)
|
|
|
|
const hasReactImport = (r) => {
|
|
return (
|
|
r.find(j.ImportDefaultSpecifier, {
|
|
local: {
|
|
type: 'Identifier',
|
|
name: 'React',
|
|
},
|
|
}).length > 0
|
|
)
|
|
}
|
|
|
|
const hasReactVariableUsage = (r) => {
|
|
return (
|
|
r.find(j.MemberExpression, {
|
|
object: {
|
|
type: 'Identifier',
|
|
name: 'React',
|
|
},
|
|
}).length > 0
|
|
)
|
|
}
|
|
|
|
if (hasReactImport(root)) {
|
|
return
|
|
}
|
|
|
|
if (hasReactVariableUsage(root)) {
|
|
addReactImport(j, root)
|
|
}
|
|
|
|
return root.toSource(options)
|
|
}
|