From dd4d636c43d0a9958697926fc2ac88dc1fe7d4a3 Mon Sep 17 00:00:00 2001
From: "Mark J. Becker" <herzog31@users.noreply.github.com>
Date: Wed, 26 Aug 2020 14:52:16 +0200
Subject: [PATCH] CIF-1548 - Generate CSS API file (#380)

---
 react-components/css-template.js | 43 ++++++++++++++++++++++++++++++++
 react-components/package.json    |  2 +-
 2 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 react-components/css-template.js

diff --git a/react-components/css-template.js b/react-components/css-template.js
new file mode 100644
index 0000000000..4faec0fe7d
--- /dev/null
+++ b/react-components/css-template.js
@@ -0,0 +1,43 @@
+/*******************************************************************************
+ *
+ *    Copyright 2019 Adobe. All rights reserved.
+ *    This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License. You may obtain a copy
+ *    of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software distributed under
+ *    the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ *    OF ANY KIND, either express or implied. See the License for the specific language
+ *    governing permissions and limitations under the License.
+ *
+ ******************************************************************************/
+
+const fs = require('fs');
+const path = require('path');
+
+const distFolder = path.join(__dirname, 'dist');
+if (!fs.existsSync(distFolder)) {
+    console.error('Could not find dist folder');
+    return;
+}
+
+const templatesFolder = path.join(distFolder, 'css-api');
+if (!fs.existsSync(templatesFolder)) {
+    fs.mkdirSync(templatesFolder);
+}
+
+const files = fs.readdirSync(distFolder);
+files
+    .filter(f => f.endsWith('.css') && !f.endsWith('-template.css'))
+    .forEach(f => {
+        let cssPath = path.join(distFolder, f);
+
+        // Clear css classes
+        let css = fs.readFileSync(cssPath, { encoding: 'utf-8' });
+        let emptyCss = css.replace(/\{([^{}]*)\}/gm, '{}');
+
+        // Store in new file
+        let { base } = path.parse(cssPath);
+        let cssPathNew = path.join(templatesFolder, base);
+        fs.writeFileSync(cssPathNew, emptyCss);
+    });
diff --git a/react-components/package.json b/react-components/package.json
index aa767b66fc..e44ef10dd4 100644
--- a/react-components/package.json
+++ b/react-components/package.json
@@ -16,7 +16,7 @@
   "scripts": {
     "lint": "eslint 'src/**/*.js'",
     "webpack:dev": "webpack --mode=development",
-    "webpack:prod": "webpack --mode=production",
+    "webpack:prod": "webpack --mode=production && node css-template.js",
     "test": "npm run lint && npm run prettier:check && jest --coverage",
     "ci": "npm run lint && npm run prettier:check && jest --ci --runInBand --coverage",
     "test:watch": "npm run lint && jest --watch",