feat(styles): add js exports from package.json [ci visual]

SAP · Feb 13, 2023 · 83b4847 · 83b4847
1 parent 8f01019
commit 83b4847
Show file tree

Hide file tree

Showing 9 changed files with 34 additions and 12 deletions.
diff --git a/packages/styles/src/horizontal-navigation.scss b/packages/styles/src/horizontal-navigation.scss
@@ -1,6 +1,7 @@
+@import './new-settings';
 @import './mixins';
 
-$block: fd-horizontal-navigation;
+$block: #{$fd-namespace}-horizontal-navigation;
 
 .#{$block} {
   @include fd-reset();

diff --git a/packages/styles/src/icon-tab-bar.scss b/packages/styles/src/icon-tab-bar.scss
@@ -1,6 +1,7 @@
+@import './new-settings';
 @import './mixins';
 
-$block: fd-icon-tab-bar;
+$block: #{$fd-namespace}-icon-tab-bar;
 $fd-icon-tab-bar-icon-spacing: 0.188rem !default;
 $fd-icon-tab-bar-list-padding-right: 1rem !default;
 $fd-icon-tab-bar-icon-circle-size: 2.75rem !default;

diff --git a/packages/styles/src/illustrated-message.scss b/packages/styles/src/illustrated-message.scss
@@ -1,6 +1,7 @@
+@import './new-settings';
 @import 'mixins/mixins';
 
-$block: fd-illustrated-message;
+$block: #{$fd-namespace}-illustrated-message;
 
 .#{$block} {
   --illustrationW: 20rem;

diff --git a/packages/styles/src/scrollbar.scss b/packages/styles/src/scrollbar.scss
@@ -1,6 +1,7 @@
+@import './new-settings';
 @import "mixins/mixins";
 
-$block: fd-scrollbar;
+$block: #{$fd-namespace}-scrollbar;
 
 .#{$block} {
   @include fd-reset();

diff --git a/packages/styles/src/splitter.scss b/packages/styles/src/splitter.scss
@@ -1,6 +1,7 @@
+@import './new-settings';
 @import "mixins/mixins";
 
-$block: fd-splitter;
+$block: #{$fd-namespace}-splitter;
 
 @mixin fd-splitter-gradient($deg) {
   background: linear-gradient($deg, transparent, var(--fdSplitter_Resizer_Decoration_Background));

diff --git a/.../common/progress-indicator/sap_fiori.scss → ...common/progress-indicator/_sap_fiori.scss b/.../common/progress-indicator/sap_fiori.scss → ...common/progress-indicator/_sap_fiori.scss
diff --git a/...mmon/progress-indicator/sap_fiori_hc.scss → ...mon/progress-indicator/_sap_fiori_hc.scss b/...mmon/progress-indicator/sap_fiori_hc.scss → ...mon/progress-indicator/_sap_fiori_hc.scss
diff --git a/...ommon/progress-indicator/sap_horizon.scss → ...mmon/progress-indicator/_sap_horizon.scss b/...ommon/progress-indicator/sap_horizon.scss → ...mmon/progress-indicator/_sap_horizon.scss
diff --git a/packages/workspace-plugins/src/executors/build/executor.ts b/packages/workspace-plugins/src/executors/build/executor.ts
@@ -31,13 +31,6 @@ export default async function runExecutor(options: BuildExecutorSchema, context:
     if (!assetsCopyResult.success) {
         return assetsCopyResult;
     }
-    let projectPackageJsonContent = readFileSync(`${projectJson.root}/package.json`, 'utf-8');
-    Object.entries(versions).forEach(([key, value]) => {
-        projectPackageJsonContent = projectPackageJsonContent.replace(new RegExp(key, 'g'), value);
-    });
-    writeFileSync(`${options.outputPath}/package.json`, projectPackageJsonContent);
-    const projectPackageJson = JSON.parse(projectPackageJsonContent);
-    copyFileSync(`./LICENSES/${projectPackageJson.license}.txt`, `${options.outputPath}/LICENSE`);
 
     const outputFiles = glob.sync(`${compilationOutputPath}/**/*.css`, { nodir: true });
 
@@ -50,17 +43,41 @@ export default async function runExecutor(options: BuildExecutorSchema, context:
         });
         commit();
     }
+
+    let projectPackageJsonContent = readFileSync(`${projectJson.root}/package.json`, 'utf-8');
+    const projectPackageJson = JSON.parse(projectPackageJsonContent);
+
+    projectPackageJson['exports'] = projectPackageJson['exports'] || {};
+
     const files = glob.sync(`${compilationOutputPath}/**/*.css`);
 
     for (const file of files) {
         const content = readFileSync(file, 'utf-8');
         const filePath = file.replace(new RegExp(`^${compilationOutputPath}(.*).css$`), `${compilationOutputPath}/js$1.mjs`);
         const typesPath = file.replace(new RegExp(`^${compilationOutputPath}(.*).css$`), `${compilationOutputPath}/js$1.d.ts`);
+        const exportsPath = file.replace(new RegExp(`^${compilationOutputPath}(.*).css$`), `./dist/js$1`);
+        const defaultExport = file.replace(new RegExp(`^${compilationOutputPath}(.*).css$`), `./dist/js$1.mjs`);
+        projectPackageJson['exports'][exportsPath] = {
+          types: file.replace(new RegExp(`^${compilationOutputPath}(.*).css$`), `./dist/js$1.d.ts`),
+          esm2020: defaultExport,
+          default: defaultExport
+        }
         mkdirpSync(parse(filePath).dir);
         writeFileSync(filePath, `export default { cssSource: \`${content}\` };`);
         writeFileSync(typesPath, `declare const _default: { cssSource: string }; export default _default;`);
     }
 
+    projectPackageJsonContent = JSON.stringify(projectPackageJson, null, 4);
+
+    console.log(projectPackageJsonContent);
+
+    Object.entries(versions).forEach(([key, value]) => {
+        projectPackageJsonContent = projectPackageJsonContent.replace(new RegExp(key, 'g'), value);
+    });
+    writeFileSync(`${options.outputPath}/package.json`, projectPackageJsonContent);
+
+    copyFileSync(`./LICENSES/${projectPackageJson.license}.txt`, `${options.outputPath}/LICENSE`);
+
     return {
         success: true
     };