prewindcss 1.1.0 → 1.2.0

package/README.md

@@ -25,7 +25,7 @@ Prewind works with the platform, not around it. CSS already has a cascade, varia
 Load Prewind from a CDN or host it yourself:
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/prewindcss@1.0.0" />
+<link rel="stylesheet" href="https://unpkg.com/prewindcss@1.2.0" />
 ```
 
 ### 2. Define your theme variables
@@ -114,9 +114,10 @@ To generate custom fluid sizes for your project:
 ```bash
 npx prewindcss text   # Generate fluid typography scale
 npx prewindcss space  # Generate fluid spacing scale
+npx prewindcss theme  # Get default theme CSS variables
 ```
 
-Each command launches an interactive configurator where you can adjust:
+The `text` and `space` commands launch an interactive configurator where you can adjust:
 
 - Viewport range (min/max)
 - Base size at each viewport

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prewindcss",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Lightweight, no-build Tailwind alternative",
   "type": "module",
   "main": "prewind.css",

package/script/prewindcss.js

@@ -6,16 +6,22 @@
  * Usage:
  *   npx prewindcss text   - Generate fluid typography scale
  *   npx prewindcss space  - Generate fluid spacing scale
+ *   npx prewindcss theme  - Get default theme CSS variables
  */
 
 const command = process.argv[2];
 
-if (command === 'text') {
-  const { run } = await import('./text.js');
+if (command === "text") {
+  const { run } = await import("./text.js");
   run();
-} else if (command === 'space') {
-  const { run } = await import('./space.js');
+} else if (command === "space") {
+  const { run } = await import("./space.js");
+  run();
+} else if (command === "theme") {
+  const { run } = await import("./theme.js");
   run();
 } else {
-  console.log('Did you mean to run npx prewindcss text or npx prewindcss space?');
+  console.log(
+    "Did you mean to run npx prewindcss text, npx prewindcss space, or npx prewindcss theme?",
+  );
 }

package/script/theme.js

@@ -0,0 +1,57 @@
+/**
+ * Theme Generator
+ *
+ * Fetches the default theme CSS from GitHub and copies it to clipboard.
+ */
+
+const THEME_URL =
+  "https://raw.githubusercontent.com/codepilotsf/prewind/refs/heads/main/theme.css";
+
+/**
+ * Copy text to the system clipboard.
+ * Uses pbcopy on macOS, xclip on Linux, clip on Windows.
+ */
+async function copyToClipboard(text) {
+  const { spawn } = await import("child_process");
+  const platform = process.platform;
+
+  let cmd, args;
+  if (platform === "darwin") {
+    cmd = "pbcopy";
+    args = [];
+  } else if (platform === "win32") {
+    cmd = "clip";
+    args = [];
+  } else {
+    // Linux - try xclip
+    cmd = "xclip";
+    args = ["-selection", "clipboard"];
+  }
+
+  return new Promise((resolve, reject) => {
+    const proc = spawn(cmd, args);
+    proc.stdin.write(text);
+    proc.stdin.end();
+    proc.on("close", resolve);
+    proc.on("error", reject);
+  });
+}
+
+export async function run() {
+  try {
+    const response = await fetch(THEME_URL);
+    if (!response.ok) {
+      throw new Error(`Failed to fetch theme: ${response.status}`);
+    }
+    const css = await response.text();
+
+    console.log(css);
+    console.log("");
+
+    await copyToClipboard(css);
+    console.log("Copied to clipboard!");
+  } catch (error) {
+    console.error("Error fetching theme:", error.message);
+    process.exit(1);
+  }
+}

package/theme.css

@@ -1,6 +1,6 @@
 /*
   ----------------------------------------
-  Theme - Utility classes
+  Prewind Theme
   ----------------------------------------
 */