chore: finalize colors lib

Author: nolimits4web

.eslintrc.js

@@ -1,5 +1,6 @@
 const rules = {
   'no-bitwise': 'off',
+  'import/no-extraneous-dependencies': 'off',
   'no-param-reassign': [
     'error',
     {

TODO.md

@@ -1,8 +1,4 @@
 - Remove
   - Typography
   - Lazy???
-- Colors
-  - Move to build
-  - White, black colors
-    - make MD vars
 - Update demos

package-lock.json

@@ -84,6 +84,7 @@
     "@rollup/plugin-commonjs": "^23.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-replace": "^5.0.0",
+    "@rollup/plugin-virtual": "^3.0.1",
     "@vitejs/plugin-vue": "^3.1.2",
     "@vue/compiler-sfc": "^3.2.40",
     "autoprefixer": "^10.4.12",

package.json

@@ -0,0 +1,50 @@
+const fs = require('fs');
+const path = require('path');
+const { rollup } = require('rollup');
+const { nodeResolve } = require('@rollup/plugin-node-resolve');
+const commonjs = require('@rollup/plugin-commonjs');
+const virtual = require('@rollup/plugin-virtual');
+const { minify } = require('terser');
+
+async function build(cb) {
+  const outputFile = path.resolve(__dirname, '../src/core/shared/material-color-utils.js');
+  await rollup({
+    input: 'entry',
+    plugins: [
+      virtual({
+        entry: `export { argbFromHex, hexFromArgb, themeFromSourceColor } from '@material/material-color-utilities';`,
+      }),
+      nodeResolve({ mainFields: ['module', 'main', 'jsnext'] }),
+      commonjs(),
+    ],
+  })
+    .then((bundle) => {
+      return bundle.write({
+        strict: true,
+        file: outputFile,
+        format: 'esm',
+        sourcemap: false,
+      });
+    })
+    .then(async (bundle) => {
+      const result = bundle.output[0];
+      const minified = await minify(result.code, {
+        mangle: false,
+        format: {
+          indent_level: 2,
+          beautify: true,
+          comments: false,
+          preamble: '/* eslint-disable */',
+        },
+      });
+
+      fs.writeFileSync(outputFile, minified.code);
+    })
+    .catch((err) => {
+      // eslint-disable-next-line
+      console.log(err);
+    });
+  if (cb) cb();
+}
+
+module.exports = build;

scripts/build-material-color-utils.js

@@ -7,6 +7,7 @@ const buildClean = require('./build-clean.js');
 
 const buildKsCore = require('./build-ks-core.js');
 
+const buildMaterialColorUtils = require('./build-material-color-utils.js');
 const buildCoreJs = require('./build-core-js.js');
 const buildCoreTypings = require('./build-core-typings.js');
 const buildCoreLess = require('./build-core-styles.js');
@@ -26,6 +27,7 @@ const env = process.env.NODE_ENV || 'development';
 gulp.task('ks-core', buildKsCore);
 
 gulp.task('core-clean', (cb) => buildClean('core', cb));
+gulp.task('core-material-color-utils', buildMaterialColorUtils);
 gulp.task('core-js', buildCoreJs);
 gulp.task('core-typings', buildCoreTypings);
 gulp.task('core-styles', buildCoreLess);
@@ -49,6 +51,7 @@ gulp.task(
   'build-core',
   gulp.series([
     'core-clean',
+    'core-material-color-utils',
     ...(env === 'development' ? [] : ['core-lazy-components']),
     'core-components',
     'core-js',