-
Notifications
You must be signed in to change notification settings - Fork 170
/
compile.ts
70 lines (63 loc) · 2.74 KB
/
compile.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import reactRefreshTS from 'https://esm.sh/react-refresh-typescript@1.0.4'
import ts from 'https://esm.sh/typescript@4.0.5'
import transformImportPathRewrite from './transform-import-path-rewrite.ts'
import transformReactJsx from './transform-react-jsx.ts'
import transformReactUseDenoHook from './transform-react-use-deno-hook.ts'
export interface CompileOptions {
mode: 'development' | 'production'
target: string
reactRefresh: boolean
rewriteImportPath: (importPath: string) => string
signUseDeno: (id: string) => string
}
const allowTargets = [
'esnext',
'es2015',
'es2016',
'es2017',
'es2018',
'es2019',
'es2020',
]
export function compile(fileName: string, source: string, { mode, target: targetName, rewriteImportPath, reactRefresh, signUseDeno }: CompileOptions) {
const target = allowTargets.indexOf(targetName.toLowerCase())
const transformers: ts.CustomTransformers = { before: [], after: [] }
if (reactRefresh) transformers.before!.push(reactRefreshTS())
transformers.before!.push(createPlainTransformer(transformReactJsx, { mode, rewriteImportPath }))
transformers.after!.push(createPlainTransformer(transformReactUseDenoHook, { index: 0, signUseDeno }))
transformers.after!.push(createPlainTransformer(transformImportPathRewrite, rewriteImportPath))
return ts.transpileModule(source, {
fileName,
reportDiagnostics: true,
compilerOptions: {
target: target < 0 ? ts.ScriptTarget.ES2015 : (target > 0 ? target + 1 : 99),
module: ts.ModuleKind.ES2020,
isolatedModules: true,
allowJs: true,
jsx: ts.JsxEmit.React,
experimentalDecorators: true,
importHelpers: true,
importsNotUsedAsValues: ts.ImportsNotUsedAsValues.Remove,
alwaysStrict: true,
sourceMap: true,
inlineSources: true,
},
transformers,
})
}
function createPlainTransformer(transform: (sf: ts.SourceFile, node: ts.Node, ...args: any[]) => ts.VisitResult<ts.Node>, ...args: any[]): ts.TransformerFactory<ts.SourceFile> {
function nodeVisitor(ctx: ts.TransformationContext, sf: ts.SourceFile) {
const visitor: ts.Visitor = node => {
const ret = transform(sf, node, ...args)
if (ret != null) {
return ret
}
return ts.visitEachChild(node, visitor, ctx)
}
return visitor
}
return ctx => sf => ts.visitNode(sf, nodeVisitor(ctx, sf))
}
function createTransformer(transform: (ctx: ts.TransformationContext, sf: ts.SourceFile, options?: any) => ts.SourceFile, options?: Record<string, any>): ts.TransformerFactory<ts.SourceFile> {
return ctx => sf => transform(ctx, sf, options)
}