@websolutespa/bom-compiler 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @websolutespa/bom-compiler
 
+## 0.2.3
+
+### Patch Changes
+
+- 08b39f1: Modified: compiler added css modules
+
+## 0.2.3-next.0
+
+### Patch Changes
+
+- Modified: compiler added css modules
+
 ## 0.2.2
 
 ### Patch Changes

package/babel.config.js

@@ -12,15 +12,15 @@ module.exports = {
         targets: test ?
           { node: 'current' } :
           { browsers: 'defaults, not IE 11' },
-      }
+      },
     ],
     [
       '@babel/preset-react',
       {
-        runtime: 'automatic'
-      }
+        runtime: 'automatic',
+      },
     ],
-    '@babel/preset-typescript'
+    '@babel/preset-typescript',
   ],
   /*
   plugins: [

package/index.d.ts

@@ -4,9 +4,6 @@ declare function build(): Promise<void>;
 declare function emitDeclaration(): Promise<void>;
 
 export {
-  resolveDirname,
-  clean,
-  build,
-  emitDeclaration,
+  build, clean, emitDeclaration, resolveDirname
 };
 

package/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const spawn = require('cross-spawn');
 const path = require('path');
 const fs = require('fs');
@@ -46,7 +47,7 @@ function emitDeclaration() {
       'tsc',
       ['--project', tsConfigPath, '--emitDeclarationOnly'],
       {
-        stdio: 'inherit'
+        stdio: 'inherit',
       });
   } catch (error) {
     console.log('BomCompiler.emitDeclaration', error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/bom-compiler",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Compiler helper of the BOM Repository",
   "keywords": [
     "bom",
@@ -23,9 +23,12 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
     "@svgr/rollup": "^8.1.0",
+    "autoprefixer": "^10.4.19",
     "babel-loader": "^9.1.3",
     "cross-spawn": "latest",
     "node-sass": "^9.0.0",
+    "postcss-modules": "^4.3.1",
+    "postcss-modules-scope": "^3.2.0",
     "rimraf": "3.0.2",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",

package/rollup.config.js

@@ -1,18 +1,19 @@
+import { babel } from '@rollup/plugin-babel';
 import json from '@rollup/plugin-json';
+import terser from '@rollup/plugin-terser';
+import typescript from '@rollup/plugin-typescript';
 import svgr from '@svgr/rollup';
+import autoprefixer from 'autoprefixer';
 import * as path from 'path';
-import scss from 'rollup-plugin-scss';
-// import { nodeResolve } from '@rollup/plugin-node-resolve';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import postcss from 'rollup-plugin-postcss';
+// import { nodeResolve } from '@rollup/plugin-node-resolve';
 // import typescript from 'rollup-plugin-typescript2';
-import { babel } from '@rollup/plugin-babel';
-import terser from '@rollup/plugin-terser';
-import typescript from '@rollup/plugin-typescript';
 
 const DEBUG = true;
 const TERSER = false;
 
-const extensions = ['.ts', '.tsx', '.js', '.jsx', '.json'];
+const extensions = ['.ts', '.tsx', '.js', '.jsx', '.json', '.scss', '.css'];
 
 const cwd = process.cwd();
 
@@ -26,6 +27,9 @@ function getBabelConfigFile() {
   return path.resolve(__dirname, 'babel.config.js');
 }
 
+const cssExportMap = {};
+
+/** @type {import('rollup').RollupOptions} */
 const rollupConfig = {
   input: 'src/index.ts',
   makeAbsoluteExternalsRelative: true,
@@ -63,9 +67,30 @@ const rollupConfig = {
         stroke: 'currentColor',
       },
     }),
+    postcss({
+      modules: true,
+      autoModules: true,
+      extract: false,
+      use: ['sass'],
+      extensions: ['.css', '.scss'],
+      inject: true,
+      plugins: [
+        autoprefixer(),
+        /*
+        postcssModules({
+          getJSON: function(cssFileName, json, outputFileName) {
+            // nope
+          },
+          exportGlobals: true,
+        }),
+        */
+      ],
+    }),
+    /*
     scss({
       fileName: 'index.css',
     }),
+    */
     typescript({
       compilerOptions: {
         baseUrl: '.',