mozaic-mcp-server 1.1.0 → 2.0.0

package/skills/mozaic-react-builder/scripts/generate-component.sh

@@ -4,7 +4,7 @@
 
 COMPONENT_NAME="$1"
 PROPS_JSON="${2:-{}}"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 if [ -z "$COMPONENT_NAME" ]; then
   echo "Error: Component name required"
@@ -18,28 +18,39 @@ if [ ! -f "$DB_PATH" ]; then
   exit 1
 fi
 
-# Get component template
-TEMPLATE=$(sqlite3 "$DB_PATH" <<EOF
+# Verify component exists
+COMPONENT_EXISTS=$(sqlite3 "$DB_PATH" "SELECT COUNT(*) FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%react%'")
+
+if [ "$COMPONENT_EXISTS" = "0" ]; then
+  echo "Error: Component '$COMPONENT_NAME' not found"
+  exit 1
+fi
+
+# Build props string from examples (use first example as base)
+FIRST_EXAMPLE=$(sqlite3 "$DB_PATH" <<EOF
 .mode list
-SELECT template FROM components
-WHERE name = '$COMPONENT_NAME'
-  AND frameworks LIKE '%react%'
-LIMIT 1;
+SELECT code FROM component_examples
+WHERE component_id = (
+  SELECT id FROM components
+  WHERE name = '$COMPONENT_NAME'
+    AND frameworks LIKE '%react%'
+)
+ORDER BY id LIMIT 1;
 EOF
 )
 
-if [ -z "$TEMPLATE" ]; then
-  echo "Error: Component '$COMPONENT_NAME' not found or has no template"
-  exit 1
+# Generate component code
+if [ -n "$FIRST_EXAMPLE" ]; then
+  CODE="<${COMPONENT_NAME}\n  ${FIRST_EXAMPLE}\n/>"
+else
+  CODE="<${COMPONENT_NAME} />"
 fi
 
-# For now, return the basic template
-# In a full implementation, this would merge props-json with the template
 cat <<EOF
 {
   "component": "$COMPONENT_NAME",
   "framework": "react",
-  "code": $(echo "$TEMPLATE" | jq -Rs .),
+  "code": $(printf '%s' "$CODE" | jq -Rs .),
   "import": "import { ${COMPONENT_NAME} } from '@mozaic-ds/react'",
   "cssImport": "import '@mozaic-ds/react/dist/styles.css'"
 }

package/skills/mozaic-react-builder/scripts/get-component.sh

@@ -3,7 +3,7 @@
 # Usage: ./get-component.sh <component-name>
 
 COMPONENT_NAME="$1"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 if [ -z "$COMPONENT_NAME" ]; then
   echo "Error: Component name required"
@@ -17,7 +17,6 @@ if [ ! -f "$DB_PATH" ]; then
   exit 1
 fi
 
-# Get component basic info
 COMPONENT_INFO=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
 SELECT * FROM components
@@ -27,65 +26,47 @@ LIMIT 1;
 EOF
 )
 
-if [ "$COMPONENT_INFO" = "[]" ]; then
+if [ -z "$COMPONENT_INFO" ] || [ "$COMPONENT_INFO" = "[]" ]; then
   echo "Error: Component '$COMPONENT_NAME' not found"
   exit 1
 fi
 
-# Get component props
 PROPS=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
-SELECT
-  name,
-  type,
-  default_value,
-  required,
-  description
+SELECT name, type, default_value, required, description
 FROM component_props
 WHERE component_id = (
-  SELECT id FROM components
-  WHERE name = '$COMPONENT_NAME'
-    AND frameworks LIKE '%react%'
+  SELECT id FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%react%'
 )
 ORDER BY required DESC, name;
 EOF
 )
+PROPS="${PROPS:-[]}"
 
-# Get component events
 EVENTS=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
-SELECT
-  name,
-  payload,
-  description
+SELECT name, payload, description
 FROM component_events
 WHERE component_id = (
-  SELECT id FROM components
-  WHERE name = '$COMPONENT_NAME'
-    AND frameworks LIKE '%react%'
+  SELECT id FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%react%'
 )
 ORDER BY name;
 EOF
 )
+EVENTS="${EVENTS:-[]}"
 
-# Get component examples
 EXAMPLES=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
-SELECT
-  title,
-  code,
-  description
+SELECT title, code, description
 FROM component_examples
 WHERE component_id = (
-  SELECT id FROM components
-  WHERE name = '$COMPONENT_NAME'
-    AND frameworks LIKE '%react%'
+  SELECT id FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%react%'
 )
 ORDER BY id;
 EOF
 )
+EXAMPLES="${EXAMPLES:-[]}"
 
-# Combine all information into a single JSON output
 cat <<EOF
 {
   "component": $COMPONENT_INFO,

package/skills/mozaic-react-builder/scripts/get-install-info.sh

@@ -4,7 +4,7 @@
 
 COMPONENT_NAME="$1"
 PACKAGE_MANAGER="${2:-pnpm}"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 if [ -z "$COMPONENT_NAME" ]; then
   echo "Error: Component name required"

package/skills/mozaic-react-builder/scripts/list-components.sh

@@ -4,7 +4,7 @@
 # Categories: form, navigation, feedback, layout, data-display, action, all (default)
 
 CATEGORY="${1:-all}"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 # Check if database exists
 if [ ! -f "$DB_PATH" ]; then

package/skills/mozaic-vue-builder/scripts/generate-component.sh

@@ -4,7 +4,7 @@
 
 COMPONENT_NAME="$1"
 PROPS_JSON="${2:-{}}"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 if [ -z "$COMPONENT_NAME" ]; then
   echo "Error: Component name required"
@@ -18,29 +18,40 @@ if [ ! -f "$DB_PATH" ]; then
   exit 1
 fi
 
-# Get component template
-TEMPLATE=$(sqlite3 "$DB_PATH" <<EOF
+# Verify component exists
+COMPONENT_EXISTS=$(sqlite3 "$DB_PATH" "SELECT COUNT(*) FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%vue%'")
+
+if [ "$COMPONENT_EXISTS" = "0" ]; then
+  echo "Error: Component '$COMPONENT_NAME' not found"
+  exit 1
+fi
+
+# Build props string from examples (use first example as base)
+FIRST_EXAMPLE=$(sqlite3 "$DB_PATH" <<EOF
 .mode list
-SELECT template FROM components
-WHERE name = '$COMPONENT_NAME'
-  AND frameworks LIKE '%vue%'
-LIMIT 1;
+SELECT code FROM component_examples
+WHERE component_id = (
+  SELECT id FROM components
+  WHERE name = '$COMPONENT_NAME'
+    AND frameworks LIKE '%vue%'
+)
+ORDER BY id LIMIT 1;
 EOF
 )
 
-if [ -z "$TEMPLATE" ]; then
-  echo "Error: Component '$COMPONENT_NAME' not found or has no template"
-  exit 1
+# Generate component code
+if [ -n "$FIRST_EXAMPLE" ]; then
+  CODE="<${COMPONENT_NAME}\n  ${FIRST_EXAMPLE}\n/>"
+else
+  CODE="<${COMPONENT_NAME} />"
 fi
 
-# For now, return the basic template
-# In a full implementation, this would merge props-json with the template
 cat <<EOF
 {
   "component": "$COMPONENT_NAME",
   "framework": "vue",
-  "code": $(echo "$TEMPLATE" | jq -Rs .),
-  "import": "import { M${COMPONENT_NAME} } from '@mozaic-ds/vue-3'",
+  "code": $(printf '%s' "$CODE" | jq -Rs .),
+  "import": "import { ${COMPONENT_NAME} } from '@mozaic-ds/vue-3'",
   "cssImport": "import '@mozaic-ds/vue-3/dist/style.css'"
 }
 EOF

package/skills/mozaic-vue-builder/scripts/get-component.sh

@@ -3,7 +3,7 @@
 # Usage: ./get-component.sh <component-name>
 
 COMPONENT_NAME="$1"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 if [ -z "$COMPONENT_NAME" ]; then
   echo "Error: Component name required"
@@ -17,7 +17,6 @@ if [ ! -f "$DB_PATH" ]; then
   exit 1
 fi
 
-# Get component basic info
 COMPONENT_INFO=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
 SELECT * FROM components
@@ -27,81 +26,59 @@ LIMIT 1;
 EOF
 )
 
-if [ "$COMPONENT_INFO" = "[]" ]; then
+if [ -z "$COMPONENT_INFO" ] || [ "$COMPONENT_INFO" = "[]" ]; then
   echo "Error: Component '$COMPONENT_NAME' not found"
   exit 1
 fi
 
-# Get component props
 PROPS=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
-SELECT
-  name,
-  type,
-  default_value,
-  required,
-  description
+SELECT name, type, default_value, required, description
 FROM component_props
 WHERE component_id = (
-  SELECT id FROM components
-  WHERE name = '$COMPONENT_NAME'
-    AND frameworks LIKE '%vue%'
+  SELECT id FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%vue%'
 )
 ORDER BY required DESC, name;
 EOF
 )
+PROPS="${PROPS:-[]}"
 
-# Get component slots
 SLOTS=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
-SELECT
-  name,
-  description
+SELECT name, description
 FROM component_slots
 WHERE component_id = (
-  SELECT id FROM components
-  WHERE name = '$COMPONENT_NAME'
-    AND frameworks LIKE '%vue%'
+  SELECT id FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%vue%'
 )
 ORDER BY name;
 EOF
 )
+SLOTS="${SLOTS:-[]}"
 
-# Get component events
 EVENTS=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
-SELECT
-  name,
-  payload,
-  description
+SELECT name, payload, description
 FROM component_events
 WHERE component_id = (
-  SELECT id FROM components
-  WHERE name = '$COMPONENT_NAME'
-    AND frameworks LIKE '%vue%'
+  SELECT id FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%vue%'
 )
 ORDER BY name;
 EOF
 )
+EVENTS="${EVENTS:-[]}"
 
-# Get component examples
 EXAMPLES=$(sqlite3 "$DB_PATH" <<EOF
 .mode json
-SELECT
-  title,
-  code,
-  description
+SELECT title, code, description
 FROM component_examples
 WHERE component_id = (
-  SELECT id FROM components
-  WHERE name = '$COMPONENT_NAME'
-    AND frameworks LIKE '%vue%'
+  SELECT id FROM components WHERE name = '$COMPONENT_NAME' AND frameworks LIKE '%vue%'
 )
 ORDER BY id;
 EOF
 )
+EXAMPLES="${EXAMPLES:-[]}"
 
-# Combine all information into a single JSON output
 cat <<EOF
 {
   "component": $COMPONENT_INFO,

package/skills/mozaic-vue-builder/scripts/get-install-info.sh

@@ -4,7 +4,7 @@
 
 COMPONENT_NAME="$1"
 PACKAGE_MANAGER="${2:-pnpm}"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 if [ -z "$COMPONENT_NAME" ]; then
   echo "Error: Component name required"

package/skills/mozaic-vue-builder/scripts/list-components.sh

@@ -4,7 +4,7 @@
 # Categories: form, navigation, feedback, layout, data-display, action, all (default)
 
 CATEGORY="${1:-all}"
-DB_PATH="${HOME}/.claude/mozaic.db"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
 
 # Check if database exists
 if [ ! -f "$DB_PATH" ]; then