update css

Author: hmthanh

app/(taxonomy)/ttsflow/ttsflow.jsx

@@ -72,7 +72,7 @@ export default function TTSFlowChart({ nodes, links }) {
       d.fx = null
       d.fy = null
     }
-  }, [])
+  }, [links, nodes])
 
   return <svg ref={svgRef} width="100%" height="500" viewBox="0 0 800 400" style={{ background: "#1e1e1e" }} />
 }

app/globals.css

@@ -4,7 +4,7 @@
 @import "../styles/i81n/mono.css";
 @import "../styles/math/mathfonts.css";
 @import "../styles/math/mathstyles.css";
-@import "./colors.css";
+@import "../styles/colors.css";
 
 @import "../styles/cards.css";
 @import "../styles/subheading-anchor.css";

package.json

@@ -7,6 +7,8 @@
     "build": "NODE_OPTIONS=\"--max-old-space-size=8192\" next build",
     "build:ci": "./scripts/ci-build.sh build",
     "postbuild": "next-sitemap",
+    "build:css": "postcss src/tailwind.css -o build/styles.css",
+    "build:assets": "node rename-html-classes.js",
     "lint": "next lint"
   },
   "dependencies": {

postcss-tailwind-class-rename.js

@@ -0,0 +1,19 @@
+import postcss from 'postcss';
+
+export default postcss.plugin(
+  'postcss-tailwind-class-rename',
+  (opts = {}) => {
+    const map = opts.map || {};
+    return (root) => {
+      root.walkRules((rule) => {
+        rule.selectors = rule.selectors.map((selector) => {
+          Object.keys(map).forEach((orig) => {
+            const regex = new RegExp(`\\.${orig}(?=\\s|\\.|:|$)`, 'g');
+            selector = selector.replace(regex, `.${map[orig]}`);
+          });
+          return selector;
+        });
+      });
+    };
+  }
+);

postcss.config.mjs

@@ -1,3 +1,6 @@
+// import mapping from '../scripts/mapping.json' assert { type: 'json' };
+// "./postcss-tailwind-class-rename": {mapping},
+
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {