feat: dist scss styles sources (#1362)

.storybook/main.js

@@ -22,7 +22,7 @@ module.exports = {
       '..',
       'src',
       'styles',
-      'chartist.scss'
+      'index.scss'
     );
     config.resolve.alias['chartist-dev$'] = path.resolve(
       __dirname,

package.json

@@ -61,7 +61,7 @@
     "prepublishOnly": "pnpm test && pnpm build && pnpm clear:package && clean-publish",
     "postpublish": "pnpm clear:package",
     "emitDeclarations": "tsc --project ./tsconfig.build.json --emitDeclarationOnly",
-    "build:styles": "./scripts/styles.cjs ./src/styles/chartist.scss",
+    "build:styles": "./scripts/styles.cjs ./src/styles/index.scss",
     "build": "rollup -c & pnpm build:styles & pnpm emitDeclarations",
     "start:storybook": "start-storybook -p 6006 --ci",
     "build:storybook": "del ./storybook-static; NODE_ENV=production build-storybook",

scripts/styles.cjs

@@ -13,7 +13,7 @@ const input = process.argv[2];
 const output = pkg.style;
 const sourceMapOutput = output.replace('.css', '.css.map');
 
-(async () => {
+async function compile() {
   let styles;
 
   styles = sass.compile(input, {
@@ -43,4 +43,18 @@ const sourceMapOutput = output.replace('.css', '.css.map');
     fs.writeFile(output, css),
     fs.writeFile(sourceMapOutput, map)
   ]);
-})();
+}
+
+async function copySrc() {
+  const srcDir = path.dirname(input);
+  const distDir = path.dirname(output);
+  const srcFiles = await fs.readdir(srcDir);
+
+  await Promise.all(
+    srcFiles.map(file =>
+      fs.copyFile(path.join(srcDir, file), path.join(distDir, file))
+    )
+  );
+}
+
+Promise.all([compile(), copySrc()]);

src/styles/chartist.scss → src/styles/index.scss

@@ -1,4 +1,4 @@
-@import "settings/chartist-settings";
+@import "settings";
 
 @mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {
   display: block;