1- const glob = require ( 'glob' ) ;
2- const fs = require ( 'fs-extra' ) ;
3- const path = require ( 'path' ) ;
4- const postcss = require ( 'postcss' ) ;
5- const postcssConfig = require ( '../postcss.config' ) ;
6- const filesystemTools = require ( 'gluegun/filesystem' ) ;
7- const stringTools = require ( 'gluegun/strings' ) ;
8- const printTools = require ( 'gluegun/print' ) ;
9- const commandLineArgs = require ( 'command-line-args' ) ;
10- const ora = require ( 'ora' ) ;
11- const compileCommand = require ( '@builder.io/mitosis-cli/dist/commands/compile' ) ;
1+ import compileCommand from '@builder.io/mitosis-cli/dist/commands/compile.js' ;
2+ import commandLineArgs from 'command-line-args' ;
3+ import fs from 'fs-extra' ;
4+ import glob from 'glob' ;
5+ import filesystemTools from 'gluegun/filesystem.js' ;
6+ import printTools from 'gluegun/print.js' ;
7+ import stringTools from 'gluegun/strings.js' ;
8+ import ora from 'ora' ;
9+ import path from 'path' ;
10+ import postcss from 'postcss' ;
1211
1312const DEFAULT_OPTIONS = {
1413 elements : 'src/**/*.lite.tsx' ,
@@ -17,6 +16,7 @@ const DEFAULT_OPTIONS = {
1716 target : '' ,
1817 extension : '' ,
1918 state : '' ,
19+ api : '' ,
2020 styles : '' ,
2121 customReplace : ( outFile , isFirstCompilation ) => null
2222} ;
@@ -85,7 +85,9 @@ async function compile(defaultOptions) {
8585 . map ( ( fileName ) => {
8686 const file = path . parse ( fileName ) ;
8787 const name = file . name . replace ( '.lite' , '' ) ;
88- return `export { default as ${ pascalName ( name ) } ${ file . dir . replace ( 'src/' , '' ) } ;
88+ return `export { default as ${ pascalName ( name ) } ${ file . dir
89+ . replace ( / \\ / g, '/' )
90+ . replace ( 'src/' , '' ) } ';`;
8991 } )
9092 . join ( '\n' ) ;
9193 }
@@ -94,6 +96,7 @@ async function compile(defaultOptions) {
9496 const indexResult = indexData
9597 // Export only needed components
9698 . replace ( / ( \/ \/ I n i t C o m p o n e n t s ) ( .+ ?) ( \/ \/ E n d C o m p o n e n t s ) / s, `$1\n${ fileExports } )
99+ // Set the current platform
97100 . replace ( / P l a t f o r m .D e f a u l t / g, `Platform.${ pascalName ( options . target ) } ) ;
98101
99102 fs . writeFileSync ( `${ outPath } , indexResult , 'utf8' ) ;
@@ -103,13 +106,17 @@ async function compile(defaultOptions) {
103106 const file = path . parse ( filepath ) ;
104107 const outFile = `${ outPath } ${ file . dir } ${ file . name . replace ( '.lite' , '' ) } ${ options . extension } ;
105108
109+ let to = options . target === 'webcomponents' ? 'webcomponent' : options . target ;
110+ to = to === 'vue' ? 'vue3' : to ;
111+
106112 await compileCommand . run ( {
107113 parameters : {
108114 options : {
109115 from : 'mitosis' ,
110- to : options . target === 'webcomponents' ? 'webcomponent' : options . target ,
116+ to,
111117 out : outFile ,
112118 force : true ,
119+ api : options . api ,
113120 state : options . state ,
114121 styles : options . styles
115122 } ,
@@ -135,6 +142,8 @@ async function compile(defaultOptions) {
135142 }
136143
137144 async function compileCssFileForOutputSrc ( outFile ) {
145+ const postcssConfig = ( await import ( '../postcss.config.cjs' ) ) . default ;
146+
138147 const name = outFile . replace ( / \. .* / , '.css' ) ;
139148 const data = fs . readFileSync ( name , 'utf8' ) ;
140149 const result = await postcss ( postcssConfig . plugins ) . process ( data , { from : name , to : name } ) ;
@@ -144,19 +153,21 @@ async function compile(defaultOptions) {
144153 for ( const fileName of files ) {
145154 const file = path . parse ( fileName ) ;
146155 const isFirstCompilation = ! fs . existsSync ( `${ outPath } ) || options . isDev ;
156+ const name = file . name . replace ( '.lite' , '' ) ;
157+ const namePascal = pascalName ( name ) ;
147158
148159 spinner . text = fileName ;
149160
150161 copyBasicFilesOnFirstCompilation ( isFirstCompilation , fileName ) ;
151162 const { outFile } = await compileMitosisComponent ( fileName ) ;
152163 replacePropertiesFromCompiledFiles ( outFile ) ;
153- options . customReplace ( { file, outFile, outPath, isFirstCompilation } ) ;
164+ options . customReplace ( { name , pascalName : namePascal , file, outFile, outPath, isFirstCompilation } ) ;
154165 await compileCssFileForOutputSrc ( outFile ) ;
155166
156167 spinner . stop ( ) ;
157168 }
158169}
159170
160- module . exports = {
171+ export default {
161172 compile
162173} ;
0 commit comments