@plumeria/compiler 0.1.0

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@plumeria/compiler",
+  "version": "0.1.0",
+  "description": "Compiler for Plumeria that build and optimizes",
+  "keywords": [
+    "react",
+    "css",
+    "css-in-js",
+    "plumeria",
+    "styling"
+  ],
+  "author": "Refirst",
+  "repository": "github:zss-in-js/plumeria",
+  "license": "MIT",
+  "dependencies": {
+    "globby": "^14.0.2",
+    "postcss": "^8.4.49",
+    "postcss-combine-duplicated-selectors": "^10.0.3",
+    "tsx": "^4.19.2"
+  }
+}

package/src/clean-up.ts

@@ -0,0 +1,13 @@
+import { writeFileSync } from "fs";
+import { join } from "path";
+
+export const cleanUp = async () => {
+  const createFilePath = join(__dirname, "../../core/dist/styles/create.css");
+  const globalFilePath = join(__dirname, "../../core/dist/styles/global.css");
+  try {
+    writeFileSync(createFilePath, "", "utf-8");
+    writeFileSync(globalFilePath, "", "utf-8");
+  } catch (err) {
+    console.error("An error occurred:", err);
+  }
+};

package/src/index.ts

@@ -0,0 +1,69 @@
+import * as path from "path";
+import * as fs from "fs";
+import ts from "typescript";
+import { globby } from "globby";
+import { cleanUp } from "./clean-up";
+import { buildCreate } from "../../core/dist/method/create-build-helper.js";
+import { buildGlobal } from "../../core/dist/method/global-build-helper.js";
+import postcss from "postcss";
+import combineSelectors from "postcss-combine-duplicated-selectors";
+
+function isCSS(filePath: string): boolean {
+  const content = fs.readFileSync(filePath, "utf8");
+  const sourceFile = ts.createSourceFile(
+    filePath,
+    content,
+    ts.ScriptTarget.Latest,
+    true
+  );
+
+  const checker = (node: ts.Node): boolean => {
+    if (ts.isPropertyAccessExpression(node) && ts.isIdentifier(node.name)) {
+      const expressionText = node.expression.getText(sourceFile);
+      const methodName = node.name.getText(sourceFile);
+      return (
+        expressionText === "css" && ["create", "global"].includes(methodName)
+      );
+    }
+    return ts.forEachChild(node, checker) || false;
+  };
+
+  return checker(sourceFile);
+}
+
+async function getAppRoot(): Promise<string> {
+  const threeLevelsUp = path.join(process.cwd(), "../../../../..");
+  return fs.existsSync(path.join(threeLevelsUp, "node_modules/.pnpm"))
+    ? path.join(process.cwd(), "../../../../../")
+    : path.join(process.cwd(), "../../");
+}
+
+async function optimizeCSS() {
+  const cssPath = path.join(__dirname, "../../core/dist/styles/global.css");
+  const cssContent = fs.readFileSync(cssPath, "utf8");
+  const result = postcss([
+    combineSelectors({ removeDuplicatedProperties: true }),
+  ]).process(cssContent, { from: cssPath, to: cssPath });
+  fs.writeFileSync(cssPath, result.css);
+}
+
+(async () => {
+  await cleanUp();
+  const appRoot = await getAppRoot();
+  const files = await globby([path.join(appRoot, "**/*.{js,jsx,ts,tsx}")], {
+    ignore: ["**/main.{js,ts}/**", "**/.next/**", "**/node_modules/**"],
+  });
+  const styleFiles = files.filter(isCSS);
+  const importPromises = styleFiles.map(
+    (styleFile) => import(path.resolve(styleFile))
+  );
+  await Promise.all(importPromises);
+
+  for (let i = 0; i < styleFiles.length; i++) {
+    await buildCreate();
+  }
+  for (let i = 0; i < styleFiles.length; i++) {
+    await buildGlobal();
+  }
+  await optimizeCSS();
+})();

package/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "Bundler"
+  }
+}