@wire-dsl/cli 0.1.6 → 0.2.1

package/LICENSE

@@ -19,18 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-
----
-
-## Third-Party Components & Assets
-
-### Feather Icons
-
-This project includes icons from Feather Icons (https://feathericons.com), created by Cole Bemis and contributors.
-
-- **License**: MIT License
-- **Repository**: https://github.com/feathericons/feather
-- **Location in project**: `packages/core/src/renderer/icons/`
-- **Full details**: See `packages/core/src/renderer/icons/ICONS-LICENSE.md`
-
-Feather Icons are used under the terms of the MIT License, which is fully compatible with this project's MIT License.

package/README.md

@@ -1,6 +1,6 @@
 # @wire-dsl/cli
 
-Command-line interface for Wire-DSL. Transform `.wire` DSL files into interactive wireframes, components, and releases.
+Command-line interface for Wire-DSL. Transform `.wire` DSL files into SVG, PNG, and PDF wireframes.
 
 ## Installation
 
@@ -66,14 +66,26 @@ Wire-DSL is a **block-declarative Domain-Specific Language** for creating intera
 Write wireframes like this:
 
 ```wire
-screen "Dashboard" {
-  layout grid(columns: 2, gap: 16) {
-    layout card(padding: lg, gap: md, border: true) {
-      component StatCard title: "Q4 Revenue" value: "$2.5M"
-    }
-    
-    layout card(padding: lg, gap: md, border: true) {
-      component StatCard title: "Active Users" value: "1.2K"
+project "Dashboard" {
+  theme {
+    density: "normal"
+    spacing: "md"
+    radius: "md"
+    stroke: "normal"
+    font: "base"
+  }
+  screen Dashboard {
+    layout grid(columns: 2, gap: md) {
+      cell span: 1 {
+        layout card(padding: lg, gap: md, radius: md, border: true) {
+          component StatCard title: "Q4 Revenue" value: "$2.5M"
+        }
+      }
+      cell span: 1 {
+        layout card(padding: lg, gap: md, radius: md, border: true) {
+          component StatCard title: "Active Users" value: "1.2K"
+        }
+      }
     }
   }
 }
@@ -82,7 +94,7 @@ screen "Dashboard" {
 ## Features
 
 - 🎯 **Block-declarative syntax** - Intuitive, structured definitions
-- 📱 **23 UI components** - Buttons, forms, cards, modals, and more
+- 📱 **30+ UI components** - Buttons, forms, cards, modals, and more
 - 🎨 **Theming support** - Customize colors, typography, spacing
 - 🔄 **Responsive layouts** - Grid, Stack, Split containers
 - ⚡ **Fast compilation** - Powered by Chevrotain parser

package/dist/{chunk-MVVC2C2L.js → chunk-LCHD2B6S.js}

@@ -5,7 +5,8 @@ import { program } from "commander";
 import { readFile, mkdir, stat } from "fs/promises";
 import path from "path";
 import chokidar from "chokidar";
-import { LayoutEngine, SVGRenderer, generateIR, parseWireDSL, exportSVG, exportPNG, exportMultipagePDF } from "@wire-dsl/core";
+import { LayoutEngine, SVGRenderer, generateIR, parseWireDSL } from "@wire-dsl/engine";
+import { exportSVG, exportPNG, exportMultipagePDF } from "@wire-dsl/exporters";
 var modules = {};
 async function loadDependencies() {
   if (!modules.chalk) {

package/dist/cli.cjs

@@ -30,7 +30,8 @@ var import_commander = require("commander");
 var import_promises = require("fs/promises");
 var import_path = __toESM(require("path"), 1);
 var import_chokidar = __toESM(require("chokidar"), 1);
-var import_core = require("@wire-dsl/core");
+var import_engine = require("@wire-dsl/engine");
+var import_exporters = require("@wire-dsl/exporters");
 var modules = {};
 async function loadDependencies() {
   if (!modules.chalk) {
@@ -91,9 +92,9 @@ var renderCommand = async (input, options = {}) => {
     const spinner = ora(`Rendering ${input}`).start();
     try {
       const source = await (0, import_promises.readFile)(resolvedInputPath, "utf8");
-      const ast = (0, import_core.parseWireDSL)(source);
-      const ir = (0, import_core.generateIR)(ast);
-      const layout = new import_core.LayoutEngine(ir).calculate();
+      const ast = (0, import_engine.parseWireDSL)(source);
+      const ir = (0, import_engine.generateIR)(ast);
+      const layout = new import_engine.LayoutEngine(ir).calculate();
       const baseViewport = ir.project.screens[0]?.viewport ?? { width: 1280, height: 720 };
       let screensToRender = ir.project.screens;
       if (options.screen) {
@@ -116,7 +117,7 @@ var renderCommand = async (input, options = {}) => {
         const viewport = screen.viewport ?? baseViewport;
         const width = options.width ?? viewport.width;
         const height = options.height ?? viewport.height;
-        const renderer = new import_core.SVGRenderer(ir, layout, {
+        const renderer = new import_engine.SVGRenderer(ir, layout, {
           width,
           height,
           theme: options.theme ?? "light",
@@ -144,7 +145,7 @@ var renderCommand = async (input, options = {}) => {
         } else if (!pdfPath.endsWith(".pdf")) {
           pdfPath += ".pdf";
         }
-        await (0, import_core.exportMultipagePDF)(renderedScreens, pdfPath);
+        await (0, import_exporters.exportMultipagePDF)(renderedScreens, pdfPath);
         renderedFiles.push(pdfPath);
         spinner.succeed(
           `PDF written to ${chalk3.cyan(pdfPath)} (${renderedScreens.length} page${renderedScreens.length > 1 ? "s" : ""})`
@@ -161,7 +162,7 @@ var renderCommand = async (input, options = {}) => {
             const sanitizedName = sanitizeScreenName(screen.name);
             const fileName = `${basename}-${sanitizedName}.png`;
             const filePath = import_path.default.join(outputDir, fileName);
-            await (0, import_core.exportPNG)(screen.svg, filePath, screen.width, screen.height);
+            await (0, import_exporters.exportPNG)(screen.svg, filePath, screen.width, screen.height);
             filePaths.push(filePath);
           }
         } else if (multiScreen || isDir) {
@@ -172,7 +173,7 @@ var renderCommand = async (input, options = {}) => {
             const sanitizedName = sanitizeScreenName(screen.name);
             const fileName = multiScreen ? `${basename}-${sanitizedName}.png` : import_path.default.basename(outputPath).endsWith(".png") ? import_path.default.basename(outputPath) : `${basename}.png`;
             const filePath = import_path.default.join(outputDir, fileName);
-            await (0, import_core.exportPNG)(screen.svg, filePath, screen.width, screen.height);
+            await (0, import_exporters.exportPNG)(screen.svg, filePath, screen.width, screen.height);
             filePaths.push(filePath);
           }
         } else {
@@ -180,7 +181,7 @@ var renderCommand = async (input, options = {}) => {
           await (0, import_promises.mkdir)(outputDir, { recursive: true }).catch(() => {
           });
           const screen = renderedScreens[0];
-          await (0, import_core.exportPNG)(screen.svg, outputPath, screen.width, screen.height);
+          await (0, import_exporters.exportPNG)(screen.svg, outputPath, screen.width, screen.height);
           filePaths.push(outputPath);
         }
         const renderedFiles2 = filePaths;
@@ -203,13 +204,13 @@ var renderCommand = async (input, options = {}) => {
             const sanitizedName = sanitizeScreenName(screen.name);
             const fileName = `${basename}-${sanitizedName}.svg`;
             const filePath = import_path.default.join(outputDir, fileName);
-            await (0, import_core.exportSVG)(screen.svg, filePath);
+            await (0, import_exporters.exportSVG)(screen.svg, filePath);
             renderedFiles.push(filePath);
           }
           spinner.succeed(`${renderedFiles.length} SVG files written:`);
           renderedFiles.forEach((file) => console.log(`  ${chalk3.cyan(file)}`));
         } else {
-          await (0, import_core.exportSVG)(renderedScreens[0].svg, outputPath);
+          await (0, import_exporters.exportSVG)(renderedScreens[0].svg, outputPath);
           spinner.succeed(`SVG written to ${chalk3.cyan(outputPath)}`);
         }
       }

package/dist/cli.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import "./chunk-MVVC2C2L.js";
+import "./chunk-LCHD2B6S.js";

package/dist/index.cjs

@@ -43,7 +43,8 @@ var import_commander = require("commander");
 var import_promises = require("fs/promises");
 var import_path = __toESM(require("path"), 1);
 var import_chokidar = __toESM(require("chokidar"), 1);
-var import_core = require("@wire-dsl/core");
+var import_engine = require("@wire-dsl/engine");
+var import_exporters = require("@wire-dsl/exporters");
 var modules = {};
 async function loadDependencies() {
   if (!modules.chalk) {
@@ -104,9 +105,9 @@ var renderCommand = async (input, options = {}) => {
     const spinner = ora(`Rendering ${input}`).start();
     try {
       const source = await (0, import_promises.readFile)(resolvedInputPath, "utf8");
-      const ast = (0, import_core.parseWireDSL)(source);
-      const ir = (0, import_core.generateIR)(ast);
-      const layout = new import_core.LayoutEngine(ir).calculate();
+      const ast = (0, import_engine.parseWireDSL)(source);
+      const ir = (0, import_engine.generateIR)(ast);
+      const layout = new import_engine.LayoutEngine(ir).calculate();
       const baseViewport = ir.project.screens[0]?.viewport ?? { width: 1280, height: 720 };
       let screensToRender = ir.project.screens;
       if (options.screen) {
@@ -129,7 +130,7 @@ var renderCommand = async (input, options = {}) => {
         const viewport = screen.viewport ?? baseViewport;
         const width = options.width ?? viewport.width;
         const height = options.height ?? viewport.height;
-        const renderer = new import_core.SVGRenderer(ir, layout, {
+        const renderer = new import_engine.SVGRenderer(ir, layout, {
           width,
           height,
           theme: options.theme ?? "light",
@@ -157,7 +158,7 @@ var renderCommand = async (input, options = {}) => {
         } else if (!pdfPath.endsWith(".pdf")) {
           pdfPath += ".pdf";
         }
-        await (0, import_core.exportMultipagePDF)(renderedScreens, pdfPath);
+        await (0, import_exporters.exportMultipagePDF)(renderedScreens, pdfPath);
         renderedFiles.push(pdfPath);
         spinner.succeed(
           `PDF written to ${chalk3.cyan(pdfPath)} (${renderedScreens.length} page${renderedScreens.length > 1 ? "s" : ""})`
@@ -174,7 +175,7 @@ var renderCommand = async (input, options = {}) => {
             const sanitizedName = sanitizeScreenName(screen.name);
             const fileName = `${basename}-${sanitizedName}.png`;
             const filePath = import_path.default.join(outputDir, fileName);
-            await (0, import_core.exportPNG)(screen.svg, filePath, screen.width, screen.height);
+            await (0, import_exporters.exportPNG)(screen.svg, filePath, screen.width, screen.height);
             filePaths.push(filePath);
           }
         } else if (multiScreen || isDir) {
@@ -185,7 +186,7 @@ var renderCommand = async (input, options = {}) => {
             const sanitizedName = sanitizeScreenName(screen.name);
             const fileName = multiScreen ? `${basename}-${sanitizedName}.png` : import_path.default.basename(outputPath).endsWith(".png") ? import_path.default.basename(outputPath) : `${basename}.png`;
             const filePath = import_path.default.join(outputDir, fileName);
-            await (0, import_core.exportPNG)(screen.svg, filePath, screen.width, screen.height);
+            await (0, import_exporters.exportPNG)(screen.svg, filePath, screen.width, screen.height);
             filePaths.push(filePath);
           }
         } else {
@@ -193,7 +194,7 @@ var renderCommand = async (input, options = {}) => {
           await (0, import_promises.mkdir)(outputDir, { recursive: true }).catch(() => {
           });
           const screen = renderedScreens[0];
-          await (0, import_core.exportPNG)(screen.svg, outputPath, screen.width, screen.height);
+          await (0, import_exporters.exportPNG)(screen.svg, outputPath, screen.width, screen.height);
           filePaths.push(outputPath);
         }
         const renderedFiles2 = filePaths;
@@ -216,13 +217,13 @@ var renderCommand = async (input, options = {}) => {
             const sanitizedName = sanitizeScreenName(screen.name);
             const fileName = `${basename}-${sanitizedName}.svg`;
             const filePath = import_path.default.join(outputDir, fileName);
-            await (0, import_core.exportSVG)(screen.svg, filePath);
+            await (0, import_exporters.exportSVG)(screen.svg, filePath);
             renderedFiles.push(filePath);
           }
           spinner.succeed(`${renderedFiles.length} SVG files written:`);
           renderedFiles.forEach((file) => console.log(`  ${chalk3.cyan(file)}`));
         } else {
-          await (0, import_core.exportSVG)(renderedScreens[0].svg, outputPath);
+          await (0, import_exporters.exportSVG)(renderedScreens[0].svg, outputPath);
           spinner.succeed(`SVG written to ${chalk3.cyan(outputPath)}`);
         }
       }

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   initCommand,
   renderCommand,
   validateCommand
-} from "./chunk-MVVC2C2L.js";
+} from "./chunk-LCHD2B6S.js";
 export {
   initCommand,
   renderCommand,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wire-dsl/cli",
-  "version": "0.1.6",
+  "version": "0.2.1",
   "description": "WireDSL CLI - Command-line tool for wireframe generation and validation",
   "type": "module",
   "exports": {
@@ -33,18 +33,19 @@
   "dependencies": {
     "chokidar": "5.0.0",
     "chalk": "5.6.2",
-    "commander": "14.0.2",
+    "commander": "14.0.3",
     "ora": "9.1.0",
-    "@wire-dsl/core": "0.1.6"
+    "@wire-dsl/engine": "0.0.3",
+    "@wire-dsl/exporters": "0.0.3"
   },
   "devDependencies": {
-    "@types/node": "25.0.9",
-    "@typescript-eslint/eslint-plugin": "8.53.1",
-    "@typescript-eslint/parser": "8.53.1",
+    "@types/node": "25.2.0",
+    "@typescript-eslint/eslint-plugin": "8.54.0",
+    "@typescript-eslint/parser": "8.54.0",
     "eslint": "9.39.2",
     "tsup": "8.5.1",
     "typescript": "5.9.3",
-    "vitest": "4.0.17"
+    "vitest": "4.0.18"
   },
   "engines": {
     "node": ">=20.0.0"