Initial commit

Author: adnanrahic

sematext-experience/.gitignore

@@ -0,0 +1,3 @@
+.vercel
+.env
+node_modules

sematext-experience/api/callback.js

@@ -0,0 +1,30 @@
+const { parse } = require('url')
+const { HOST } = require('../lib/env')
+const redirectUri = `${HOST}/api/callback`
+const getAccessToken = require('../lib/get-access-token')
+const setMetadata = require('../lib/set-metadata')
+
+module.exports = async (req, res) => {
+  const {
+    query: { code, configurationId, next, teamId }
+  } = parse(req.url, true)
+  if (!code) {
+    res.statusCode = 400
+    res.end('missing query parameter: code')
+    return
+  }
+
+  console.log('Getting accessToken')
+  console.log('redirectUri: ', redirectUri)
+  const token = await getAccessToken({
+    code,
+    redirectUri
+  })
+
+  console.log('Storing accessToken to metadata')
+  await setMetadata({ configurationId, token, teamId }, { token })
+
+  res.statusCode = 302
+  res.setHeader('Location', next)
+  res.end()
+}

sematext-experience/api/ui.js

@@ -0,0 +1,16 @@
+const { withUiHook } = require('@zeit/integration-utils')
+const route = require('../lib/route')
+
+module.exports = withUiHook(async arg => {
+  let {
+    payload: { action }
+  } = arg
+  if (action === 'view') {
+    action = 'index'
+  }
+  if (action === 'region') {
+    action = 'index'
+  }
+
+  return route(arg, action)
+})

sematext-experience/lib/env.js

@@ -0,0 +1,9 @@
+const REQUIRED = ['CLIENT_ID', 'CLIENT_SECRET', 'HOST']
+
+for (const name of REQUIRED) {
+  if (!process.env[name]) {
+    throw new Error(`Missing environment variables: ${name}`)
+  }
+}
+
+module.exports = process.env

sematext-experience/lib/get-access-token.js

@@ -0,0 +1,26 @@
+const fetch = require('node-fetch')
+const { stringify } = require('querystring')
+const { CLIENT_ID, CLIENT_SECRET } = require('./env')
+const responseError = require('./response-error')
+
+module.exports = async ({ code, redirectUri }) => {
+  const res = await fetch('https://api.zeit.co/v2/oauth/access_token', {
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
+    method: 'POST',
+    body: stringify({
+      client_id: CLIENT_ID,
+      client_secret: CLIENT_SECRET,
+      code,
+      redirect_uri: redirectUri
+    })
+  })
+
+  if (!res.ok) {
+    throw await responseError(res)
+  }
+
+  const body = await res.json()
+  return body.access_token
+}

sematext-experience/lib/response-error.js

@@ -0,0 +1,9 @@
+module.exports = async res => {
+  const body = await res.json()
+  const err = new Error(
+    body.error ? body.error.message : 'Internal server error'
+  )
+  err.res = res
+  err.body = body
+  return err
+}

sematext-experience/lib/route.js

@@ -0,0 +1,21 @@
+const { parse } = require('url')
+let routes
+
+module.exports = (arg, action, state = {}) => {
+  if (!routes) {
+    routes = {
+      'index': require('../ui')
+    }
+  }
+
+  if (!action) {
+    action = arg.payload.action
+  }
+
+  const { pathname, query } = parse(action, true)
+  for (const [p, fn] of Object.entries(routes)) {
+    if (p === pathname) {
+      return fn(arg, { params: query, state })
+    }
+  }
+}

sematext-experience/lib/set-metadata.js

@@ -0,0 +1,26 @@
+const fetch = require('node-fetch')
+const { stringify } = require('querystring')
+const responseError = require('./response-error')
+
+module.exports = async ({ configurationId, teamId, token }, data) => {
+  const query = stringify({ teamId })
+  const res = await fetch(
+    `https://api.zeit.co/v1/integrations/configuration/${encodeURIComponent(
+      configurationId
+    )}/metadata?${query}`,
+    {
+      method: 'POST',
+      headers: {
+        Authorization: `Bearer ${token}`
+      },
+      body: JSON.stringify(data)
+    }
+  )
+
+  const body = await res.json()
+  if (!res.ok) {
+    throw await responseError(res)
+  }
+
+  return body
+}

sematext-experience/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "sematext-experience",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "format": "prettier-standard --format",
+    "lint": "prettier-standard --format --lint '**/*.js'"
+  },
+  "dependencies": {
+    "@zeit/integration-utils": "0.6.4",
+    "ms": "2.1.2",
+    "node-fetch": "2.6.0",
+    "raw-body": "2.4.1"
+  },
+  "devDependencies": {
+    "prettier-standard": "^16.3.0"
+  }
+}

sematext-experience/ui/index.js

@@ -0,0 +1,48 @@
+const { htm } = require('@zeit/integration-utils')
+
+module.exports = async (arg, { state }) => {
+  const { payload } = arg
+  const { clientState, teamId, token } = payload
+  const {
+    region = 'us'
+  } = clientState
+  const { errorMessage } = state
+
+  return htm`
+    <Page>
+     
+      <Fieldset>
+        <FsContent>
+          <H2>Create Your Sematext Account</H2>
+          <P>Visit <Link href="https://apps.sematext.com/ui/registration" target="_blank">Sematext</Link> and create an account.</P>
+        </FsContent>
+        <FsFooter>
+          If you already have an account, you can use that account instead.
+        </FsFooter>
+      </Fieldset>
+
+      <Fieldset>
+        <FsContent>
+          <H2>Select Region</H2>
+          <P>The region you chose when creating your account.</P>
+          <Select name="region" value=${region} action="region">
+            <Option value="us" caption="US" />
+            <Option value="eu" caption="EU" />
+          </Select>
+        </FsContent>
+      </Fieldset>
+
+      <Fieldset>
+        <FsContent>
+          <H2>Create an Experience App</H2>
+          <P>Go to <Link href=${`https://apps.${
+            region === 'us' ? '' : 'eu.'
+          }sematext.com/ui/rum`} target="_blank">Sematext Experience</Link> and click on the <B>"+ New Experience App"</B> button to create an App.</P>
+          <P>Once the App is created, follow the <B>"Experience Script Installation"</B> to activate real user monitoring.</P>
+        </FsContent>
+      </Fieldset>
+
+      ${errorMessage ? htm`<Notice type="error">${errorMessage}</Notice>` : ''}
+    </Page>
+  `
+}

sematext-experience/vercel.json

@@ -0,0 +1,18 @@
+{
+  "version": 2,
+  "functions": {
+    "api/ui.js": {
+      "memory": 1024,
+      "maxDuration": 10
+    },
+    "api/callback.js": {
+      "memory": 1024,
+      "maxDuration": 10
+    }
+  },
+  "env": {
+    "CLIENT_ID": "@sematext-experience-client-id",
+    "CLIENT_SECRET": "@sematext-experience-client-secret",
+    "HOST": "@sematext-experience-host"
+  }
+}