15 |
22 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/microservices/frontend/components/navigation.html:
--------------------------------------------------------------------------------
1 |
2 |
40 |
46 |
--------------------------------------------------------------------------------
/microservices/frontend/components/graph.html:
--------------------------------------------------------------------------------
1 |
50 |
16 |
20 |
21 |
23 |
24 |
31 |
32 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 | 
72 |
73 |
74 | 25 min - 99c deliver over $15 order
75 |
15 |
22 |
23 |
44 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
--------------------------------------------------------------------------------
/microservices/frontend/components/clientHelpers/ordersAPI.js:
--------------------------------------------------------------------------------
1 | async function createOrder(order, config, sendOnly) {
2 | if (STATIC_DATA) {
3 | console.log(STATIC_DATA)
4 | return new Promise(resolve => {
5 | resolve("noop")
6 | })
7 | } else {
8 | let temp = config || {}
9 | let kitchenSpeed = temp.kitchenSpeed || 1000, courierSpeed = temp.courierSpeed || 1000
10 | let jsonBodyRequest = {...order, kitchenSpeed, courierSpeed}
11 | let invocationRequest = await fetch(API_URL.concat("/createOrder"), {
12 | method: 'POST',
13 | headers: {
14 | 'Content-Type': 'application/json'
15 | },
16 | body: JSON.stringify(jsonBodyRequest)
17 | })
18 | let invocationResponse = await invocationRequest.json()
19 | let invocationId = invocationResponse.requestId
20 | let count = 10 // 10 tries
21 | if (sendOnly) {
22 | count = 0
23 | return invocationResponse
24 | }
25 | while (count > 0) {
26 | let inlineDelay = await new Promise(resolve => setTimeout(resolve, 250)) // 250ms
27 | statusRequest = await fetch(API_URL.concat("/status/").concat(invocationId))
28 | statusJson = await statusRequest.json()
29 | if (statusJson.status != "processing") {
30 | return {...statusJson, ...invocationResponse}
31 | }
32 | count--
33 | }
34 | }
35 | }
36 |
37 | async function getOrdersOfUser(userId) {
38 | if (STATIC_DATA) {
39 | console.log(STATIC_DATA)
40 | return new Promise(resolve => {
41 | resolve("noop")
42 | })
43 | } else {
44 | let invocationRequest = await fetch(API_URL.concat(`/user/${userId}/orders`))
45 | let invocationResponse = await invocationRequest.json()
46 | let invocationId = invocationResponse.requestId
47 | let count = 10 // 10 tries
48 | while (count > 0) {
49 | let inlineDelay = await new Promise(resolve => setTimeout(resolve, 250)) // 250ms
50 | statusRequest = await fetch(API_URL.concat("/status/").concat(invocationId))
51 | statusJson = await statusRequest.json()
52 | if (statusJson.status != "processing") {
53 | return statusJson
54 | }
55 | count--
56 | }
57 | }
58 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | lerna-debug.log*
8 |
9 | # Diagnostic reports (https://nodejs.org/api/report.html)
10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
11 |
12 | # Runtime data
13 | pids
14 | *.pid
15 | *.seed
16 | *.pid.lock
17 |
18 | # Directory for instrumented libs generated by jscoverage/JSCover
19 | lib-cov
20 |
21 | # Coverage directory used by tools like istanbul
22 | coverage
23 | *.lcov
24 |
25 | # nyc test coverage
26 | .nyc_output
27 |
28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
29 | .grunt
30 |
31 | # Bower dependency directory (https://bower.io/)
32 | bower_components
33 |
34 | # node-waf configuration
35 | .lock-wscript
36 |
37 | # Compiled binary addons (https://nodejs.org/api/addons.html)
38 | build/Release
39 |
40 | # Dependency directories
41 | node_modules/
42 | jspm_packages/
43 |
44 | # Snowpack dependency directory (https://snowpack.dev/)
45 | web_modules/
46 |
47 | # TypeScript cache
48 | *.tsbuildinfo
49 |
50 | # Optional npm cache directory
51 | .npm
52 |
53 | # Optional eslint cache
54 | .eslintcache
55 |
56 | # Microbundle cache
57 | .rpt2_cache/
58 | .rts2_cache_cjs/
59 | .rts2_cache_es/
60 | .rts2_cache_umd/
61 |
62 | # Optional REPL history
63 | .node_repl_history
64 |
65 | # Output of 'npm pack'
66 | *.tgz
67 |
68 | # Yarn Integrity file
69 | .yarn-integrity
70 |
71 | # dotenv environment variables file
72 | .env
73 | .env.test
74 |
75 | # parcel-bundler cache (https://parceljs.org/)
76 | .cache
77 | .parcel-cache
78 |
79 | # Next.js build output
80 | .next
81 | out
82 |
83 | # Nuxt.js build / generate output
84 | .nuxt
85 | dist
86 |
87 | # Gatsby files
88 | .cache/
89 | # Comment in the public line in if your project uses Gatsby and not Next.js
90 | # https://nextjs.org/blog/next-9-1#public-directory-support
91 | # public
92 |
93 | # vuepress build output
94 | .vuepress/dist
95 |
96 | # Serverless directories
97 | .serverless/
98 |
99 | # FuseBox cache
100 | .fusebox/
101 |
102 | # DynamoDB Local files
103 | .dynamodb/
104 |
105 | # TernJS port file
106 | .tern-port
107 |
108 | # Stores VSCode versions used for testing VSCode extensions
109 | .vscode-test
110 |
111 | # yarn v2
112 | .yarn/cache
113 | .yarn/unplugged
114 | .yarn/build-state.yml
115 | .yarn/install-state.gz
116 | .pnp.*
117 |
--------------------------------------------------------------------------------
/deployments/keda-scaler.yaml:
--------------------------------------------------------------------------------
1 | ---
2 | apiVersion: keda.sh/v1alpha1
3 | kind: ScaledObject
4 | metadata:
5 | name: orderconsumer-scaler
6 | spec:
7 | scaleTargetRef:
8 | kind: Deployment
9 | name: orders
10 | pollingInterval: 1 # example
11 | cooldownPeriod: 300 # example
12 | minReplicaCount: 2
13 | maxReplicaCount: 6
14 | triggers:
15 | - type: kafka
16 | metadata:
17 | topic: orders
18 | bootstrapServers: pkc-419q3.us-east4.gcp.confluent.cloud:9092
19 | consumerGroup: orders-consumer-group
20 | lagThreshold: '5'
21 | authenticationRef:
22 | name: keda-trigger-auth-kafka-credential
23 | ---
24 | apiVersion: keda.sh/v1alpha1
25 | kind: ScaledObject
26 | metadata:
27 | name: kitchenconsumer-scaler
28 | spec:
29 | scaleTargetRef:
30 | kind: Deployment
31 | name: kitchen
32 | pollingInterval: 1 # example
33 | cooldownPeriod: 300 # example
34 | minReplicaCount: 2
35 | maxReplicaCount: 6
36 | triggers:
37 | - type: kafka
38 | metadata:
39 | topic: orders
40 | bootstrapServers: pkc-419q3.us-east4.gcp.confluent.cloud:9092
41 | consumerGroup: kitchen-consumer-group
42 | lagThreshold: '5'
43 | authenticationRef:
44 | name: keda-trigger-auth-kafka-credential
45 | ---
46 | apiVersion: keda.sh/v1alpha1
47 | kind: ScaledObject
48 | metadata:
49 | name: courierconsumer-scaler
50 | spec:
51 | scaleTargetRef:
52 | kind: Deployment
53 | name: courier
54 | pollingInterval: 1 # example
55 | cooldownPeriod: 300 # example
56 | minReplicaCount: 2
57 | maxReplicaCount: 6
58 | triggers:
59 | - type: kafka
60 | metadata:
61 | topic: orders
62 | bootstrapServers: pkc-419q3.us-east4.gcp.confluent.cloud:9092
63 | consumerGroup: courier-consumer-group
64 | lagThreshold: '5'
65 | authenticationRef:
66 | name: keda-trigger-auth-kafka-credential
67 | ---
68 | apiVersion: keda.sh/v1alpha1
69 | kind: ScaledObject
70 | metadata:
71 | name: statusconsumer-scaler
72 | spec:
73 | scaleTargetRef:
74 | kind: Deployment
75 | name: status
76 | pollingInterval: 1 # example
77 | cooldownPeriod: 300 # example
78 | minReplicaCount: 2
79 | maxReplicaCount: 6
80 | triggers:
81 | - type: kafka
82 | metadata:
83 | topic: orders
84 | bootstrapServers: pkc-419q3.us-east4.gcp.confluent.cloud:9092
85 | consumerGroup: status-consumer-group
86 | lagThreshold: '5'
87 | authenticationRef:
88 | name: keda-trigger-auth-kafka-credential
--------------------------------------------------------------------------------
/microservices/statusService/app.js:
--------------------------------------------------------------------------------
1 | const KafkaWrapper = require('./KafkaWrapper.js')
2 | const Redis = require('ioredis');
3 | const express = require('express');
4 | const app = express();
5 | const cors = require('cors');
6 |
7 | // connect to redis localhost
8 | const redis = new Redis({
9 | host: process.env.REDIS_URL,
10 | port: process.env.REDIS_PORT,
11 | db: 0
12 | })
13 |
14 | const PORT = process.env.PORT || 8080
15 |
16 | app.use(express.json());
17 | app.use(cors())
18 |
19 | app.get("/status/:requestId", (req, res) => {
20 | let requestId = req.params.requestId
21 | redis.get(requestId).then(result => {
22 | res.status('200').send(JSON.parse(result))
23 | }).catch(err => {
24 | console.log(err)
25 | res.status('404').send(err)
26 | })
27 | })
28 |
29 | app.post("/status/:requestId", (req, res) => {
30 | let requestId = req.params.requestId
31 | let value = req.body.value
32 | redis.get(requestId).then(result => {
33 | if (!result) {
34 | redis.set(requestId, value, 'EX', 3600)
35 | }
36 | }).catch(err => {
37 | console.log(err)
38 | })
39 | res.status('200').send('OK')
40 | })
41 |
42 | app.listen(PORT, () => {
43 | console.log(`listening on port ${PORT}`);
44 | });
45 |
46 | KafkaWrapper.consumer.on('ready', function() {
47 | console.log('The consumer has connected.');
48 | KafkaWrapper.consumer.subscribe(['orders']);
49 | KafkaWrapper.consumer.consume()
50 | }).on('data', function(data) {
51 | try {
52 | let dataObject = JSON.parse(data.value.toString())
53 | // dataObject
54 | // {eventType, payload: {requestId, message}}
55 | let eventType = dataObject.eventType
56 | let payload = dataObject.payload
57 | switch (eventType) {
58 | case "updateHttpResponse":
59 | redis.set(payload.requestId, payload.message, 'EX', 3600)
60 | KafkaWrapper.consumer.commitMessage(data)
61 | break;
62 | default:
63 | // console.log(`${dataObject.eventType} is not handled in this service`)
64 | KafkaWrapper.consumer.commitMessage(data)
65 | }
66 | } catch (err) {
67 | console.error(err)
68 | // add error response to redis
69 | KafkaWrapper.consumer.commitMessage(data)
70 | }
71 | });
72 |
73 | KafkaWrapper.consumer.connect()
74 | // KafkaWrapper.producer.on('ready', () => {
75 | // console.log('The producer has connected.')
76 | // KafkaWrapper.consumer.connect()
77 | // })
--------------------------------------------------------------------------------
/microservices/statusService/KafkaWrapper.js:
--------------------------------------------------------------------------------
1 | const Kafka = require('node-rdkafka');
2 |
3 | class KafkaWrapper {
4 | constructor(brokers, protocol, mechanism, username, password) {
5 | // ibm cloud service credentials
6 | // let jsonCredentials = JSON.parse(ibmcloud_credentials)
7 | // let brokers = jsonCredentials.kafka_brokers_sasl
8 | // let apiKey = jsonCredentials.api_key
9 | // producer
10 | // let driver_options = {
11 | // //'debug': 'all',
12 | // 'metadata.broker.list': brokers,
13 | // 'security.protocol': 'SASL_SSL',
14 | // 'sasl.mechanisms': 'PLAIN',
15 | // 'sasl.username': 'token',
16 | // 'sasl.password': apiKey,
17 | // 'log.connection.close' : false,
18 | // 'enable.auto.commit': false
19 | // };
20 | let driver_options = {
21 | //'debug': 'all',
22 | 'metadata.broker.list': brokers,
23 | 'security.protocol': protocol,
24 | 'sasl.mechanisms': mechanism,
25 | 'sasl.username': username,
26 | 'sasl.password': password,
27 | 'log.connection.close' : false,
28 | 'enable.auto.commit': false
29 | };
30 | let consumerConfig = {
31 | 'client.id': 'status-consumer',
32 | 'group.id': 'status-consumer-group',
33 | }
34 |
35 | for (var key in driver_options) {
36 | consumerConfig[key] = driver_options[key]
37 | }
38 |
39 | // create kafka consumer
40 | let topicConfig = {
41 | 'auto.offset.reset': 'earliest'
42 | }
43 | let consumer = new Kafka.KafkaConsumer(consumerConfig, topicConfig)
44 |
45 | // Register error listener
46 | consumer.on('event.error', function(err) {
47 | console.error('Error from consumer:' + JSON.stringify(err));
48 | });
49 |
50 | this.consumer = consumer
51 | }
52 |
53 | on(event, callback) {
54 | this.consumer.on(event, callback)
55 | }
56 | }
57 |
58 | // const kafkaWrapper = new KafkaWrapper(process.env.KAFKA_CREDENTIALS)
59 | const kafkaWrapper = new KafkaWrapper(process.env.BOOTSTRAP_SERVERS,
60 | process.env.SECURITY_PROTOCOL,
61 | process.env.SASL_MECHANISMS,
62 | process.env.SASL_USERNAME,
63 | process.env.SASL_PASSWORD)
64 | Object.freeze(kafkaWrapper)
65 |
66 | module.exports = kafkaWrapper
--------------------------------------------------------------------------------
/microservices/frontend/components/navigationbutton.js:
--------------------------------------------------------------------------------
1 | class NavigationButton extends HTMLElement {
2 |
3 |
4 | SELECTEDSUFFIX = '-selected.svg';
5 | DESELECTEDSUFFIX = '-deselected.svg'
6 |
7 | static get observedAttributes() {
8 | return ['imagename','viewname','mode'];
9 | }
10 |
11 | constructor() {
12 | super();
13 | let templateContent = '';
14 | this.labels = [];
15 | this.datapath = "";
16 | const shadow = this.attachShadow({
17 | mode: 'open'
18 | })
19 | }
20 |
21 | async connectedCallback() {
22 | let res = await fetch('./components/navigationbutton.html')
23 | var sr = this.shadowRoot;
24 | sr.innerHTML = await res.text();
25 | this.showButton();
26 | }
27 |
28 | setMode(mode){
29 | this.mode = mode;
30 |
31 | var imagestring = this.imagename;
32 |
33 | if(this.mode=='active'){
34 | imagestring = imagestring + this.SELECTEDSUFFIX;
35 | }else{
36 | imagestring = imagestring + this.DESELECTEDSUFFIX;
37 | }
38 |
39 | this.buttonimage.src = './images/' + imagestring;
40 | }
41 |
42 | setEnabled(){
43 | this.setMode('active');
44 | }
45 |
46 | setDisabled(){
47 | this.setMode('inactive');
48 | }
49 |
50 | showButton(){
51 | var customElement = this;
52 | var sr = this.shadowRoot;
53 | this.buttonimage = sr.getElementById('navbuttonimage');
54 | this.button = sr.getElementById('navbutton');
55 |
56 | // this.mode = customElement.getAttribute('mode');
57 | this.viewname = customElement.getAttribute('viewname');
58 | this.imagename = customElement.getAttribute('imagename')
59 |
60 | this.setMode(customElement.getAttribute('mode'));
61 |
62 | this.button.onclick = function () {
63 | console.log('CLICKING NAV BUTTON: ' + customElement.viewname.toLocaleUpperCase());
64 | var customEvent = new CustomEvent( 'NAV', {
65 | detail: {
66 | eventData: {"id":customElement.viewname}
67 | },
68 | bubbles: true
69 | });
70 | customElement.dispatchEvent(customEvent);
71 | }
72 |
73 | console.log('Adding Navigation Button : ' + this.viewname.toLocaleUpperCase());
74 | }
75 | }
76 |
77 |
78 | try {
79 | customElements.define('navigationbutton-element', NavigationButton);
80 | } catch (err) {
81 | const h3 = document.createElement('h3')
82 | h3.innerHTML = err
83 | document.body.appendChild(h3)
84 | }
--------------------------------------------------------------------------------
/microservices/frontend/components/controls/architectureupdater.js:
--------------------------------------------------------------------------------
1 | let architectureElement = document.getElementsByTagName('architecture-element')[0]
2 |
3 | // test random
4 | // setInterval(() => {
5 | // architectureElement.setAttribute('statusworkers', Math.floor((Math.random() * 5) + 1))
6 | // architectureElement.setAttribute('kitchenworkers', Math.floor((Math.random() * 5) + 1))
7 | // architectureElement.setAttribute('orderworkers', Math.floor((Math.random() * 5) + 1))
8 | // architectureElement.setAttribute('driverworkers', Math.floor((Math.random() * 5) + 1))
9 | // },5000)
10 |
11 | let eventSource = new EventSource('/consumers')
12 | eventSource.onmessage = ({ data }) => {
13 | if (data) {
14 | try {
15 | let parsedData = JSON.parse(data)
16 | architectureElement.setAttribute('statusworkers', parsedData.statusconsumers)
17 | architectureElement.setAttribute('kitchenworkers', parsedData.kitchenconsumers)
18 | architectureElement.setAttribute('orderworkers', parsedData.ordersconsumers)
19 | architectureElement.setAttribute('driverworkers', parsedData.courierconsumers)
20 | architectureElement.updateArchitecture()
21 | } catch (err) {
22 | console.error(err)
23 | }
24 | }
25 | }
26 |
27 | function getOffsetsConsumerGroups() {
28 | // refactor server to SSE
29 | // listen to socket
30 | let loc = window.location;
31 | let wsurl = "ws://" + loc.host + loc.pathname + "events/consumergroupsoffset"
32 | // let wsurl = "ws://localhost:8080/events/consumergroupsoffset"
33 | // let wsurl = "ws://example-food-food-delivery.anthonyamanse-4-5-f2c6cdc6801be85fd188b09d006f13e3-0000.us-east.containers.appdomain.cloud/events/consumergroupsoffset"
34 | const socket = new WebSocket(wsurl);
35 | socket.addEventListener('message', function (event) {
36 | try {
37 | let eventObject = JSON.parse(event.data)
38 | // console.log(eventObject)
39 | architectureElement.setAttribute('statusworkers-offsetdifference', eventObject.status)
40 | architectureElement.setAttribute('kitchenworkers-offsetdifference', eventObject.kitchen)
41 | architectureElement.setAttribute('orderworkers-offsetdifference', eventObject.orders)
42 | architectureElement.setAttribute('driverworkers-offsetdifference', eventObject.courier)
43 | architectureElement.updateArchitecture()
44 | // calculate consumed messages per second per consumer group?
45 | } catch (err) {
46 | console.error(err)
47 | }
48 | });
49 | }
50 |
51 | getOffsetsConsumerGroups()
--------------------------------------------------------------------------------
/microservices/frontend/components/slider.js:
--------------------------------------------------------------------------------
1 | class Slider extends HTMLElement {
2 |
3 | static get observedAttributes() {
4 | return ['title','left','right'];
5 | }
6 |
7 | constructor() {
8 | super();
9 | let templateContent = '';
10 | this.labels = [];
11 | this.datapath = "";
12 | const shadow = this.attachShadow({
13 | mode: 'open'
14 | })
15 | }
16 |
17 | async connectedCallback() {
18 | let res = await fetch('./components/slider.html')
19 | var sr = this.shadowRoot;
20 | sr.innerHTML = await res.text();
21 | this.titletext = this.getAttribute('title');
22 | console.log('Initializing ' + this.titletext.toLocaleUpperCase() + ' Slider Component');
23 |
24 | var sliderlabel = sr.getElementById("sliderlabel");
25 | sliderlabel.innerHTML = this.titletext;
26 |
27 | this.lefttext = this.getAttribute('left');
28 | var left = sr.getElementById("left");
29 | left.innerHTML = this.lefttext;
30 |
31 | this.righttext = this.getAttribute('right');
32 | var right = sr.getElementById("right");
33 | right.innerHTML = this.righttext;
34 |
35 | this.showSlider();
36 |
37 | let input = sr.getElementById("myRange")
38 |
39 | // set range of rate of orders
40 | if (this.titletext === 'rate of orders') {
41 | input.setAttribute('max', 20)
42 | input.setAttribute('value', 1)
43 | }
44 |
45 | // add slider connected event to assign default values
46 | let customEvent = new CustomEvent('slider-input-connected', {
47 | detail: {
48 | eventData: {
49 | "value": input.value
50 | }
51 | },
52 | bubbles: true
53 | });
54 | this.dispatchEvent(customEvent)
55 |
56 | // add input change event
57 | input.addEventListener('change', e => {
58 | let customEvent = new CustomEvent('slider-input-change', {
59 | detail: {
60 | eventData: {
61 | "value": e.target.value
62 | }
63 | },
64 | bubbles: true
65 | });
66 | this.dispatchEvent(customEvent)
67 | })
68 | }
69 |
70 | async showSlider() {
71 | var sr = this.shadowRoot;
72 | }
73 | }
74 |
75 | try {
76 | customElements.define('slider-element', Slider);
77 | } catch (err) {
78 | const h3 = document.createElement('h3')
79 | h3.innerHTML = err
80 | document.body.appendChild(h3)
81 | }
82 |
--------------------------------------------------------------------------------
/microservices/eem/eemSubscriber/server.js:
--------------------------------------------------------------------------------
1 | const KafkaWrapper = require('./KafkaWrapper.js');
2 | const {app, redis} = require("./app");
3 | const axios = require('axios').default;
4 | const NotifyHelper = require('./sendNotificationHelper');
5 |
6 | const PORT = process.env.PORT || 8080
7 |
8 | KafkaWrapper.consumer.on('ready', function() {
9 | console.log('The consumer has connected.');
10 | KafkaWrapper.consumer.subscribe(['orders']);
11 | KafkaWrapper.consumer.consume();
12 |
13 | app.listen(PORT, () => {
14 | console.log(`listening on port ${PORT}`);
15 | });
16 | }).on('data', function(data) {
17 | try {
18 | let dataObject = JSON.parse(data.value.toString())
19 | // dataObject for orders
20 | // {eventType, payload: {orderId,userId,kitchenId,requestId}, simulatorConfig: {}}
21 | let eventType = dataObject.eventType;
22 | let payload = dataObject.payload;
23 | let kitchenId = payload.kitchenId;
24 | switch (eventType) {
25 | case "orderCreated":
26 | // get callback url from redis
27 | // send notification
28 | redis.get(kitchenId).then(result => {
29 | // result is callback url
30 | if (result) {
31 | let requestBody = NotifyHelper.payloadToRequestBody(payload, eventType);
32 | NotifyHelper.notifyOnCallbackURL(result, requestBody);
33 | }
34 | }).catch(err => {
35 | console.log(err)
36 | })
37 | KafkaWrapper.consumer.commitMessage(data)
38 | break;
39 | case "delivered":
40 | // get callback url from redis
41 | // send notification
42 | redis.get(kitchenId).then(result => {
43 | // result is callback url
44 | if (result) {
45 | let requestBody = NotifyHelper.payloadToRequestBody(payload, eventType);
46 | NotifyHelper.notifyOnCallbackURL(result, requestBody);
47 | }
48 | }).catch(err => {
49 | console.log(err)
50 | })
51 | KafkaWrapper.consumer.commitMessage(data)
52 | break;
53 | default:
54 | console.log(`${dataObject.eventType} is not handled in this service`)
55 | KafkaWrapper.consumer.commitMessage(data)
56 | }
57 | } catch (err) {
58 | console.error(err)
59 | // add error response to redis
60 | KafkaWrapper.consumer.commitMessage(data)
61 | }
62 | });
63 |
64 | KafkaWrapper.consumer.connect();
--------------------------------------------------------------------------------
/microservices/frontend/components/receipt.js:
--------------------------------------------------------------------------------
1 | class Receipt extends HTMLElement {
2 |
3 | static get observedAttributes() {
4 | return ['imagename','viewname','mode'];
5 | }
6 |
7 | constructor() {
8 | super();
9 | console.log('Initializing Receipt Component');
10 | let templateContent = '';
11 | this.labels = [];
12 | this.datapath = "";
13 | const shadow = this.attachShadow({
14 | mode: 'open'
15 | })
16 | }
17 |
18 | async connectedCallback() {
19 | let res = await fetch('./components/receipt.html')
20 | var sr = this.shadowRoot;
21 | sr.innerHTML = await res.text();
22 | // show stored locally then update
23 | this.showOrders();
24 | this.updateLocalOrdersFromServer();
25 | }
26 |
27 | showOrders() {
28 | var orders = localStorage.getItem('KAFKA-ORDERS');
29 |
30 | var orderlist = JSON.parse(orders);
31 | this.renderOrders(orderlist)
32 | }
33 |
34 | renderOrders(orderlist) {
35 | var sr = this.shadowRoot;
36 |
37 | var anchor = sr.getElementById('orderList');
38 |
39 | // remove currently rendered orders
40 | while (anchor.firstChild) {
41 | anchor.removeChild(anchor.firstChild);
42 | }
43 |
44 | try {
45 | orderlist.forEach(element => {
46 | console.log(element);
47 | var order = document.createElement('order-element');
48 | order.setAttribute('dish', element.dish);
49 | order.setAttribute('cost', element.totalPrice);
50 | order.setAttribute('type', element.type);
51 | order.setAttribute('status', element.status);
52 | anchor.appendChild(order);
53 | });
54 | } catch (err) {
55 | console.error(err)
56 | }
57 | }
58 |
59 | async updateLocalOrdersFromServer() {
60 | // check for orders on server
61 | let userId = localStorage.getItem("userId")
62 | let ordersResponse = await getOrdersOfUser(userId)
63 |
64 | if (ordersResponse != "noop") {
65 | if (ordersResponse.status == "success") {
66 | let orderlist = ordersResponse.docs
67 | // clear and store current orders from server
68 | localStorage.removeItem('KAFKA-ORDERS')
69 | localStorage.setItem('KAFKA-ORDERS', JSON.stringify(orderlist))
70 | this.renderOrders(orderlist)
71 | }
72 | }
73 | }
74 | }
75 |
76 |
77 | try {
78 | customElements.define('receipt-element', Receipt);
79 | } catch (err) {
80 | const h3 = document.createElement('h3')
81 | h3.innerHTML = err
82 | document.body.appendChild(h3)
83 | }
--------------------------------------------------------------------------------
/microservices/eem/eemSubscriber/__tests__/client-helper-tests.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @jest-environment jsdom
3 | */
4 |
5 | const { default: axios } = require('axios');
6 | const ClientHelper = require('../dashboard/clientHelper');
7 |
8 | let example_response = {"status":"success","docs":
9 | [{"type":"vegan","image":"sprout.svg","name":"Pure Kitchen",
10 | "menu":
11 | [{"item":"Radical Cauliflour Wings","price":16.5},{"item":"Thrive Bowl","price":17.5},{"item":"Warrior Bowl","price":21},{"item":"Artisinal Sandwich","price":18.75}],
12 | "kitchenId":"acd45280-4e12-4b97-865c-a44396d905c8"},
13 | {"type":"vegan","image":"sprout.svg","name":"Chipotle",
14 | "menu":
15 | [{"item":"Burrito","price":11},{"item":"Tacos","price":11.5},{"item":"Salad","price":12}],
16 | "kitchenId":"2c1be047-6b1f-4312-80e3-975966ae70d3"}
17 | ]
18 | }
19 |
20 | describe("Test Client requests", () => {
21 | global.fetch = jest.fn(() => {
22 | return Promise.resolve({
23 | json: () => Promise.resolve(example_response)
24 | })
25 | })
26 |
27 | test("Get Restaurants should return lists of restaurants", async () => {
28 | let response = await ClientHelper.getRestaurants(0);
29 | expect(response).toEqual(example_response.docs)
30 | });
31 |
32 | test("showRestaurants should update \"select\" DOM with restaurant list", () => {
33 | document.body.innerHTML = `
34 |
36 | `;
37 |
38 |
39 | const selectContainer = document.getElementById('restaurantDropdown');
40 | let restaurants = example_response.docs
41 | ClientHelper.showRestaurants(selectContainer, restaurants);
42 |
43 | let tempSelectContainter = document.createElement('select');
44 | restaurants.forEach(element => {
45 | let optionElement = document.createElement('option');
46 | optionElement.value = element.kitchenId;
47 | optionElement.text = element.name;
48 | tempSelectContainter.appendChild(optionElement);
49 | })
50 |
51 | expect(selectContainer.children).toEqual(tempSelectContainter.children);
52 | })
53 |
54 | test("Get Restaurants failed to return lists of restaurants", async () => {
55 | example_response = {status: "processing"}
56 | let response = await ClientHelper.getRestaurants(0);
57 | expect(response).toEqual("Failed to get restaurants list in 10 tries")
58 | });
59 |
60 | test.todo('Add tests here for REST calls to server');
61 | test.todo('Add test here to show current webhook url when restaurant
16 |
20 |
21 |
24 |
25 |
42 |
43 |
26 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | OpenShift Apps With Kafka
45 | - Scaling Apps With Kafka [Code Pattern]
46 | - Scaling Options And Comparisons [Article]
47 | - Scaling Apps On OpenShift [Video]
48 | - Scaling Workshop [Event]
49 |