@oneclick.dev/cms-kit 0.0.2 → 0.0.4

package/components/ui/integration-action-builder/integrations/firebase/QueryFirestore.vue

@@ -1,165 +0,0 @@
-<script setup lang="ts">
-import { ChevronsUpDown } from 'lucide-vue-next'
-import InterpolationField from '../../InterpolationField.vue'
-
-const props = defineProps({
-  modelValue: {
-    type: Object,
-    required: true
-  }
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-const form = computed({
-  get() {
-    return props.modelValue || {
-      resource: '',
-      filters: [],
-      sorts: [],
-      limit: null,
-      startAt: null,
-      endAt: null
-    }
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-
-const showAdvanced = ref(false);
-
-// Filters
-const operatorOptions = [
-  { label: '=', value: '==' },
-  { label: '≠', value: '!=' },
-  { label: '<', value: '<' },
-  { label: '≤', value: '<=' },
-  { label: '≥', value: '>=' },
-  { label: '>', value: '>' },
-  { label: 'IN', value: 'in' },
-  { label: 'NOT IN', value: 'not-in' },
-  { label: 'CONTAINS', value: 'array-contains' },
-  { label: 'CONTAINS ANY', value: 'array-contains-any' }
-]
-
-async function addFilter() {
-  if (!form.value.filters) {
-    form.value.filters = []
-  }
-  
-  form.value.filters.push({ field: '', operator: '==', value: '' });
-  await nextTick()
-  const filterFields = document.querySelectorAll('#integration_action_builder_dialog_filters .filter-field')
-  if (filterFields.length) {
-    (filterFields[filterFields.length - 1] as HTMLInputElement).focus()
-  }
-}
-
-function removeFilter(idx: number) {
-  form.value.filters.splice(idx, 1);
-}
-
-// Sorts
-function addSort() {
-  if (!form.value.sorts) {
-    form.value.sorts = []
-  }
-  
-  form.value.sorts.push({ field: '', direction: 'asc' });
-}
-function removeSort(idx: number) {
-  form.value.sorts.splice(idx, 1);
-}
-</script>
-
-<template>
-  <h2 class="text-lg font-semibold mb-2">Query Firestore</h2>
-
-  <div class="flex flex-col gap-2">
-    <div class="flex flex-col gap-1">
-      <p class="text-sm font-semibold">Resource</p>
-      <InterpolationField v-model="form.resource" />
-    </div>
-
-    <div id="integration_action_builder_dialog_filters">
-      <Label class="block text-sm font-medium text-muted-foreground mb-2">Filters</Label>
-      <div class="space-y-2">
-        <div v-for="(filter, idx) in form.filters" :key="idx" class="flex items-center gap-2">
-          <InterpolationField v-model="filter.field" placeholder="Field" class="w-32 filter-field" />
-          <Select v-model="filter.operator">
-            <SelectTrigger class="w-[170px]">
-              <SelectValue />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectGroup>
-                <SelectItem v-for="op in operatorOptions" :key="op.value" :value="op.value">{{ op.label }}</SelectItem>
-              </SelectGroup>
-            </SelectContent>
-          </Select>
-          <InterpolationField v-model="filter.value" placeholder="Value" class="w-32" />
-          <Button variant="ghost" @click="removeFilter(idx)" title="Remove filter">✕</Button>
-        </div>
-        <Button variant="outline" @click="addFilter">+ Add Filter</Button>
-      </div>
-    </div>
-
-    <!-- Sort Section -->
-    <div>
-      <Label class="block text-sm font-medium text-muted-foreground mb-2">Sort</Label>
-      <div class="space-y-2">
-        <div v-for="(sort, idx) in form.sorts" :key="idx" class="flex items-center gap-2">
-          <InterpolationField v-model="sort.field" placeholder="Sort By" class="w-32" />
-          <Select v-model="sort.direction">
-            <SelectTrigger class="w-[180px]">
-              <SelectValue placeholder="Sort by" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectGroup>
-                <SelectItem value="asc">ASC</SelectItem>
-                <SelectItem value="desc">DESC</SelectItem>
-              </SelectGroup>
-            </SelectContent>
-          </Select>
-          <Button variant="ghost" @click="removeSort(idx)" title="Remove sort">✕</Button>
-        </div>
-        <Button variant="outline" @click="addSort">+ Add Sort</Button>
-      </div>
-    </div>
-
-    <!-- Advanced Options -->
-    <Collapsible v-model="showAdvanced">
-      <div class="flex items-center justify-between space-x-4 px-4">
-        <h4 class="text-sm font-semibold">
-          Advanced Options
-        </h4>
-        <CollapsibleTrigger as-child>
-          <Button variant="ghost" size="sm" class="w-9 p-0">
-            <ChevronsUpDown class="size-4" />
-            <span class="sr-only">Toggle</span>
-          </Button>
-        </CollapsibleTrigger>
-      </div>
-      <CollapsibleContent>
-        <div class="grid grid-cols-2 gap-4 mt-2">
-          <div>
-            <Label for="limit">Limit</Label>
-            <InterpolationField v-model="form.limit" placeholder="Limit" />
-          </div>
-          <div>
-            <Label for="offset">Offset</Label>
-            <InterpolationField v-model="form.offset" placeholder="Offset" />
-          </div>
-          <div>
-            <Label for="startAt">StartAt</Label>
-            <InterpolationField v-model="form.startAt" placeholder="StartAt" />
-          </div>
-          <div>
-            <Label for="endAt">EndAt</Label>
-            <InterpolationField v-model="form.endAt" placeholder="EndAt" />
-          </div>
-        </div>
-      </CollapsibleContent>
-    </Collapsible>
-  </div>
-</template>

package/components/ui/integration-action-builder/integrations/firebase/UpdateDocument.vue

@@ -1,6 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div></div>
-</template>

package/components/ui/integration-action-builder/integrations/firebase/index.ts

@@ -1,204 +0,0 @@
-import AddDocument from "./AddDocument.vue"
-import DeleteDocument from "./DeleteDocument.vue"
-import GetDocumentById from "./GetDocumentById.vue"
-import GetCollections from "./GetCollections.vue"
-import QueryCollectionGroup from "./QueryCollectionGroup.vue"
-import QueryFirestore from "./QueryFirestore.vue"
-import UpdateDocument from "./UpdateDocument.vue"
-
-export default {
-  name: "Firebase",
-  serviceTypes: {
-    firestore: {
-      name: "Firestore",
-      actionTypes: {
-        addDocument: {
-          name: "Add document",
-          component: AddDocument,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  documentId: "string",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string | { message: string; code?: string }",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-
-        deleteDocument: {
-          name: "Delete document",
-          component: DeleteDocument,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-
-        getDocumentById: {
-          name: "Get document by id",
-          component: GetDocumentById,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  document: "DocumentData",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-
-        getCollections: {
-          name: "Get collections",
-          component: GetCollections,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  collections: "string[]",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-
-        queryCollectionGroup: {
-          name: "Query collection group",
-          component: QueryCollectionGroup,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  data: "DocumentData[]",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-
-        queryFirestore: {
-          name: "Query firestore",
-          component: QueryFirestore,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  documents: "DocumentData[]",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-
-        updateDocument: {
-          name: "Update document",
-          component: UpdateDocument,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-      },
-    },
-  },
-}

package/components/ui/integration-action-builder/integrations/index.ts

@@ -1,9 +0,0 @@
-import firebase from "./firebase"
-import openai from "./openai"
-import twilio from "./twilio"
-
-export default {
-    FIREBASE: firebase,
-    OPENAI: openai,
-    TWILIO: twilio
-}

package/components/ui/integration-action-builder/integrations/openai/AddDocument.vue

@@ -1,43 +0,0 @@
-<script setup lang="ts">
-import InterpolationField from '../../InterpolationField.vue'
-
-const props = defineProps({
-  modelValue: {
-    type: Object,
-    required: true
-  }
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-const form = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-</script>
-
-<template>
-  <div>
-    <h2 class="text-lg font-semibold mb-2">Add document</h2>
-
-    <div class="flex flex-col gap-2">
-      <div class="flex flex-col gap-1">
-        <p class="text-sm font-semibold">Collection</p>
-        <InterpolationField v-model="form.collection" />
-      </div>
-      <div class="flex flex-col gap-1">
-        <p class="text-sm font-semibold">Document ID</p>
-        <InterpolationField v-model="form.documentId" />
-        <p class="text-xs text-muted-foreground">Leave blank to let Firestore generate a random ID</p>
-      </div>
-      <div class="flex flex-col gap-1">
-        <p class="text-sm font-semibold">Data</p>
-        <InterpolationField v-model="form.data" />
-      </div>
-    </div>
-  </div>
-</template>

package/components/ui/integration-action-builder/integrations/openai/GenerateText.vue

@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import InterpolationField from '../../InterpolationField.vue'
-import { computed } from 'vue'
-import ModelSelector from './components/ModelSelector.vue'
-
-const props = defineProps({
-  modelValue: {
-    type: Object,
-    required: true
-  }
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-const form = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-</script>
-
-<template>
-  <div>
-    <h2 class="text-lg font-semibold mb-2">Generate text</h2>
-
-    <div class="flex flex-col gap-2">
-      <div class="flex flex-col gap-1">
-        <p class="text-sm font-semibold">Model</p>
-        <ModelSelector v-model="form.model" />
-      </div>
-      <div class="flex flex-col gap-1">
-        <p class="text-sm font-semibold">Prompt</p>
-        <InterpolationField v-model="form.prompt" />
-      </div>
-    </div>
-  </div>
-</template>

package/components/ui/integration-action-builder/integrations/openai/components/ModelSelector.vue

@@ -1,75 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-const props = defineProps({
-  modelValue: {
-    type: String,
-    required: true
-  }
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-const mutableValue = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-</script>
-
-<template>
-  <Select v-model="mutableValue">
-    <SelectTrigger class="w-[180px]">
-      <SelectValue placeholder="Select a model" />
-    </SelectTrigger>
-    <SelectContent>
-      <SelectGroup>
-        <SelectLabel>Reasoning models</SelectLabel>
-        <SelectItem value="o4-mini">
-          o4-mini
-        </SelectItem>
-        <SelectItem value="o3">
-          o3
-        </SelectItem>
-        <SelectItem value="o3-pro">
-          o3-pro
-        </SelectItem>
-        <SelectItem value="o3-mini">
-          o3-mini
-        </SelectItem>
-        <SelectItem value="o1">
-          o1
-        </SelectItem>
-        <SelectItem value="o1-pro">
-          o1-pro
-        </SelectItem>
-        <SelectLabel>Flagship chat models</SelectLabel>
-        <SelectItem value="gpt-4.1">
-          GPT-4.1
-        </SelectItem>
-        <SelectItem value="gpt-4o">
-          GPT-4o
-        </SelectItem>
-        <SelectLabel>Cost-optimized models</SelectLabel>
-        <SelectItem value="o4-mini">
-          o4-mini
-        </SelectItem>
-        <SelectItem value="gpt-4.1-mini">
-          GPT-4.1 mini
-        </SelectItem>
-        <SelectItem value="gpt-4.1-nano">
-          GPT-4.1 nano
-        </SelectItem>
-        <SelectItem value="o3-mini">
-          o3-mini
-        </SelectItem>
-        <SelectItem value="gpt-4o-mini">
-          GPT-4o mini
-        </SelectItem>
-      </SelectGroup>
-    </SelectContent>
-  </Select>
-</template>

package/components/ui/integration-action-builder/integrations/openai/index.ts

@@ -1,116 +0,0 @@
-import GenerateText from "./GenerateText.vue"
-import AddDocument from "./AddDocument.vue"
-
-export default {
-  name: "OpenAI",
-  serviceTypes: {
-    text: {
-      name: "Text",
-      actionTypes: {
-        generateText: {
-          name: "Generate text",
-          component: GenerateText,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "true",
-                  response: "string",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string | { message: string; code?: string }",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-        chatWithMemory: {
-          name: "Chat with memory",
-          component: AddDocument,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  documentId: "string",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string | { message: string; code?: string }",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-        moderation: {
-          name: "Moderation",
-          component: AddDocument,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "true",
-                  approved: "boolean",
-                  feedback: "string?"
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string | { message: string; code?: string }",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-        imageGeneration: {
-          name: "Image generation",
-          component: AddDocument,
-          outputs: {
-            success: [
-              {
-                name: "result",
-                type: {
-                  success: "boolean",
-                  documentId: "string",
-                  message: "string?",
-                },
-              },
-            ],
-            error: [
-              {
-                name: "result",
-                type: {
-                  success: "false",
-                  error: "string | { message: string; code?: string }",
-                  statusCode: "number?",
-                },
-              },
-            ],
-          },
-        },
-      },
-    },
-  },
-}

package/components/ui/integration-action-builder/integrations/twilio/MakeCall.vue

@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import InterpolationField from '../../InterpolationField.vue'
-import { computed } from 'vue'
-import ModelSelector from './components/ModelSelector.vue'
-
-const props = defineProps({
-  modelValue: {
-    type: Object,
-    required: true
-  }
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-const form = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    emit('update:modelValue', value)
-  }
-})
-</script>
-
-<template>
-  <div>
-    <h2 class="text-lg font-semibold mb-2">Generate text</h2>
-
-    <div class="flex flex-col gap-2">
-      <div class="flex flex-col gap-1">
-        <p class="text-sm font-semibold">Model</p>
-        <ModelSelector v-model="form.model" />
-      </div>
-      <div class="flex flex-col gap-1">
-        <p class="text-sm font-semibold">Prompt</p>
-        <InterpolationField v-model="form.prompt" />
-      </div>
-    </div>
-  </div>
-</template>