Merge pull request #5506 from segmentio/thomas/new-remote-tables

add new sources table and remove sources from old regional table

Author: pwseg

src/_data/regional-support.yml

@@ -45,6 +45,17 @@ sources:
     - google-ads
     - facebook-ads
     - iterable
+    - wootric
+    - voucherify
+    - moengage-source
+    - mailmodo-source
+    - gwen-webhooks
+    - customerio
+    - clevertap
+    - braze
+    - beamer
+    - airship
+    - adwords
   endpoint:
     - intercom
     - amp

src/_includes/content/regional-integrations-table.md

@@ -1,12 +1,10 @@
-{% assign sources = site.data.catalog.sources.items | where: "hidden", "false" %}
 {% assign destinations = site.data.catalog.destinations.items %}
 {% assign warehouses = site.data.catalog.regional-supported.warehouses %}
 
 <input class="table-search" type="text" id="filterInput" onkeyup="searchFilter()"
   placeholder="Search for an integration..">
 <div class="button-container" id="btnContainer">
   <a href="#" id="all" class="button button-link active">All</a>
-  <a href="#" id="source" class="button button-link">Sources</a>
   <a href="#" id="destination" class="button button-link">Destinations</a>
   <a href="#" id="warehouse" class="button button-link">Warehouses</a>
 </div>
@@ -21,24 +19,6 @@
     </tr>
   </thead>
   <tbody>
-    <tr class="settingRow source ">
-      <td colspan="4" style="font-weight: bold; background-color:fafbff;font-size: 10px; text-transform: uppercase;"
-        id="settingRow">
-        Sources</td>
-    </tr>
-    {% for source in sources %}
-    <tr class="settingRow source" id="settingRow">
-      <td><a href="/docs/{{source.url}}">{{source.display_name}}</a></td>
-      <td>{% if source.regions contains "us" %}<img class="inline" src="/docs/images/supported.svg" />{% else %}<img
-          alt="" class="inline" src="/docs/images/unsupported.svg" />{% endif %}</td>
-      <td>{% if source.regions contains "eu" and source.endpoints contains "us" %}<img class="inline"
-          src="/docs/images/supported.svg" />{% else %}<img alt="" class="inline"
-          src="/docs/images/unsupported.svg" />{% endif %}</td>
-      <td> {% if source.regions contains "eu" and source.endpoints contains "eu" %}<img class="inline"
-          src="/docs/images/supported.svg" />{% else %}<img alt="" class="inline"
-          src="/docs/images/unsupported.svg" />{% endif %}</td>
-    </tr>
-    {% endfor %}
     <tr class="settingRow destination">
       <td colspan="4" style="font-weight: bold; background-color:fafbff;font-size: 10px; text-transform: uppercase;"
         id="settingRow">
@@ -100,4 +80,4 @@
     }
   }
 
-</script>
+</script>

src/_includes/content/regional-sources-table.md

@@ -0,0 +1,54 @@
+{% assign sources = site.data.catalog.sources.items | where: "hidden", "false" %}
+
+<input class="table-search" type="text" id="sourceFilterInput" onkeyup="searchFilterSources()"
+  placeholder="Search for an source..">
+
+<table id="sourceSettingsTable">
+  <thead>
+    <tr>
+      <th>Integration</th>
+      <th>US Workspace</th>
+      <th>EU workspace</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr class="sourceSettingRow source">
+      <td colspan="4" style="font-weight: bold; background-color:fafbff;font-size: 10px; text-transform: uppercase;"
+        id="sourceSettingRow">
+        Sources</td>
+    </tr>
+    {% for source in sources %}
+    <tr class="sourceSettingRow source" id="sourceSettingRow">
+      <td><a href="/docs/{{source.url}}">{{source.display_name}}</a></td>
+      <td>{% if source.regions contains "us" %}<img class="inline" src="/docs/images/supported.svg" />{% else %}<img
+          alt="" class="inline" src="/docs/images/unsupported.svg" />{% endif %}</td>
+      <td> {% if source.regions contains "eu" %}<img class="inline"
+          src="/docs/images/supported.svg" />{% else %}<img alt="" class="inline"
+          src="/docs/images/unsupported.svg" />{% endif %}</td>
+    </tr>
+    {% endfor %}
+  </tbody>
+</table>
+
+<script>
+  function searchFilterSources() {
+    var input, filter, table, tr, td, i, txtValue;
+
+    input = document.getElementById("sourceFilterInput");
+    filter = input.value.toUpperCase();
+    table = document.getElementById("sourceSettingsTable");
+    tr = document.getElementsByClassName("sourceSettingRow");
+    for (i = 0; i < tr.length; i++) {
+      td = tr[i].getElementsByTagName("td")[0];
+      if (td) {
+        txtValue = td.textContent || td.innerText;
+        if (txtValue.toUpperCase().indexOf(filter) > -1) {
+          tr[i].style.display = "";
+        } else {
+          tr[i].style.display = "none"
+        }
+      }
+    }
+  }
+
+</script>

src/guides/regional-segment.md

@@ -88,3 +88,12 @@ Use Segment's custom CIDR `3.251.148.96/29` while authorizing Segment to write i
 The following integrations marked with a ![Supports EU regional endpoints](/docs/images/supported.svg){:class="inline"} (checkmark) support EU Regional endpoints.
 
 {% include content/regional-integrations-table.md %}
+
+## Source Regional support
+
+> info "Don't see regional support for a source you're using?"
+> As more of the partner Sources start to support posting data to our regional endpoint, Segment will update this list. Your contact for that tool should have a timeline for when they're hoping to support regional data ingestion. You can also visit Segment's [support page](https://segment.com/help/contact/) for any Segment-related questions.
+
+The following Sources marked with a ![Supports EU regional endpoints](/docs/images/supported.svg){:class="inline"} (checkmark) are supported in EU workspaces.
+
+{% include content/regional-sources-table.md %}