fix: support component monorepo publish

Author: ascoders

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pri",
-  "version": "3.2.7-beta.26",
+  "version": "3.2.7-beta.27",
   "types": "src/node/index.ts",
   "main": "built/node/index.js",
   "scripts": {

src/built-in-plugins/command-publish/plugin/run-publish.ts

@@ -25,6 +25,8 @@ export const publish = async (options: PublishOption) => {
         await pri.project.ensureProjectFiles();
         await pri.project.checkProjectFiles();
 
+        const currentSelectedSourceType = pri.selectedSourceType;
+
         if (!options.skipLint) {
           await pri.project.lint({
             lintAll: true,
@@ -57,7 +59,7 @@ export const publish = async (options: PublishOption) => {
           await buildDeclaration();
         }
 
-        await publishByPackageName(pri.selectedSourceType, options, depMap);
+        await publishByPackageName(currentSelectedSourceType, options, depMap);
 
         await fs.remove(path.join(pri.projectRootPath, tempPath.dir, declarationPath.dir));
       }
@@ -92,6 +94,7 @@ async function publishByPackageName(sourceType: string, options: PublishOption,
   // Change source config here
   pri.sourceConfig = targetConfig;
   pri.sourceRoot = targetRoot;
+  pri.selectedSourceType = sourceType;
 
   if (!targetPackageJson.name) {
     logFatal(`No name found in ${sourceType} package.json`);

src/utils/ensure-files.ts

@@ -5,6 +5,7 @@ import * as yargs from 'yargs';
 import { logInfo, logWarn, logFatal } from './log';
 import { plugin } from './plugins';
 import { priEvent } from './pri-events';
+import { freshGlobalState, globalState } from './global-state';
 
 export const ensureFiles = async () => {
   if (yargs.argv.light) {
@@ -27,6 +28,9 @@ export const ensureFiles = async () => {
       );
     }),
   );
+
+  // Fresh package.json
+  await freshGlobalState(globalState.selectedSourceType);
 };
 
 export async function ensureFile(filePath: string, pipeContents: ((prev: string) => string | Promise<string>)[]) {

src/utils/global-state.ts

@@ -25,7 +25,7 @@ export async function initGlobalState(preSelectPackage: string) {
   await freshGlobalState(preSelectPackage);
 }
 
-async function freshGlobalState(preSelectPackage: string) {
+export async function freshGlobalState(preSelectPackage: string) {
   const cliCurrentPath = (yargs.argv.cwd as string) || process.cwd();
   globalState.projectRootPath = cliCurrentPath;
 

src/utils/ts-plus-babel.ts

@@ -36,9 +36,10 @@ const buildTs = (watch: boolean, outdir: string, babelOptions: any, wholeProject
 };
 
 const buildSass = (watch: boolean, outdir: string, wholeProject: boolean) => {
-  const targetPath = wholeProject
-    ? path.join(pri.projectRootPath, '{src,packages}/**/*.scss')
-    : path.join(pri.sourceRoot, srcPath.dir, '**/*.scss');
+  const targetPath =
+    wholeProject || (pri.selectedSourceType === 'root' && pri.sourceConfig.cssExtract)
+      ? path.join(pri.projectRootPath, '{src,packages}/**/*.scss')
+      : path.join(pri.sourceRoot, srcPath.dir, '**/*.scss');
 
   return new Promise((resolve, reject) => {
     getGulpByWatch(watch, targetPath)
@@ -52,9 +53,10 @@ const buildSass = (watch: boolean, outdir: string, wholeProject: boolean) => {
 };
 
 const mvResources = (watch: boolean, outdir: string, wholeProject: boolean) => {
-  const targetPath = wholeProject
-    ? path.join(pri.projectRootPath, '{src,packages}/**/*.{js,png,jpg,jpeg,gif,woff,woff2,eot,ttf,svg}')
-    : path.join(pri.sourceRoot, srcPath.dir, '**/*.{js,png,jpg,jpeg,gif,woff,woff2,eot,ttf,svg}');
+  const targetPath =
+    wholeProject || (pri.selectedSourceType === 'root' && pri.sourceConfig.cssExtract)
+      ? path.join(pri.projectRootPath, '{src,packages}/**/*.{js,png,jpg,jpeg,gif,woff,woff2,eot,ttf,svg}')
+      : path.join(pri.sourceRoot, srcPath.dir, '**/*.{js,png,jpg,jpeg,gif,woff,woff2,eot,ttf,svg}');
 
   return new Promise((resolve, reject) => {
     getGulpByWatch(watch, targetPath)
@@ -96,12 +98,14 @@ function importRename(packageAbsoluteToRelative = false) {
 }
 
 export const tsPlusBabel = async (watch = false, wholeProject = false) => {
-  const mainDistPath = path.join(globalState.projectRootPath, pri.sourceConfig.distDir, 'main');
-  const moduleDistPath = path.join(globalState.projectRootPath, pri.sourceConfig.distDir, 'module');
+  const rootDistPath = path.join(globalState.projectRootPath, pri.sourceConfig.distDir);
+  const mainDistPath = path.join(rootDistPath, 'main');
+  const moduleDistPath = path.join(rootDistPath, 'module');
 
   return Promise.all([
     buildSass(watch, mainDistPath, wholeProject),
-    mvResources(watch, mainDistPath, wholeProject),
+    buildSass(watch, moduleDistPath, wholeProject),
+
     buildTs(
       watch,
       mainDistPath,
@@ -110,8 +114,6 @@ export const tsPlusBabel = async (watch = false, wholeProject = false) => {
       }),
       wholeProject,
     ),
-    buildSass(watch, moduleDistPath, wholeProject),
-    mvResources(watch, moduleDistPath, wholeProject),
     buildTs(
       watch,
       moduleDistPath,
@@ -121,5 +123,8 @@ export const tsPlusBabel = async (watch = false, wholeProject = false) => {
       }),
       wholeProject,
     ),
+
+    mvResources(watch, mainDistPath, wholeProject),
+    mvResources(watch, moduleDistPath, wholeProject),
   ]);
 };