@sencha/ext-webpack-plugin/src/extjsUtil.js

A webpack plugin for ext-* applications

"use strict"

export function _getDefaultVars() {
  return {
    touchFile: '/themer.js',
    rebuild: true,
    watchStarted : false,
    firstTime : true,
    browserCount : 0,
    cwd: process.cwd(),
    extPath: '.',
    pluginErrors: [],
    lastNumFiles: 0,
    lastMilliseconds: 0,
    lastMillisecondsAppJson: 0,
    files: ['./app.json'],
    dirs: ['./app','./packages']
  }
}

export function _afterCompile(compilation, vars, options) {
  var verbose = options.verbose
  var logv = require('./pluginUtil').logv
  logv(verbose,'FUNCTION extjs _afterCompile')
  const path = require('path')
  let { files, dirs } = vars
  const { cwd } = vars
  files = typeof files === 'string' ? [files] : files
  dirs = typeof dirs === 'string' ? [dirs] : dirs
  const {
    fileDependencies,
    contextDependencies,
  } = _getFileAndContextDeps(compilation, files, dirs, cwd, options);
  if (files.length > 0) {
    fileDependencies.forEach((file) => {
      compilation.fileDependencies.add(path.resolve(file));
    })
  }
  if (dirs.length > 0) {
    contextDependencies.forEach((context) => {
      compilation.contextDependencies.add(context);
    })
  }
}

function _getFileAndContextDeps(compilation, files, dirs, cwd, options) {
  var verbose = options.verbose
  var logv = require('./pluginUtil').logv
  logv(verbose,'FUNCTION _getFileAndContextDeps')
  const uniq = require('lodash.uniq')
  const isGlob = require('is-glob')

  const { fileDependencies, contextDependencies } = compilation;
  const isWebpack4 = compilation.hooks;
  let fds = isWebpack4 ? [...fileDependencies] : fileDependencies;
  let cds = isWebpack4 ? [...contextDependencies] : contextDependencies;
  if (files.length > 0) {
    files.forEach((pattern) => {
      let f = pattern
      if (isGlob(pattern)) {
        f = glob.sync(pattern, { cwd, dot: true, absolute: true })
      }
      fds = fds.concat(f)
    })
    fds = uniq(fds)
  }
  if (dirs.length > 0) {
    cds = uniq(cds.concat(dirs))
  }
  return { fileDependencies: fds, contextDependencies: cds }
}

export function _prepareForBuild(app, vars, options, output, compilation) {
//  try {
    const log = require('./pluginUtil').log
    const logv = require('./pluginUtil').logv
    logv(options,'_prepareForBuild')
    const fs = require('fs')
    const recursiveReadSync = require('recursive-readdir-sync')
    var watchedFiles=[]
    try {watchedFiles = recursiveReadSync('./app').concat(recursiveReadSync('./packages'))}
    catch(err) {if(err.errno === 34){console.log('Path does not exist');} else {throw err;}}
    var currentNumFiles = watchedFiles.length
    logv(options,'watchedFiles: ' + currentNumFiles)
    var doBuild = true
    
    logv(options,'doBuild: ' + doBuild)

    vars.lastMilliseconds = (new Date).getTime()
    var filesource = 'this file enables client reload'
    compilation.assets[currentNumFiles + 'FilesUnderAppFolder.md'] = {
      source: function() {return filesource},
      size: function() {return filesource.length}
    }

    logv(options,'currentNumFiles: ' + currentNumFiles)
    logv(options,'vars.lastNumFiles: ' + vars.lastNumFiles)
    logv(options,'doBuild: ' + doBuild)

    if (currentNumFiles != vars.lastNumFiles || doBuild) {
      vars.rebuild = true
      var bundleDir = output.replace(process.cwd(), '')
      if (bundleDir.trim() == '') {bundleDir = './'}
      log(app + 'Building Ext bundle at: ' + bundleDir)
    }
    else {
      vars.rebuild = false
    }
    vars.lastNumFiles = currentNumFiles
  // }
  // catch(e) {
  //   console.log(e)
  //   compilation.errors.push('_prepareForBuild: ' + e)
  // }
}