@hopara/iframe 2.4.56 → 2.4.58

package/src/view/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import {createRoot} from 'react-dom/client'
+import { View } from './View'
+import * as serviceWorkerRegistration from '@hopara/service-worker/src/Registration'
+import { initRum } from '@hopara/rum'
+
+initRum({
+  service: 'embedded',
+  sessionReplaySampleRate: 0,
+  // we need to set this to true to be able to record sessions in iframes
+  usePartitionedCrossSiteSessionCookie: true,
+  trackViewsManually: true
+})
+
+createRoot(
+  document.getElementById('root') as Element)
+  .render(
+    <View />)
+
+serviceWorkerRegistration.register()

package/tasks/preprocessHTML.js

@@ -1,74 +0,0 @@
-const fs = require('fs')
-const path = require('path')
-const pkg = require('../package.json')
-
-const appVersion = () => {
-  if (!process.env.BUILD_NUMBER) return pkg.version
-  return `${pkg.version}+${process.env.BUILD_NUMBER}`
-}
-
-const getGTMKey = () => {
-  if (process.env.BUILD_ENV === 'production') return 'GTM-5HS5GGJQ'
-  return 'GTM-PSBHVD56'
-}
-
-const gtagKey = () => {
-  if (process.env.BUILD_ENV === 'production') return 'G-VFNH0BEP1Z'
-  return 'G-0J2G78CGQY'
-}
-
-const resolvePath = (resourcePath) => {
-  return path.resolve(__dirname, '..', resourcePath)
-}
-
-const readFile = (path) => new Promise((resolve, reject) => {
-  fs.readFile(path, 'utf8', (err, data) => {
-    if (err) return reject(err)
-    return resolve(data)
-  })
-})
-
-const saveFile = (path, data) => new Promise((resolve, reject) => {
-  fs.writeFile(path, data, 'utf8', (err) => {
-    if (err) return reject(err)
-    return resolve()
-  })
-})
-
-const replaceIn = (replaceCases, str) => {
-  return replaceCases.reduce((str, c) => {
-    return str.replace(new RegExp(c[0], 'g'), c[1])
-  }, str)
-}
-
-module.exports.main = () => {
-  const srcPath = resolvePath('./resources/index.html')
-  const destPath = resolvePath('./public/index.html')
-
-  const CONFIG = {
-    gmtKey: process.env.GTM_KEY || getGTMKey(),
-    gtagKey: process.env.GTAG_KEY || gtagKey(),
-    appName: process.env.GTAG_APP_NAME || 'Kyrix',
-    appVersion: appVersion(),
-  }
-   
-  const replaceCases = [
-    ['%VERSION%', appVersion()],
-    ['%GTM_KEY%', CONFIG.gmtKey],
-    ['%GTAG_KEY%', CONFIG.gtagKey],
-    ['%GTAG_APP_NAME%', CONFIG.appName],
-    ['%GTAG_APP_VERSION%', CONFIG.appVersion],
-  ]
-
-  readFile(srcPath)
-      .then((fileString) => {
-        const replacedFileString = replaceIn(replaceCases, fileString)
-        return saveFile(destPath, replacedFileString)
-      })
-      .then(() => process.exit(0))
-      .catch(() => process.exit(1))
-}
-
-// execute script
-// eslint-disable-next-line no-invalid-this
-this.main()

package/tests/spec/view.system.test.js

@@ -1,57 +0,0 @@
-const path = require('path')
-const {responses, httpServer, front} = require('@hopara/system-test')
-const mockServer = require('mockttp').getLocal({cors: httpServer.cors})
-
-const waitTime = () => {
-  if (process.env.DEBUGGER) return 1200000
-  return 2000
-}
-
-const mismatchPercentage = 0.2
-
-const goldenImagesDir = path.resolve(__dirname, '..', 'golden-images')
-
-module.exports = {
-  'before': async () => await mockServer.start(httpServer.port),
-  'after': async () => await mockServer.stop(),
-
-  'Circle Layer': (browser) => {
-    mockServer.get('/visualization/circle').thenReply(200, JSON.stringify(responses.visualization.circle))
-    mockServer.get('/view/queryName/row').thenReply(200, JSON.stringify(responses.geo.circle))
-
-    browser.setWindowSize(1280, 800)
-      .url(`http://localhost:${front.port}/`)
-      .execute(() => {
-        window.postMessage({
-          toolbar: false,
-          visualizationId: 'circle',
-          tenant: 'hopara.io',
-          accessToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyLCJ0ZW5hbnRzIjpbImhvcGFyYS5pbyJdLCJzY29wZSI6ImFwcDpsaXN0IGFwcDpyZWFkIHJlc291cmNlOnJlYWQgcm93OnJlYWQgdGVuYW50OnJlYWQgcmVzb3VyY2U6d3JpdGUgcm93OndyaXRlIGRhdGEtc291cmNlOnJlYWQgYXBwOndyaXRlIHRhYmxlOndyaXRlIGRhdGEtc291cmNlOndyaXRlIHZpZXc6d3JpdGUiLCJleHAiOjIwMzM5MjU2NTV9.wr6kuk3y42nT9V19U8kNMTp5iPSqJuds7IQp03ILH18',
-          targetElementId: 'embedded-target-element',
-          __hopara__eventType__: 'init',
-        }, '*')
-      })
-      .pause(waitTime())
-      .waitForElementVisible('#visualization-nav-bar')
-      .compareScreenshot('circle-layer.png', mismatchPercentage, goldenImagesDir)
-  },
-  // 'Circle Layer With Entites': (browser) => {
-  //   mockServer.get('/visualization/circle').thenReply(200, JSON.stringify(responses.visualization.circleWithEntities))
-  //   mockServer.get('/view/queryName/row').thenReply(200, JSON.stringify(responses.geo.circle))
-  //
-  //   browser.setWindowSize(1280, 800)
-  //     .url(`http://localhost:${front.port}/`)
-  //     .execute(() => {
-  //       window.postMessage({
-  //         visualizationId: 'circle',
-  //         tenant: 'hopara.io',
-  //         accessToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyLCJ0ZW5hbnRzIjpbImhvcGFyYS5pbyJdLCJzY29wZSI6ImFwcDpsaXN0IGFwcDpyZWFkIHJlc291cmNlOnJlYWQgcm93OnJlYWQgdGVuYW50OnJlYWQgcmVzb3VyY2U6d3JpdGUgcm93OndyaXRlIGRhdGEtc291cmNlOnJlYWQgYXBwOndyaXRlIHRhYmxlOndyaXRlIGRhdGEtc291cmNlOndyaXRlIHZpZXc6d3JpdGUiLCJleHAiOjIwMzM5MjU2NTV9.wr6kuk3y42nT9V19U8kNMTp5iPSqJuds7IQp03ILH18',
-  //         targetElementId: 'embedded-target-element',
-  //         __hopara__eventType__: 'init'
-  //       }, '*')
-  //     })
-  //     .pause(waitTime())
-  //     .waitForElementVisible('#_hopara_main_view_')
-  //     .compareScreenshot('circle-layer-with-entities.png', mismatchPercentage)
-  // },
-}

package/tests/systemTest.js

@@ -1,15 +0,0 @@
-/* eslint-disable no-invalid-this */
-const path = require('path')
-const {nightwatch} = require('@hopara/system-test')
-
-const BUILD_DIR_NAME = process.env['BUILD_DIR_NAME'] || 'build'
-const buildPath = path.resolve(__dirname, '../', BUILD_DIR_NAME)
-const server = nightwatch.createServer(buildPath)
-
-server.listen(3456, 'localhost', function(err) {
-  // eslint-disable-next-line
-  console.log('server starting...', this.address())
-
-  if (err) throw err
-  nightwatch.spawCmd(this)
-})