How to use @ff0000-ad-tech/wp-deploy-manager - 10 common examples

// prettier-ignore
const babelOptions = {
	"presets": [
		[
			"env",
			{
				"loose": true,
				"modules":false
			}
		]
	],
	"plugins": [ "transform-class-properties" ]
}

const dirs = DM.aliases.getTopLevel(path.resolve(__dirname, 'node_modules/@ff0000-ad-tech'))
module.exports = config => {
	const isDebug = config.environment == 'debug'
	const removeConsole = !isDebug
	console.log('config:', config, '| isDebug:', isDebug, '| removeConsole:', removeConsole)

	return {
		entry: path.resolve(__dirname, 'index.js'),
		output: {
			path: path.resolve(__dirname, 'bundles'),
			filename: 'Velvet.' + config.environment + '.js',
			library: 'Velvet',
			// allows named imports from globally available ad package
			libraryTarget: 'umd'
		},
		resolve: {
			alias: dirs

const babelLoaders = babelLoaderCreator({
		DM,
		babelOptions,
		imageIncludes,
		fontIncludes
	})

	var rules = [].concat(loaders).concat(babelLoaders)

	/**
	 * alias obj for config.resolve
	 * will force all build node_modules to use only top-level packages
	 * to allow for ad-specific hacks / non-published changes
	 */
	const context = DM.deploy.get().source.context
	const buildNodeModulesAliases = DM.aliases.getTopLevel(path.resolve(context, 'node_modules/@ff0000-ad-tech'))

	// build bundle entry path
	const buildEntry = path.resolve(__dirname, `${DM.deploy.get().source.context}/${DM.deploy.get().source.size}/Ad.js`)

	// name of index without .html extension
	const indexFolderName = DM.deploy.get().source.index.replace('.html', '')

	/** -- WEBPACK RUNTIME -----------------------------------------------------------------------------------------------
	 *
	 *
	 *
	 */
	return {
		mode: DM.deploy.get().output.debug ? 'development' : 'production',
		entry: {

*/
	const loaders = [
		// loads images and fonts
		{
			test: [].concat(imageIncludes).concat(fontIncludes),
			use: [{
				loader: '@ff0000-ad-tech/fba-loader',
				options: {
					emitFile: false
				}
			}]
		}
	]

	// get Babel loaders based on environment (debug or production)
	const babelLoaderCreator = DM.deploy.get().output.debug ? DM.babel.debug : DM.babel.production

	log(`using ${DM.deploy.get().output.debug ? 'debug' : 'production'} Babel settings`)

	// FBA type objects used with binary-imports module
	// (https://github.com/ff0000-ad-tech/binary-imports)
	const fbaTypes = [{
			type: 'fbAi',
			include: imageIncludes
		},
		{
			type: 'fbAf',
			include: fontIncludes
		}
	]

	const babelLoaders = babelLoaderCreator({

/** -- PROCESS MANAGEMENT -----------------------------------------------------------------------------------------------
	 *
	 * 	keep this script in sync with Creative Server
	 *
	 */
	PM.prepare(config.watch)
	PM.startWatching()

	/** -- DEPLOY SETTINGS -----------------------------------------------------------------------------------------------
	 *
	 *	these are unique to each deploy/size/index
	 *
	 *
	 */
	// deploy settings
	DM.deploy.prepare(
		_.merge({
				// deploy profile
				profile: {
					name: 'default',
					// the ad's environment can be specified by the deploy.
					// by default, it will be determined by the settings loaded from [settings.source.path]
					adEnvironment: {
						id: 'debug',
						runPath: '',
						adPath: ''
					}
				},

				// source
				source: {
					context: './1-build',

/** -- PROCESS MANAGEMENT -----------------------------------------------------------------------------------------------
	 *
	 * 	keep this script in sync with Creative Server
	 *
	 */
	PM.prepare(config.watch)
	PM.startWatching()

	/** -- DEPLOY SETTINGS -----------------------------------------------------------------------------------------------
	 *
	 *	these are unique to each deploy/size/index
	 *
	 *
	 */
	// deploy settings
	DM.deploy.prepare(
		_.merge(
			{
				// deploy profile
				profile: {
					name: 'default',
					// the ad's environment can be specified by the deploy.
					// by default, it will be determined by the settings loaded from [settings.source.path]
					adEnvironment: {
						id: 'debug',
						runPath: '',
						adPath: ''
					}
				},

				// source
				source: {

{
				settings: {
					// ** REQUIRED: where to load settings from
					source: {
						path: `${DM.deploy.get().source.context}/${DM.deploy.get().source.size}/${DM.deploy.get().source.index}`,
						type: 'hooks' // default, json
					},
					// discovered ad.settings are added/maintained here
					ref: {}
				},

				// ** AD STRUCTURE: common locations
				paths: {
					// the subpaths for these standard locations can be set
					ad: {
						context: `${DM.deploy.get().source.size}`,
						js: 'js',
						images: 'images',
						videos: 'videos'
					},
					common: {
						context: 'common',
						js: 'js',
						fonts: 'fonts'
					},
					// `index.html?debug=true` will cause the ad to load from this location
					debug: {
						domain: 'red.ff0000-cdn.net',
						path:
							`/_debug/${DM.deploy.get().profile.client}/${DM.deploy.get().profile.project}/` +
							`${DM.deploy.get().source.size}/${DM.deploy.get().source.index}`
					}

*
	 *
	 *
	 */
	return {
		mode: DM.deploy.get().output.debug ? 'development' : 'production',
		entry: {
			// are injected into index.html, via wp-plugin-index
			initial: path.resolve(__dirname, `${DM.deploy.get().source.context}/node_modules/@ff0000-ad-tech/ad-entry/index.js`),
			inline: path.resolve(__dirname, `${DM.deploy.get().source.context}/${DM.deploy.get().source.size}/.inline-imports.js`),

			// is bundled & polite-loaded into index.html
			build: buildEntry
		},
		output: {
			path: path.resolve(__dirname, `${DM.deploy.get().output.context}/${DM.deploy.get().output.folder}`),
			filename: '[name].bundle.js'
		},
		externals: {
			'ad-load': 'adLoad'
		},
		resolve: {
			alias: Object.assign({
					AdData: path.resolve(__dirname, `${DM.deploy.get().source.context}/common/js/data/AdData`),
					FtData: path.resolve(__dirname, `${DM.deploy.get().source.context}/common/js/data/FtData`),
					GdcData: path.resolve(__dirname, `${DM.deploy.get().source.context}/common/js/data/GdcData`),
					'@common': path.resolve(__dirname, `${DM.deploy.get().source.context}/common`),
					'@size': path.resolve(__dirname, `${DM.deploy.get().source.context}/${DM.deploy.get().source.size}`)
				},
				buildNodeModulesAliases
			),
			plugins: [new IndexVariationResolvePlugin(indexFolderName)]

_.merge(
			{
				// payload settings
				watchPaths: [path.resolve(`${__dirname}/${DM.ad.get().settings.source.path}`)],
				entries: [
					{
						name: 'inline',
						type: 'inline',
						assets: {
							get: function() {
								return DM.ad.get().settings.ref.assets.preloader.images.map(obj => {
									return obj.source
								})
							},
							importPath: `./${DM.ad.get().paths.ad.images}`,
							requestPath: `${DM.ad.get().paths.ad.images}`
						}
					}
				]
			},
			config.payload
		)
	)
	log('\nPayload:')
	log(DM.payload.get())

	// patterns that can be used w/ rollup-plugin-utils' createFilter util
	// (see: https://github.com/rollup/rollup-pluginutils)
	// accepts either a RegExp, glob/minimatch pattern, or an array of either of the types mentioned
	// also allows for optional query strings
	const imageIncludes = /\.(png|jpg|gif|svg)(\?.*)?$/
	const fontIncludes = /\.(ttf|woff)(\?.*)?$/

},
					// `index.html?debug=true` will cause the ad to load from this location
					debug: {
						domain: 'red.ff0000-cdn.net',
						path: `/_debug/${DM.deploy.get().profile.client}/${DM.deploy.get().profile.project}/` +
							`${DM.deploy.get().source.size}/${DM.deploy.get().source.index}`
					}
				},
				// ad.env is added here
				env: {}
			},
			config.ad
		)
	)
	// give deploy ability to override ad environment
	DM.ad.setAdEnvironment(DM.deploy.get().profile.adEnvironment, DM.deploy.get().output.debug)

	/*** LOAD EXTERNAL SETTINGS **/
	DM.ad.refresh()
	log('\nAd:')
	log(DM.ad.get())

	/** -- PAYLOAD SETTINGS -----------------------------------------------------------------------------------------------
	 *
	 *	these settings are unique to packaging-style
	 *
	 *
	 */
	DM.payload.prepare(
		_.merge({
				// payload settings
				watchPaths: [path.resolve(`${__dirname}/${DM.ad.get().settings.source.path}`)],

}
			},
			config.deploy
		)
	)
	log('\nDeploy:')
	log(DM.deploy.get())

	/** -- AD SETTINGS -----------------------------------------------------------------------------------------------
	 *
	 *	these settings are unique to framework
	 *
	 *
	 */
	// ad settings
	DM.ad.prepare(
		_.merge(
			{
				settings: {
					// ** REQUIRED: where to load settings from
					source: {
						path: `${DM.deploy.get().source.context}/${DM.deploy.get().source.size}/${DM.deploy.get().source.index}`,
						type: 'hooks' // default, json
					},
					// discovered ad.settings are added/maintained here
					ref: {}
				},

				// ** AD STRUCTURE: common locations
				paths: {
					// the subpaths for these standard locations can be set
					ad: {