{"version":3,"file":"C04TbW_b.js","sources":["../../../../components/content/Pages/Connectors.vue"],"sourcesContent":["<template>\n    <div class=\"my-4\">\n        <svg width=\"0\" height=\"0\" class=\"hidden\">\n            <symbol aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\n                id=\"check\">\n                <path fill-rule=\"evenodd\"\n                    d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n                    clip-rule=\"evenodd\"></path>\n            </symbol>\n            <symbol aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"\n                id=\"cross\">\n                <path fill-rule=\"evenodd\"\n                    d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                    clip-rule=\"evenodd\"></path>\n            </symbol>\n        </svg>\n\n        <UInput v-model=\"q\" placeholder=\"Search connectors...\" icon=\"heroicons:magnifying-glass-20-solid\" />\n\n        <UTable :rows=\"filteredPathwayRows\" :columns=\"pathwayColumns\" :sort=\"sort\" class=\"mt-4\"\n            :ui=\"{ thead: 'sticky top-header left-0 bg-white', wrapper: 'md:overflow-x-visible' }\">\n            <template #name-data=\"{ row }\">\n                <div class=\"flex items-center gap-2\">\n                    <div class=\"w-8 h-8 bg-primary-100 rounded-md flex items-center justify-center\" v-if=\"row.icon\">\n                        <Icon :name=\"row.icon\" class=\"text-primary-500\" />\n                    </div>\n                    <div class=\"w-8 h-8 bg-primary-100 rounded-md flex items-center justify-center\" v-else>\n                        <Icon name=\"heroicons:arrows-right-left-16-solid\" class=\"text-primary-500\" />\n                    </div>\n                    <span class=\"text-base pw-text-black\">\n                        {{ row.name }}\n                        <span class=\"bg-primary-300 text-primary-600 p-1 px-2 text-xs align-top rounded-md font-bold\"\n                            title=\"Pathway API\" v-if=\"row?.api\">pw.io</span>\n                        <a href=\"/pricing\"\n                            class=\"bg-white border-2 border-primary-500 text-primary-500 p-1 px-2 text-xs align-top rounded-md font-bold ml-2\"\n                            title=\"Pathway API\" v-if=\"row?.badge\">{{ row?.badge }}</a>\n                    </span>\n                </div>\n            </template>\n            <template #docs-data=\"{ row }\">\n                <a :href=\"row.href\" :target=\"row.href.startsWith('#') ? '' : '_blank'\"\n                    class=\"text-primary-500 underline\">Read more\n                </a>\n            </template>\n            <template #input-data=\"{ row }\">\n                <svg class=\"inline w-5  h-5 color-primary-500\" v-if=\"row.input\">\n                    <use xlink:href=\"#check\"></use>\n                </svg>\n                <svg class=\"inline w-5  h-5 color-secondary-500\" v-else>\n                    <use xlink:href=\"#cross\"></use>\n                </svg>\n            </template>\n            <template #output-data=\"{ row }\">\n                <svg class=\"inline w-5  h-5 color-primary-500\" v-if=\"row.output\">\n                    <use xlink:href=\"#check\"></use>\n                </svg>\n                <svg class=\"inline w-5  h-5 color-secondary-500\" v-else>\n                    <use xlink:href=\"#cross\"></use>\n                </svg>\n            </template>\n            <template #streaming-data=\"{ row }\">\n                <svg class=\"inline w-5  h-5 color-primary-500\" v-if=\"row.streaming\">\n                    <use xlink:href=\"#check\"></use>\n                </svg>\n                <svg class=\"inline w-5  h-5 color-secondary-500\" v-else>\n                    <use xlink:href=\"#cross\"></use>\n                </svg>\n            </template>\n            <template #static-data=\"{ row }\">\n                <svg class=\"inline w-5  h-5 color-primary-500\" v-if=\"row.static\">\n                    <use xlink:href=\"#check\"></use>\n                </svg>\n                <svg class=\"inline w-5  h-5 color-secondary-500\" v-else>\n                    <use xlink:href=\"#cross\"></use>\n                </svg>\n            </template>\n            <!-- <template #Icon-data=\"{ row }\">\n                <img :src=\"row.Icon\" alt=\"\" class=\"w-10 h-10\" />\n            </template>\n            <template #Source-data=\"{ row }\">\n                <a :href=\"row.Source\" target=\"_blank\" class=\"text-primary-500 underline\">Source\n                    <Icon name=\"heroicons:arrow-up-right-16-solid\" class=\"inline mr-1 align-top text-xs\" />\n                </a>\n            </template>\n            <template #Docs-data=\"{ row }\">\n                <a :href=\"row.href\" target=\"_blank\" class=\"text-primary-500 underline\">Docs\n                    <Icon name=\"heroicons:arrow-up-right-16-solid\" class=\"inline mr-1 align-top text-xs\" />\n                </a>\n            </template> -->\n        </UTable>\n\n        <div class=\"my-8\">\n            <h2 class=\"font-bold text-2xl pw-text-black\" id=\"airbyte-input-connectors\">Airbyte input connectors\n                available in\n                Pathway</h2>\n            <p class=\"mt-4\">Using its <nuxt-link to=\"/developers/api-docs/pathway-io/airbyte\"\n                    class=\"text-primary-500 hover:underline\">Airbyte input\n                    connector</nuxt-link>, Pathway allows you to use any of the <nuxt-link\n                    to=\"https://connectors.airbyte.com/files/generated_reports/connector_registry_report.html\"\n                    class=\"text-primary-500 hover:underline\">Airbyte source\n                    connectors</nuxt-link>,\n                enabling\n                you to\n                you over 350 data sources. You can see how to use Pathway's Airbyte connector in <nuxt-link\n                    to=\"/developers/templates/delta_lake_etl\" class=\"text-primary-500 hover:underline\">this\n                    example</nuxt-link>.\n            </p>\n            <p class=\"mt-4\">Here is the list of the available Airbyte source connectors you can use with Pathway:</p>\n        </div>\n        <UTable :rows=\"filteredRows\" :columns=\"columns\" class=\"mt-4\"\n            :ui=\"{ thead: 'sticky top-header left-0 bg-white', wrapper: 'md:overflow-x-visible' }\">\n            <template #Connector-Name-data=\"{ row }\">\n                <span class=\"text-base pw-text-black\">{{ row['Connector Name'] }}</span>\n\n            </template>\n            <template #Icon-data=\"{ row }\">\n                <img :src=\"row.Icon\" alt=\"\" class=\"w-10 h-10\" />\n            </template>\n            <template #Source-data=\"{ row }\">\n                <a :href=\"row.Source\" target=\"_blank\" class=\"text-primary-500 underline\">Source\n                    <Icon name=\"heroicons:arrow-up-right-16-solid\" class=\"inline mr-1 align-top text-xs\" />\n                </a>\n            </template>\n            <template #Docs-data=\"{ row }\">\n                <a :href=\"row.Docs\" target=\"_blank\" class=\"text-primary-500 underline\">Docs\n                    <Icon name=\"heroicons:arrow-up-right-16-solid\" class=\"inline mr-1 align-top text-xs\" />\n                </a>\n            </template>\n        </UTable>\n    </div>\n</template>\n\n\n<script setup>\nconst { page } = useContent()\n\nimport connectors from '~/server/data/connectors_airbyte.json'\nimport pathwayConnectorsAPI from '~/server/data/connectors.json'\nconst sources = connectors[0]\n\nconst pathwayConnectorsArticles = ref(await queryContent('/developers/user-guide/connect/connectors').where({ '_path': { $not: page.value._path }, 'hideInConnectorList': { $not: true } }).without(['body']).find())\n\n// const pathwayConnectorsFromAPI = ref(await queryContent('/developers/api-docs/pathway-io/').without(['body']).find())\n\nconst pathwayConnectorsFromAPI = apiIntoRows(pathwayConnectorsAPI)\n\nconst pathwayConnectors = articlesIntoRows(pathwayConnectorsArticles.value).concat(pathwayConnectorsFromAPI)\n\nconst sort = ref({\n    column: 'name',\n    direction: 'asc'\n})\n\nconst pathwayColumns = [{\n    key: \"name\",\n    label: \"Connector\",\n    sortable: true\n}, {\n    key: \"input\",\n    label: \"Input\"\n}, {\n    key: \"output\",\n    label: \"Output\"\n}\n    // , {\n    //     key: \"streaming\",\n    //     label: \"⚡ Live sync\"\n    // }\n    //     , {\n    //     key: \"static\",\n    //     label: \"Static\",\n    //     sortable: true\n    // }\n    , {\n    key: \"docs\",\n    label: \"Docs\"\n}]\n\nconst columns = [{\n    key: \"Connector-Name\",\n    label: \"Airbyte connector\",\n    sortable: true\n},\n{ key: \"Icon\", label: \"Icon\" },\n{ key: \"Source\", label: \"Source\" },\n{ key: \"Docs\", label: \"Docs\" }\n]\n\nconst q = ref('')\n\nconst filteredPathwayRows = computed(() => {\n\n    const filteredPathwayConnectors = pathwayConnectors.filter((item, i, self) => {\n        const normalizedName = item.name.toLowerCase()\n        return i === self.findIndex(a => a.name.toLowerCase() === normalizedName)\n    })\n\n    if (!q.value) {\n        return filteredPathwayConnectors\n    }\n\n    return filteredPathwayConnectors.filter((source) => {\n        return source.name.match(new RegExp(q.value, 'ig')) || source?.keywords?.includes(q.value)\n    })\n})\n\n/* Transform articles into list */\n\nfunction articlesIntoRows (articles) {\n    const rows = []\n    const ignore = [\"/developers/user-guide/connect/connectors-in-pathway\"]\n    articles.forEach((article, i) => {\n        if (ignore.includes(article._path)) {\n            return;\n        }\n        const row = {\n            id: i,\n            name: article.title.split(\" \").filter((words) => words !== 'connectors' && words !== 'connector').join(\" \"),\n            href: article._path,\n            icon: article?.tech_icons?.[0],\n            badge: article?.badge\n        }\n        if (row.name === 'Airbyte') {\n            row.href = \"#airbyte-input-connectors\"\n        }\n        article?.keywords?.forEach((keyword) => {\n            row[keyword] = true\n        })\n        rows.push(row)\n    })\n    return rows\n}\n\n/* Transform API articles into list */\nfunction apiIntoRows (articles) {\n    const rows = []\n    articles.forEach((article, i) => {\n        const row = {\n            id: `api-${i}`,\n            name: article.name,\n            href: article.href,\n            api: true,\n            icon: article?.icon,\n            badge: article?.badge\n        }\n        article?.keywords?.forEach((keyword) => {\n            row[keyword] = true\n        })\n        rows.push(row)\n    })\n\n    return rows\n}\n\nconst filteredRows = computed(() => {\n    if (!q.value) {\n        return sources\n    }\n\n    return sources.filter((source) => {\n        return Object.values(source).some((value) => {\n            return String(value).toLowerCase().includes(q.value.toLowerCase())\n        })\n    })\n})\n</script>\n"],"names":["page","useContent","sources","connectors","pathwayConnectorsArticles","ref","__temp","__restore","_withAsyncContext","queryContent","pathwayConnectorsFromAPI","apiIntoRows","pathwayConnectorsAPI","pathwayConnectors","articlesIntoRows","sort","pathwayColumns","columns","q","filteredPathwayRows","computed","filteredPathwayConnectors","item","i","self","normalizedName","a","source","_a","articles","rows","ignore","article","row","words","_b","keyword","filteredRows","value"],"mappings":"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"}