weweb-cli/lib/builder.js

微信小程序转成h5的小工具

const Concat = require('concat-with-sourcemaps')
const chokidar = require('chokidar')
// const chalk = require('chalk')
const cache = require('./cache')
const util = require('./util')
const loadConfig = require('./config')
// const fs = require('fs')
// const convert = require('convert-source-map')
// const jsondiffpatch = require('jsondiffpatch').create({
//   cloneDiffValues: false
// })

let buildPromise = null
// let currConfig = JSON.parse(fs.readFileSync('./app.json', 'utf8'))

exports.load = function () {
  return new Promise(function (resolve, reject) {
    if (buildPromise) {
      buildPromise.then(function (res) {
        resolve(res)
      }, reject)
    } else {
      build().then(resolve, reject)
    }
  }).catch(function (err, stdout, stderr) {
    console.log(err, stdout, stderr)
  })
}

let build = (exports.build = function () {
  buildPromise = Promise.all([loadConfig(), util.globJSfiles()]).then(function (
    res
  ) {
    let config = res[0]
    let files = res[1].map(f => util.normalizePath(f))
    // let pages = config.pages
    let utils = util.groupFiles(files, config)
    let paths = utils.concat('app.js') // 所有js
    return Promise.all(
      paths.map(path => util.parseJavascript(config, path))
    ).then(function (arr) {
      let obj = paths.map((path, i) => {
        return { path, code: arr[i].code, map: arr[i].map }
      })
      return concatFiles(obj)
    })
  })
  return buildPromise
})

chokidar.watch('app.json').on('change', () => {
  console.log('TODO: rebuild on app.json change')
  // fs.readFile('./app.json', 'utf8', (err, content) => {
  //   if (err) {
  //     console.log(chalk.red(err.stack))
  //     util.notifyError(err)
  //     return
  //   }
  //   let obj
  //   try {
  //     obj = JSON.parse(content)
  //   } catch (e) { }
  //   if (!obj) return
  //   let delta = jsondiffpatch.diff(currConfig, obj)
  //   if (!delta) return
  //   currConfig = obj
  //   if (delta.pages) {
  //     buildPromise = null
  //     cache.del('codes')
  //     build().catch(err => {
  //       // exit on build error
  //       console.log(chalk.red(err.stack))
  //       util.notifyError(err)
  //       buildPromise = null
  //     })
  //   }
  // })
})

// rebuild server.js for specified file
exports.buildFile = function (file) {
  console.log(`TODO: rebuilding on single file change: ${file}`)
  // let codes = cache.get('codes')
  // if (!codes) return build()
  // buildPromise = loadConfig().then(config => {
  //   let pages = config.pages
  //   let route = file.replace(/\.js$/, '')
  //   let isPage = pages.indexOf(route) !== -1
  //   return util.parseJavascript(config, file).then(({code, map}) => {
  //     let exists
  //     for (let o of codes) {
  //       if (o.path == file) {
  //         exists = true
  //         o.code = code
  //         o.map = map
  //       }
  //     }
  //     if (!exists) {
  //       if (isPage) {
  //         codes.push({ path: file, code, map })
  //       } else {
  //         codes.unshift({ path: file, code, map })
  //       }
  //     }
  //     let result = concatFiles(codes, pages)
  //     return result
  //   }, err => {
  //     buildPromise = null
  //     util.notifyError(err)
  //   })
  // }, err => {
  //   buildPromise = null
  //   util.notifyError(err)
  // })
}

exports.buildPage = function (file) {
  return loadConfig().then(config => {
    // let pages = config.pages
    let route = file.replace(/\.js$/, '')
    // let isPage = true
    return util.parseJavascript(config, file).then(
      ({ code, map }) => {
        const concat = new Concat(true, file, '\n')
        concat.add(null, `__wxRoute = "${route}";__wxRouteBegin = true;`)
        concat.add(null, code, map)
        return customizeCode(concat.content.toString())
      },
      err => {
        util.notifyError(err)
      }
    )
  })
}

function customizeCode (str) {
  return str
    .replace(/WeixinJSBridge/g, 'ServiceJSBridge')
    .replace(/([^a-zA-Z/])wx\./g, '$1wd.')
    .replace(/Object\.defineProperty\(\s*wx\s*,/g, 'Object.defineProperty(wd,')
    .replace(/([^a-zA-Z/])Reporter/g, '$1SReporter')
}

function concatFiles (obj) {
  // 连接所有编译后的js
  cache.set('codes', obj)
  let concat = new Concat(true, 'app-service.js', ';')
  for (let item of obj) {
    concat.add(item.path, item.code, item.map)
  }
  const moduleCodes = customizeCode(concat.content.toString())
  return moduleCodes
}