chore: generate *.cssresult.js for CSS files

PiperOrigin-RevId: 895557948

Author: asyncliz

.gitignore

@@ -3,6 +3,7 @@ node_modules
 !web-test-runner.config.js
 !commitlint.config.js
 *.css
+*.cssresult.ts
 *-styles.ts
 *.map
 *.d.ts

package.json

@@ -113,6 +113,27 @@
       ]
     },
     "build:css-to-ts": {
+      "dependencies": [
+        "build:css-to-ts:cssresult",
+        "build:css-to-ts:styles"
+      ]
+    },
+    "build:css-to-ts:cssresult": {
+      "command": "find . \\( -path ./.wireit -o -path ./node_modules -o -path ./catalog \\) -prune -o -name '*.css' -print | xargs -L1 node scripts/css-to-ts.js --suffix=.cssresult",
+      "files": [
+        "**/*.css",
+        "!catalog/"
+      ],
+      "output": [
+        "**/*.cssresult.ts",
+        "!catalog/"
+      ],
+      "dependencies": [
+        "build:scripts",
+        "build:sass"
+      ]
+    },
+    "build:css-to-ts:styles": {
       "command": "find . \\( -path ./.wireit -o -path ./node_modules -o -path ./catalog \\) -prune -o -name '*-styles.css' -print | xargs -L1 node scripts/css-to-ts.js",
       "files": [
         "**/*-styles.css",

scripts/css-to-ts.ts

@@ -5,13 +5,26 @@
  */
 
 import * as fs from 'fs';
+import * as util from 'util';
 
-const cssFilePath = process.argv[2];
+const {values, positionals} = util.parseArgs({
+  allowPositionals: true,
+  options: {
+    suffix: {
+      type: 'string',
+    },
+  },
+});
+
+const cssFilePath = positionals[0];
 if (!cssFilePath) {
-  throw new Error(`Usage: node scripts/css-to-ts.js <input.css> [output.ts]`);
+  throw new Error(
+    `Usage: node scripts/css-to-ts.js <input.css> [output.ts] [--suffix=<suffix>]`,
+  );
 }
 
-const tsFilePath = process.argv[3] || cssFilePath.replace('.css', '.ts');
+const tsFilePath =
+  positionals[1] || cssFilePath.replace('.css', `${values.suffix || ''}.ts`);
 const cssContent = fs
   .readFileSync(cssFilePath, {encoding: 'utf8'})
   // Remove source map comments since the css is embedded.
@@ -22,7 +35,7 @@ fs.writeFileSync(
   tsFilePath,
   `/**
  * @license
- * Copyright 2024 Google LLC
+ * Copyright ${new Date().getFullYear()} Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
 // Generated stylesheet for ${cssFilePath}.