openprompt-lang 0.3.0 → 0.4.0

package/src/templates/langs/vue/templates/ui/Select.template.vue

@@ -0,0 +1,77 @@
+<script setup lang="ts">
+// @template
+// @id: select-shadcn-vue
+// @category: ui/form
+// @purpose: dropdown, option-picker, multi-select
+// @framework: vue
+// @style: shadcn-vue
+// @variants: [default, error, multiple]
+// @sizes: [sm, default, lg]
+// @darkMode: true
+// @responsive: true
+// @deps: [vue]
+// @props: { label: string, options: Option[], placeholder: string, error?: string }
+// @states: [idle, focused, filled, error, disabled]
+// @example: <Select label="Country" v-model="country" :options="countries" />
+// @teachMe
+//
+// ## Anatomy
+// Native select dropdown with custom styling and v-model support.
+// Works with arrays of { value, label } objects.
+//
+// @goodPractice: Use native select for better a11y and mobile support
+// @goodPractice: Provide placeholder option with disabled selected
+// @goodPractice: Type options as generic for type safety
+
+import { computed } from "vue"
+
+interface SelectOption {
+  value: string | number
+  label: string
+  disabled?: boolean
+}
+
+const model = defineModel<string | number>({ default: "" })
+
+const props = withDefaults(defineProps<{
+  label?: string
+  options?: SelectOption[]
+  placeholder?: string
+  error?: string
+  disabled?: boolean
+}>(), {
+  options: () => [],
+  placeholder: "Select an option",
+  disabled: false,
+})
+
+const selectClasses = computed(() => {
+  const base = "flex h-10 w-full rounded-lg border bg-white px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-gray-950 dark:text-gray-100"
+  const borderColor = props.error
+    ? "border-red-500 focus-visible:ring-red-500"
+    : "border-gray-300 focus-visible:ring-blue-500 dark:border-gray-600"
+  return [base, borderColor].join(" ")
+})
+</script>
+
+<template>
+  <div class="flex flex-col gap-1.5">
+    <label v-if="label" class="text-sm font-medium text-gray-700 dark:text-gray-300">
+      {{ label }}
+    </label>
+    <div class="relative">
+      <select v-model="model" :disabled="disabled" :class="selectClasses">
+        <option value="" disabled selected>{{ placeholder }}</option>
+        <option
+          v-for="opt in options"
+          :key="opt.value"
+          :value="opt.value"
+          :disabled="opt.disabled"
+        >
+          {{ opt.label }}
+        </option>
+      </select>
+    </div>
+    <p v-if="error" class="text-sm text-red-500">{{ error }}</p>
+  </div>
+</template>

package/src/templates/scripts/log-actividad.sh

@@ -0,0 +1,32 @@
+#!/bin/bash
+# @generated by openPrompt-Lang
+# Uso: ./scripts/log-actividad.sh "Objetivo de la sesión"
+
+DATE=$(date +%Y-%m-%d)
+DIR="docs/LOGS/ACTIVIDAD/$(date +%Y-%m)"
+mkdir -p "$DIR"
+FILENAME="${DIR}/${DATE}.md"
+
+if [ ! -f "$FILENAME" ]; then
+  cat > "$FILENAME" << EOF
+# Actividad — ${DATE}
+
+## Sesión de trabajo: $1
+**Duración:**
+**Objetivo:** $1
+
+### Tareas realizadas
+1.
+
+### Errores encontrados
+
+### Decisiones tomadas
+
+### Próxima sesión
+
+EOF
+  echo "Log de actividad creado: $FILENAME"
+else
+  echo "Log ya existe: $FILENAME"
+  echo "Agrega manualmente las tareas al final del archivo."
+fi

package/src/templates/scripts/log-commit.sh

@@ -0,0 +1,35 @@
+#!/bin/bash
+# @generated by openPrompt-Lang
+# Uso: ./scripts/log-commit.sh
+
+HASH=$(git log -1 --format="%H")
+DATE=$(git log -1 --format="%ad" --date=short)
+MSG=$(git log -1 --format="%s")
+FILES=$(git diff --name-only HEAD~1 HEAD 2>/dev/null || git diff --name-only HEAD)
+VERSION=$(git tag --points-at HEAD | head -1)
+
+FILENAME="docs/COMMITS/${VERSION:-sin-version}-$(date +%Y%m%d).md"
+
+cat > "$FILENAME" << EOF
+## [${VERSION:-sin-version}] - ${DATE}
+
+### Commit: ${MSG}
+**Hash:** ${HASH}
+**Fecha:** ${DATE}
+**Módulo:**
+**Versión:** ${VERSION:-sin-version}
+
+#### Cambios realizados
+$(echo "$MSG" | sed 's/^/\n- /')
+
+#### Archivos modificados
+$(echo "$FILES" | sed 's/^/- `/' | sed 's/$/`/')
+
+#### Criterios de aceptación cumplidos
+- [ ]
+
+#### Notas
+
+EOF
+
+echo "Commit log creado: $FILENAME"

package/src/templates/scripts/log-error.sh

@@ -0,0 +1,45 @@
+#!/bin/bash
+# @generated by openPrompt-Lang
+# Uso: ./scripts/log-error.sh "Título del error" API HIGH auth
+
+TITLE="$1"
+TYPE="$2"
+SEVERITY="$3"
+MODULE="$4"
+DATE=$(date +%Y-%m-%d)
+TIME=$(date +%H:%M)
+FILENAME="docs/LOGS/ERRORES/${TYPE}/$(date +%Y-%m-%d)-$(echo $TITLE | tr '[:upper:]' '[:lower:]' | tr ' ' '-').md"
+
+mkdir -p "docs/LOGS/ERRORES/${TYPE}"
+
+cat > "$FILENAME" << EOF
+# Error: ${TITLE}
+
+**Fecha:** ${DATE} ${TIME}
+**Tipo:** ${TYPE}
+**Severidad:** ${SEVERITY}
+**Módulo:** ${MODULE}
+**Contexto:**
+
+## Descripción
+
+
+## Traza / Log
+\`\`\`
+
+\`\`\`
+
+## Causa raíz
+
+
+## Solución aplicada
+
+
+## Prevención
+
+
+## Archivos relacionados
+
+EOF
+
+echo "Log creado: $FILENAME"

package/src/templates/scripts/validate.sh

@@ -0,0 +1,23 @@
+#!/bin/bash
+# @generated by openPrompt-Lang
+# Pipeline de validación unificado
+set -e
+
+echo "=== Pipeline de Validación (openPrompt-Lang) ==="
+
+echo "[1/5] Linting..."
+npm run lint:check || { echo "❌ Lint falló"; exit 1; }
+
+echo "[2/5] TypeScript check..."
+npm run type:check || { echo "❌ TypeScript falló"; exit 1; }
+
+echo "[3/5] react-doctor..."
+npm run quality:doctor || { echo "❌ react-doctor encontró problemas"; exit 1; }
+
+echo "[4/5] Tests..."
+npm run test:unit || { echo "❌ Tests fallaron"; exit 1; }
+
+echo "[5/5] openPrompt-Lang validate..."
+npx openPrompt-Lang validate || { echo "❌ Validación falló"; exit 1; }
+
+echo "=== ✅ Pipeline completo — Código válido ==="

package/src/ts-transformer/index.cjs

@@ -0,0 +1,86 @@
+var builtinTags = [
+  "use",
+  "kind",
+  "contract",
+  "props",
+  "state",
+  "limit",
+  "forbidden",
+  "compose",
+  "deps",
+  "platform",
+  "scope",
+  "test",
+  "meta",
+  "pattern",
+  "learn-error",
+]
+
+function countNesting(line) {
+  var depth = 0
+  for (var i = 0; i < line.length; i++) {
+    if (line[i] === "(" || line[i] === "{" || line[i] === "[") depth++
+    if (line[i] === ")" || line[i] === "}" || line[i] === "]") depth--
+  }
+  return depth
+}
+
+function stripAnnotations(code, customTags) {
+  var tags = builtinTags.concat(customTags || [])
+  var escaped = tags.map(function (t) {
+    return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+  })
+  var pattern = new RegExp("^\\s*@(" + escaped.join("|") + ")\\(")
+  var lines = code.split("\n")
+  var result = []
+  var i = 0
+
+  while (i < lines.length) {
+    if (pattern.test(lines[i].trim())) {
+      var depth = countNesting(lines[i])
+      while (depth > 0 && i + 1 < lines.length) {
+        i++
+        depth += countNesting(lines[i])
+      }
+      i++
+      continue
+    }
+    result.push(lines[i])
+    i++
+  }
+
+  return result.join("\n")
+}
+
+function createTransformer(program, config) {
+  var customTags = (config && config.customTags) || []
+  var tags = builtinTags.concat(customTags)
+
+  return function (ctx) {
+    return function (sourceFile) {
+      var cleaned = stripAnnotations(sourceFile.text, tags)
+      if (cleaned === sourceFile.text) return sourceFile
+
+      var ts
+      try {
+        ts = require("typescript")
+      } catch (e) {
+        return sourceFile
+      }
+
+      var sf = ts.createSourceFile(
+        sourceFile.fileName,
+        cleaned,
+        ts.ScriptTarget.Latest,
+        true,
+        sourceFile.languageVariant || ts.ScriptKind.TS
+      )
+      return sf
+    }
+  }
+}
+
+module.exports = {
+  stripAnnotations: stripAnnotations,
+  createTransformer: createTransformer,
+}

package/src/utils/ai.js

@@ -1,39 +1,42 @@
 /**
  * openPrompt-Lang AI module
- * 
+ *
  * Proporciona integración con servicios de IA (OpenAI, opencode, etc.)
  * para sugerencias automáticas de stack, estructura y scaffolding.
- * 
+ *
+ * Usa el registry de providers de src/ai/providers.js para evitar
+ * duplicación de lógica de fetch a APIs externas.
+ *
  * Si no hay API key ni opencode, genera un plan detallado para que
  * la IA externa lo ejecute.
  */
 
-import chalk from "chalk";
+import { generateCode } from "../ai/providers.js"
+
+const SYSTEM_PROMPT =
+  "Eres un arquitecto de software. Responde siempre en JSON con keys: stack, folders, modules, priorities"
 
 export async function suggestStack(description) {
   try {
-    // Intenta usar opencode si está disponible
-    const result = await tryOpencode(description);
-    if (result) return result;
+    const result = await tryOpencode(description)
+    if (result) return result
   } catch {
     // fallback
   }
 
   try {
-    // Intenta usar OpenAI si hay API key
-    const result = await tryOpenAI(description);
-    if (result) return result;
+    const result = await tryAIProvider(description)
+    if (result) return result
   } catch {
     // fallback
   }
 
-  // Fallback: generar plan para IA externa
-  return generateFallbackPlan(description);
+  return generateFallbackPlan(description)
 }
 
 async function tryOpencode(description) {
   try {
-    const { execSync } = await import("child_process");
+    const { execSync } = await import("child_process")
     const prompt = `Eres un arquitecto de software. Analiza esta descripción de proyecto y sugiere:
 1. Stack tecnológico (React/Vue/Angular, base de datos, hosting)
 2. Estructura de carpetas inicial
@@ -42,54 +45,33 @@ async function tryOpencode(description) {
 
 Descripción: ${description}
 
-Formato de respuesta: JSON con keys: stack, folders, modules, priorities`;
+Formato de respuesta: JSON con keys: stack, folders, modules, priorities`
 
     const result = execSync(`opencode prompt "${prompt}"`, {
       encoding: "utf-8",
       timeout: 30000,
-    }).trim();
+    }).trim()
 
-    return JSON.parse(result);
+    return JSON.parse(result)
   } catch {
-    return null;
+    return null
   }
 }
 
-async function tryOpenAI(description) {
-  const apiKey = process.env.OPENAI_API_KEY || process.env.OPENPROMPT_API_KEY;
-  if (!apiKey) return null;
-
-  try {
-    const response = await fetch("https://api.openai.com/v1/chat/completions", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${apiKey}`,
-      },
-      body: JSON.stringify({
-        model: "gpt-4",
-        messages: [
-          {
-            role: "system",
-            content:
-              "Eres un arquitecto de software. Responde siempre en JSON con keys: stack, folders, modules, priorities",
-          },
-          { role: "user", content: `Sugiere stack y estructura para: ${description}` },
-        ],
-        temperature: 0.3,
-      }),
-    });
-
-    const data = await response.json();
-    const content = data.choices?.[0]?.message?.content;
-    if (content) {
-      return JSON.parse(content.replace(/```json/g, "").replace(/```/g, "").trim());
-    }
-  } catch {
-    // fallback
-  }
-
-  return null;
+async function tryAIProvider(description) {
+  const prompt = `Sugiere stack y estructura para: ${description}`
+  const content = await generateCode(prompt, {
+    systemPrompt: SYSTEM_PROMPT,
+    temperature: 0.3,
+    maxTokens: 2048,
+  })
+  if (!content) return null
+  return JSON.parse(
+    content
+      .replace(/```json?/g, "")
+      .replace(/```/g, "")
+      .trim()
+  )
 }
 
 function generateFallbackPlan(description) {
@@ -137,7 +119,7 @@ Lista las tareas P0 en orden:
 - Sigue los límites: hook ≤80 líneas, componente ≤120, página ≤200, servicio ≤150
 - 100% Tailwind utility classes
 - Cada componente debe manejar estados: loading, empty, error, success
-`;
+`
 
-  return { plan, source: "fallback" };
+  return { plan, source: "fallback" }
 }