tcannonfodder · August 7, 2025 14:51
diff --git a/application.html.erb b/application.html.erb
 <%= javascript_include_tag "webawesome", type: :module, defer: true, data: {webawesome: '/assets/webawesome-dist'} %>
diff --git a/bundle.config.mjs b/bundle.config.mjs
 // This is just a snapship of the build file, with the functions specific to this approach

 port * as esbuild from 'esbuild';

 const webAwesomePublicDirectory = path.join(process.cwd(), "public/assets/webawesome-dist")

 function copyFiles(from, to, overwrite = false) {
  return {
    name: 'copy-files',
    generateBundle() {
      const resolvedFrom = path.resolve(from)
      const resolvedTo = path.resolve(to)
      console.log(`copy files: ${resolvedFrom} → ${resolvedTo}`)
      fs.mkdirSync(resolvedTo, { recursive: true })
      fs.cpSync(resolvedFrom, resolvedTo, {recursive: true})
    }
  }
 }

 const buildEntrypoints = async () => {
  ///
  const webawesomeCSSPath = path.join(process.cwd(), "app/assets/stylesheets/", "webawesome.esbuild.css")
  await esbuild.build({
    entryPoints: [webawesomeCSSPath],
    bundle: true,
    outfile: "app/assets/builds/webawesome.css",
  })
  
  var outputPlugins = [
    //...
    copyFiles("./node_modules/webawesome/dist", webAwesomePublicDirectory),
  ]
 }
diff --git a/package.json b/package.json
 // Adding `webawesome` as a depencency via a vendorized package

 "webawesome": "file:./vendor/webawesome-zip"
diff --git a/webawesome.esbuild.css b/webawesome.esbuild.css
 @import url('webawesome/dist/styles/webawesome.css') layer(framework.wa);
 @import url('webawesome/dist/styles/themes/glossy.css') layer(framework.wa);
	// This is just a snapship of the build file, with the functions specific to this approach

	port * as esbuild from 'esbuild';

	const webAwesomePublicDirectory = path.join(process.cwd(), "public/assets/webawesome-dist")

	function copyFiles(from, to, overwrite = false) {
	return {
	name: 'copy-files',
	generateBundle() {
	const resolvedFrom = path.resolve(from)
	const resolvedTo = path.resolve(to)
	console.log(`copy files: ${resolvedFrom} → ${resolvedTo}`)
	fs.mkdirSync(resolvedTo, { recursive: true })
	fs.cpSync(resolvedFrom, resolvedTo, {recursive: true})
	}
	}
	}

	const buildEntrypoints = async () => {
	///
	const webawesomeCSSPath = path.join(process.cwd(), "app/assets/stylesheets/", "webawesome.esbuild.css")
	await esbuild.build({
	entryPoints: [webawesomeCSSPath],
	bundle: true,
	outfile: "app/assets/builds/webawesome.css",
	})

	var outputPlugins = [
	//...
	copyFiles("./node_modules/webawesome/dist", webAwesomePublicDirectory),
	]
	}
	// Adding `webawesome` as a depencency via a vendorized package

	"webawesome": "file:./vendor/webawesome-zip"
	@import url('webawesome/dist/styles/webawesome.css') layer(framework.wa);
	@import url('webawesome/dist/styles/themes/glossy.css') layer(framework.wa);