@webmate-studio/cli 0.1.0 → 0.2.0

package/bin/wm.js

@@ -7,7 +7,6 @@ import { devCommand } from '../src/commands/dev.js';
 import { initCommand } from '../src/commands/init.js';
 import { loginCommand } from '../src/commands/login.js';
 import { generate } from '../src/commands/generate.js';
-import { prop } from '../src/commands/prop.js';
 import { logout } from '../src/commands/logout.js';
 import { info } from '../src/commands/info.js';
 import { switchCommand } from '../src/commands/switch.js';
@@ -33,11 +32,11 @@ program
 	.argument('[directory]', 'Directory to initialize', '.')
 	.action(initCommand);
 
-// wm generate (g) - Generate new component or island
+// wm generate (g) - Generate new component
 program
 	.command('generate [type] [name]')
 	.alias('g')
-	.description('Generate a new component or island')
+	.description('Generate a new component (optionally with islands)')
 	.option('--skip-wizard', 'Skip interactive wizard and create basic skeleton')
 	.option('--islands', 'Create component with islands support')
 	.option('--assets', 'Create component with assets directory')
@@ -45,12 +44,6 @@ program
 	.option('--list-templates', 'List available island templates')
 	.action(generate);
 
-// wm prop - Add property to component
-program
-	.command('prop [filename]')
-	.description('Add a property to a component (interactive)')
-	.action(prop);
-
 // wm dev - Start development server
 program
 	.command('dev')

package/package.json

@@ -1,9 +1,15 @@
 {
   "name": "@webmate-studio/cli",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "description": "Webmate Studio CLI - Build and manage your Webmate components",
-  "keywords": ["webmate", "cms", "cli", "web-components", "islands"],
+  "keywords": [
+    "webmate",
+    "cms",
+    "cli",
+    "web-components",
+    "islands"
+  ],
   "author": "Michael Wischang",
   "license": "MIT",
   "repository": {

package/src/commands/generate.js

@@ -189,12 +189,14 @@ async function createComponent(name, options) {
 			message: 'Property type:',
 			choices: [
 				{ name: 'String (text input)', value: 'string' },
+				{ name: 'Textarea (multiline text)', value: 'textarea' },
+				{ name: 'Rich Text (WYSIWYG editor)', value: 'richtext' },
 				{ name: 'Boolean (checkbox)', value: 'boolean' },
 				{ name: 'Number (number input)', value: 'number' },
 				{ name: 'Select (dropdown)', value: 'select' },
 				{ name: 'Color (color picker)', value: 'color' },
 				{ name: 'Image (image upload)', value: 'image' },
-				{ name: 'Rich Text (WYSIWYG editor)', value: 'richtext' }
+				{ name: 'Icon (icon picker)', value: 'icon' }
 			]
 		});
 
@@ -214,7 +216,7 @@ async function createComponent(name, options) {
 		let propMax = null;
 
 		// Type-specific configuration
-		if (propType === 'string') {
+		if (propType === 'string' || propType === 'textarea') {
 			propDefault = await input({
 				message: 'Default value:',
 				default: ''
@@ -273,6 +275,20 @@ async function createComponent(name, options) {
 			});
 		} else if (propType === 'richtext') {
 			propDefault = '<p></p>';
+		} else if (propType === 'image') {
+			propDefault = {
+				uuid: null,
+				filename: '',
+				title: '',
+				alt: '',
+				caption: '',
+				copyright: ''
+			};
+		} else if (propType === 'icon') {
+			propDefault = await input({
+				message: 'Default icon (e.g., mdi:home):',
+				default: 'mdi:cube-outline'
+			});
 		}
 
 		// Build prop definition

package/src/commands/login.js

@@ -56,11 +56,11 @@ export async function loginCommand(options = {}) {
 			}
 		}
 
-		// Get base URL (optional, default to localhost for dev)
-		// Note: CLI API routes are under app.localhost (account subdomain)
+		// Get base URL (optional, default to production)
+		// Note: CLI API routes are under app subdomain
 		const baseUrl = options.url || await input({
 			message: 'Webmate Base URL:',
-			default: 'https://app.localhost:3029',
+			default: 'https://app.webmate-studio.com',
 			validate: (value) => {
 				try {
 					new URL(value);

package/src/commands/prop.js

@@ -72,12 +72,14 @@ export async function prop(filename) {
 		message: 'Property type:',
 		choices: [
 			{ name: 'String (text input)', value: 'string' },
+			{ name: 'Textarea (multiline text)', value: 'textarea' },
+			{ name: 'Rich Text (WYSIWYG editor)', value: 'richtext' },
 			{ name: 'Boolean (checkbox)', value: 'boolean' },
 			{ name: 'Number (number input)', value: 'number' },
 			{ name: 'Select (dropdown)', value: 'select' },
 			{ name: 'Color (color picker)', value: 'color' },
 			{ name: 'Image (image upload)', value: 'image' },
-			{ name: 'Rich Text (WYSIWYG editor)', value: 'richtext' }
+			{ name: 'Icon (icon picker)', value: 'icon' }
 		]
 	});
 
@@ -97,7 +99,7 @@ export async function prop(filename) {
 	let propMax = null;
 
 	// Type-specific configuration
-	if (propType === 'string') {
+	if (propType === 'string' || propType === 'textarea') {
 		propDefault = await input({
 			message: 'Default value:',
 			default: ''
@@ -157,7 +159,19 @@ export async function prop(filename) {
 	} else if (propType === 'richtext') {
 		propDefault = '<p></p>';
 	} else if (propType === 'image') {
-		propDefault = '';
+		propDefault = {
+			uuid: null,
+			filename: '',
+			title: '',
+			alt: '',
+			caption: '',
+			copyright: ''
+		};
+	} else if (propType === 'icon') {
+		propDefault = await input({
+			message: 'Default icon (e.g., mdi:home):',
+			default: 'mdi:cube-outline'
+		});
 	}
 
 	// Build new prop