copy react styles to root of each package before deploying (#37130)

build-system/npm-publish/write-package-files.js

@@ -8,10 +8,10 @@ const fastGlob = require('fast-glob');
 const marked = require('marked');
 const path = require('path');
 const posthtml = require('posthtml');
+const {copyFile, readFile} = require('fs-extra');
 const {getNameWithoutComponentPrefix} = require('../tasks/bento-helpers');
 const {getSemver} = require('./utils');
 const {log} = require('../common/logging');
-const {readFile} = require('fs-extra');
 const {stat, writeFile} = require('fs/promises');
 const {valid} = require('semver');
 
@@ -197,6 +197,26 @@ async function writeReactJs() {
   }
 }
 
+/**
+ * todo(kvchari): temporarily copy styles to root of each package to support importing styles from root
+ * Remove when we begin properly proxying style imports.
+ * See issue from more information:
+ * @return {Promise<void>}
+ */
+async function copyCssToRoot() {
+  try {
+    const extDir = path.join('extension', extension, '1.0');
+    const preactCssDist = path.join(extDir, 'dist', 'styles.css');
+    const preactCssRoot = path.join(extDir, 'styles.css');
+    await copyFile(preactCssDist, preactCssRoot);
+    log('Copied', preactCssDist, 'to npm package root');
+  } catch (e) {
+    log(e);
+    process.exitCode = 1;
+    return;
+  }
+}
+
 /**
  * Main
  * @return {Promise<void>}
@@ -205,8 +225,9 @@ async function main() {
   if (await shouldSkip()) {
     return;
   }
-  writePackageJson();
-  writeReactJs();
+  await writePackageJson();
+  await writeReactJs();
+  await copyCssToRoot();
 }
 
 main();