├── web
├── .eslintignore
├── amplify
│ ├── package.json
│ ├── functions
│ │ ├── list-sensors
│ │ │ ├── resource.ts
│ │ │ └── handler.ts
│ │ └── send-sensor-value
│ │ │ ├── resource.ts
│ │ │ └── handler.ts
│ ├── auth
│ │ └── resource.ts
│ ├── tsconfig.json
│ ├── data
│ │ └── resource.ts
│ └── backend.ts
├── public
│ └── favicon.ico
├── src
│ ├── main.jsx
│ ├── App.jsx
│ ├── MapPage.css
│ ├── graphql
│ │ ├── queries.js
│ │ ├── subscriptions.js
│ │ └── mutations.js
│ └── MapPage.jsx
├── vite.config.js
├── .graphqlconfig.yml
├── index.html
├── README.md
├── .eslintrc.cjs
├── .gitignore
└── package.json
├── .gitignore
├── images
├── map.jpg
└── architecture.jpg
├── sensor
├── .gitignore
├── policy.json
├── package.json
├── certs
│ └── AmazonRootCA1.pem
├── index.js
├── sensors.json
├── delete-sensors.js
├── create-sensors.js
└── package-lock.json
├── CODE_OF_CONDUCT.md
├── LICENSE
├── CONTRIBUTING.md
└── README.md
/web/.eslintignore:
--------------------------------------------------------------------------------
1 | amplify-codegen-temp/models/models
--------------------------------------------------------------------------------
/web/amplify/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "type": "module"
3 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # OSX
2 | #
3 | .DS_Store
4 |
5 | #VS Code
6 | .vscode
7 |
--------------------------------------------------------------------------------
/images/map.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-samples/aws-appsync-iot-core-realtime-dashboard/HEAD/images/map.jpg
--------------------------------------------------------------------------------
/images/architecture.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-samples/aws-appsync-iot-core-realtime-dashboard/HEAD/images/architecture.jpg
--------------------------------------------------------------------------------
/web/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-samples/aws-appsync-iot-core-realtime-dashboard/HEAD/web/public/favicon.ico
--------------------------------------------------------------------------------
/web/src/main.jsx:
--------------------------------------------------------------------------------
1 | import ReactDOM from 'react-dom/client'
2 | import App from './App.jsx'
3 |
4 | ReactDOM.createRoot(document.getElementById('root')).render(
5 |
6 | )
7 |
--------------------------------------------------------------------------------
/sensor/.gitignore:
--------------------------------------------------------------------------------
1 | # OSX
2 | #
3 | .DS_Store
4 |
5 | # node.js
6 | #
7 | node_modules/
8 | npm-debug.log
9 | yarn-error.log
10 |
11 | # AWS IOT thing certificates
12 | certs/*.crt
13 | certs/*.key
14 |
--------------------------------------------------------------------------------
/web/amplify/functions/list-sensors/resource.ts:
--------------------------------------------------------------------------------
1 | import { defineFunction } from "@aws-amplify/backend";
2 |
3 | export const listSensors = defineFunction({
4 | entry: "./handler.ts",
5 | name: "listSensors",
6 | });
7 |
--------------------------------------------------------------------------------
/web/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import react from '@vitejs/plugin-react'
3 |
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 | plugins: [react()],
7 | define:{
8 | global:{}
9 | }
10 | })
11 |
--------------------------------------------------------------------------------
/web/amplify/functions/send-sensor-value/resource.ts:
--------------------------------------------------------------------------------
1 | import { defineFunction } from "@aws-amplify/backend";
2 |
3 | export const sendSensorValue = defineFunction({
4 | entry: "./handler.ts",
5 | name: "sendSensorValue",
6 | resourceGroupName: "data",
7 | });
8 |
--------------------------------------------------------------------------------
/sensor/policy.json:
--------------------------------------------------------------------------------
1 | {
2 | "Version": "2012-10-17",
3 | "Statement": [
4 | {
5 | "Effect": "Allow",
6 | "Action": "iot:Connect",
7 | "Resource": "*"
8 | },
9 | {
10 | "Effect": "Allow",
11 | "Action": "iot:Publish",
12 | "Resource": "*"
13 | }
14 | ]
15 | }
--------------------------------------------------------------------------------
/web/amplify/auth/resource.ts:
--------------------------------------------------------------------------------
1 | import { defineAuth } from '@aws-amplify/backend';
2 |
3 | /**
4 | * Define and configure your auth resource
5 | * @see https://docs.amplify.aws/gen2/build-a-backend/auth
6 | */
7 | export const auth = defineAuth({
8 | loginWith: {
9 | email: true,
10 | },
11 | });
12 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | ## Code of Conduct
2 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct).
3 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact
4 | opensource-codeofconduct@amazon.com with any additional questions or comments.
5 |
--------------------------------------------------------------------------------
/web/.graphqlconfig.yml:
--------------------------------------------------------------------------------
1 | projects:
2 | sensorsapi:
3 | schemaPath: src/graphql/schema.json
4 | includes:
5 | - src/graphql/**/*.js
6 | excludes:
7 | - ./amplify/**
8 | extensions:
9 | amplify:
10 | codeGenTarget: javascript
11 | generatedFileName: ''
12 | docsFilePath: src/graphql
13 | extensions:
14 | amplify:
15 | version: 3
16 |
--------------------------------------------------------------------------------
/web/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Bay Health
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/web/src/App.jsx:
--------------------------------------------------------------------------------
1 | import "@aws-amplify/ui-react/styles.css";
2 | import { withAuthenticator } from "@aws-amplify/ui-react";
3 | import { Amplify } from "aws-amplify";
4 |
5 | import MapPage from "./MapPage";
6 |
7 | import awsExports from "../amplify_outputs.json";
8 |
9 | Amplify.configure(awsExports);
10 |
11 | const App = () => {
12 | return ;
13 | };
14 |
15 | export default withAuthenticator(App);
16 |
--------------------------------------------------------------------------------
/web/amplify/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es2022",
4 | "module": "es2022",
5 | "moduleResolution": "bundler",
6 | "resolveJsonModule": true,
7 | "esModuleInterop": true,
8 | "forceConsistentCasingInFileNames": true,
9 | "strict": true,
10 | "skipLibCheck": true,
11 | "paths": {
12 | "$amplify/*": [
13 | "../.amplify/generated/*"
14 | ]
15 | }
16 | }
17 | }
--------------------------------------------------------------------------------
/sensor/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "aws-iot-core-appsync-realtime-dashboard-sensor",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "node index.js"
8 | },
9 | "author": "David Moser ",
10 | "license": "MIT-0",
11 | "dependencies": {
12 | "@aws-sdk/client-iot": "^3.708.0",
13 | "argparse": "^2.0.1",
14 | "aws-iot-device-sdk": "^2.2.15"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/web/README.md:
--------------------------------------------------------------------------------
1 | # React + Vite
2 |
3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4 |
5 | Currently, two official plugins are available:
6 |
7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9 |
--------------------------------------------------------------------------------
/web/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: { browser: true, es2020: true },
4 | extends: [
5 | 'eslint:recommended',
6 | 'plugin:react/recommended',
7 | 'plugin:react/jsx-runtime',
8 | 'plugin:react-hooks/recommended',
9 | ],
10 | ignorePatterns: ['dist', '.eslintrc.cjs'],
11 | parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
12 | settings: { react: { version: '18.2' } },
13 | plugins: ['react-refresh'],
14 | rules: {
15 | 'react-refresh/only-export-components': [
16 | 'warn',
17 | { allowConstantExport: true },
18 | ],
19 | },
20 | }
21 |
--------------------------------------------------------------------------------
/web/src/MapPage.css:
--------------------------------------------------------------------------------
1 | body { margin: 0; padding: 0; }
2 |
3 | #container {
4 | height: 100%;
5 | }
6 |
7 | #map {
8 | width: 100%;
9 | height: 100%;
10 | }
11 |
12 | #banner {
13 | position: absolute;
14 | width: 100%;
15 | font: 2em sans-serif;
16 | padding: 12px;
17 | color: #ffffff;
18 | opacity: 75%;
19 | background-color: #1D1C1B;
20 | z-index: 200;
21 | }
22 |
23 | .sensor {
24 | border-radius: 50%;
25 | height: 2em;
26 | width: 2em;
27 | cursor: pointer;
28 | }
29 |
30 | .fullscreen-map {
31 | position: absolute;
32 | top: 0;
33 | bottom: 0;
34 | width: 100%;
35 | height: 100%;
36 | z-index: 100;
37 | }
38 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of
4 | this software and associated documentation files (the "Software"), to deal in
5 | the Software without restriction, including without limitation the rights to
6 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
7 | the Software, and to permit persons to whom the Software is furnished to do so.
8 |
9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
10 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
11 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
12 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
13 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
14 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
15 |
16 |
--------------------------------------------------------------------------------
/web/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
26 | #amplify-do-not-edit-begin
27 | amplify/\#current-cloud-backend
28 | amplify/.config/local-*
29 | amplify/logs
30 | amplify/mock-data
31 | amplify/mock-api-resources
32 | amplify/backend/amplify-meta.json
33 | amplify/backend/.temp
34 | build/
35 | dist/
36 | node_modules/
37 | aws-exports.js
38 | awsconfiguration.json
39 | amplifyconfiguration.json
40 | amplifyconfiguration.dart
41 | amplify-build-config.json
42 | amplify-gradle-config.json
43 | amplifytools.xcconfig
44 | .secret-*
45 | **.sample
46 | #amplify-do-not-edit-end
47 |
48 | team-provider-info.json
49 |
50 | # amplify
51 | .amplify
52 | amplify_outputs*
53 | amplifyconfiguration*
54 |
--------------------------------------------------------------------------------
/web/amplify/functions/list-sensors/handler.ts:
--------------------------------------------------------------------------------
1 | import type { Handler } from "aws-lambda";
2 | import { IoTClient, SearchIndexCommand } from "@aws-sdk/client-iot";
3 |
4 | const iotClient = new IoTClient();
5 |
6 | export const handler: Handler = async (event) => {
7 | console.log("event", event);
8 |
9 | //query all sensors that have reported a shadow and of type water quality sensor
10 | //you must have fleet indexing enabled in IoT Core with REGISTRY_AND_SHADOW indexed
11 |
12 | var params = {
13 | queryString:
14 | "shadow.reported.name:* AND thingTypeName:WATER_QUALITY_SENSOR",
15 | };
16 |
17 | var command = new SearchIndexCommand(params);
18 |
19 | var result = await iotClient.send(command);
20 |
21 | // return array of sensors
22 | return result.things?.map((thing) => {
23 | const shadow = JSON.parse(thing?.shadow!);
24 | return {
25 | sensorId: thing.thingName,
26 | name: shadow.reported.name || "",
27 | enabled: shadow.reported.enabled || false,
28 | geo: {
29 | latitude: shadow.reported.geo?.latitude || 0,
30 | longitude: shadow.reported.geo?.longitude || 0,
31 | },
32 | status: shadow.reported.status || 0,
33 | };
34 | });
35 | };
36 |
--------------------------------------------------------------------------------
/sensor/certs/AmazonRootCA1.pem:
--------------------------------------------------------------------------------
1 | -----BEGIN CERTIFICATE-----
2 | MIIDQTCCAimgAwIBAgITBmyfz5m/jAo54vB4ikPmljZbyjANBgkqhkiG9w0BAQsF
3 | ADA5MQswCQYDVQQGEwJVUzEPMA0GA1UEChMGQW1hem9uMRkwFwYDVQQDExBBbWF6
4 | b24gUm9vdCBDQSAxMB4XDTE1MDUyNjAwMDAwMFoXDTM4MDExNzAwMDAwMFowOTEL
5 | MAkGA1UEBhMCVVMxDzANBgNVBAoTBkFtYXpvbjEZMBcGA1UEAxMQQW1hem9uIFJv
6 | b3QgQ0EgMTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBALJ4gHHKeNXj
7 | ca9HgFB0fW7Y14h29Jlo91ghYPl0hAEvrAIthtOgQ3pOsqTQNroBvo3bSMgHFzZM
8 | 9O6II8c+6zf1tRn4SWiw3te5djgdYZ6k/oI2peVKVuRF4fn9tBb6dNqcmzU5L/qw
9 | IFAGbHrQgLKm+a/sRxmPUDgH3KKHOVj4utWp+UhnMJbulHheb4mjUcAwhmahRWa6
10 | VOujw5H5SNz/0egwLX0tdHA114gk957EWW67c4cX8jJGKLhD+rcdqsq08p8kDi1L
11 | 93FcXmn/6pUCyziKrlA4b9v7LWIbxcceVOF34GfID5yHI9Y/QCB/IIDEgEw+OyQm
12 | jgSubJrIqg0CAwEAAaNCMEAwDwYDVR0TAQH/BAUwAwEB/zAOBgNVHQ8BAf8EBAMC
13 | AYYwHQYDVR0OBBYEFIQYzIU07LwMlJQuCFmcx7IQTgoIMA0GCSqGSIb3DQEBCwUA
14 | A4IBAQCY8jdaQZChGsV2USggNiMOruYou6r4lK5IpDB/G/wkjUu0yKGX9rbxenDI
15 | U5PMCCjjmCXPI6T53iHTfIUJrU6adTrCC2qJeHZERxhlbI1Bjjt/msv0tadQ1wUs
16 | N+gDS63pYaACbvXy8MWy7Vu33PqUXHeeE6V/Uq2V8viTO96LXFvKWlJbYK8U90vv
17 | o/ufQJVtMVT8QtPHRh8jrdkPSHCa2XV4cdFyQzR1bldZwgJcJmApzyMZFo6IQ6XU
18 | 5MsI+yMRQ+hDKXJioaldXgjUkK642M4UwtBV8ob2xJNDd2ZhwLnoQdeXeGADbkpy
19 | rqXRfboQnoZsG4q5WTP468SQvvG5
20 | -----END CERTIFICATE-----
21 |
--------------------------------------------------------------------------------
/web/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "web",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "vite build",
9 | "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
10 | "preview": "vite preview"
11 | },
12 | "dependencies": {
13 | "@aws-amplify/ui-react": "^6.10.0",
14 | "@aws-sdk/client-iot": "^3.782.0",
15 | "@aws-sdk/protocol-http": "^3.374.0",
16 | "@aws-sdk/signature-v4": "^3.374.0",
17 | "aws-amplify": "^6.14.1",
18 | "maplibre-gl": "^2.1.2",
19 | "maplibre-gl-js-amplify": "^4.0.2",
20 | "react": "^18.2.0",
21 | "react-dom": "^18.2.0"
22 | },
23 | "devDependencies": {
24 | "@aws-amplify/backend": "^1.15.0",
25 | "@aws-amplify/backend-cli": "^1.5.0",
26 | "@types/react": "^18.2.48",
27 | "@types/react-dom": "^18.2.18",
28 | "@vitejs/plugin-react": "^4.3.4",
29 | "aws-cdk": "^2.1007.0",
30 | "aws-cdk-lib": "^2.188.0",
31 | "constructs": "^10.4.2",
32 | "esbuild": "^0.25.2",
33 | "eslint": "^8.56.0",
34 | "eslint-plugin-react": "^7.37.5",
35 | "eslint-plugin-react-hooks": "^4.6.0",
36 | "eslint-plugin-react-refresh": "^0.4.5",
37 | "tsx": "^4.19.3",
38 | "typescript": "^5.8.3",
39 | "vite": "^5.0.13"
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/web/src/graphql/queries.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | // this is an auto generated file. This will be overwritten
3 |
4 | export const listSensors = /* GraphQL */ `
5 | query ListSensors {
6 | listSensors {
7 | sensorId
8 | name
9 | enabled
10 | geo {
11 | latitude
12 | longitude
13 | __typename
14 | }
15 | status
16 | __typename
17 | }
18 | }
19 | `;
20 | export const getSensorValue = /* GraphQL */ `
21 | query GetSensorValue($id: ID!) {
22 | getSensorValue(id: $id) {
23 | id
24 | sensorId
25 | pH
26 | temperature
27 | salinity
28 | disolvedO2
29 | status
30 | timestamp
31 | createdAt
32 | updatedAt
33 | __typename
34 | }
35 | }
36 | `;
37 | export const listSensorValues = /* GraphQL */ `
38 | query ListSensorValues(
39 | $filter: ModelSensorValueFilterInput
40 | $limit: Int
41 | $nextToken: String
42 | ) {
43 | listSensorValues(filter: $filter, limit: $limit, nextToken: $nextToken) {
44 | items {
45 | id
46 | sensorId
47 | pH
48 | temperature
49 | salinity
50 | disolvedO2
51 | status
52 | timestamp
53 | createdAt
54 | updatedAt
55 | __typename
56 | }
57 | nextToken
58 | __typename
59 | }
60 | }
61 | `;
62 |
--------------------------------------------------------------------------------
/web/src/graphql/subscriptions.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | // this is an auto generated file. This will be overwritten
3 |
4 | export const onCreateSensorValue = /* GraphQL */ `
5 | subscription OnCreateSensorValue(
6 | $filter: ModelSubscriptionSensorValueFilterInput
7 | ) {
8 | onCreateSensorValue(filter: $filter) {
9 | id
10 | sensorId
11 | pH
12 | temperature
13 | salinity
14 | disolvedO2
15 | status
16 | timestamp
17 | createdAt
18 | updatedAt
19 | __typename
20 | }
21 | }
22 | `;
23 | export const onUpdateSensorValue = /* GraphQL */ `
24 | subscription OnUpdateSensorValue(
25 | $filter: ModelSubscriptionSensorValueFilterInput
26 | ) {
27 | onUpdateSensorValue(filter: $filter) {
28 | id
29 | sensorId
30 | pH
31 | temperature
32 | salinity
33 | disolvedO2
34 | status
35 | timestamp
36 | createdAt
37 | updatedAt
38 | __typename
39 | }
40 | }
41 | `;
42 | export const onDeleteSensorValue = /* GraphQL */ `
43 | subscription OnDeleteSensorValue(
44 | $filter: ModelSubscriptionSensorValueFilterInput
45 | ) {
46 | onDeleteSensorValue(filter: $filter) {
47 | id
48 | sensorId
49 | pH
50 | temperature
51 | salinity
52 | disolvedO2
53 | status
54 | timestamp
55 | createdAt
56 | updatedAt
57 | __typename
58 | }
59 | }
60 | `;
61 |
--------------------------------------------------------------------------------
/web/amplify/data/resource.ts:
--------------------------------------------------------------------------------
1 | import { type ClientSchema, a, defineData } from "@aws-amplify/backend";
2 | import { listSensors } from "../functions/list-sensors/resource";
3 | import { sendSensorValue } from "../functions/send-sensor-value/resource";
4 |
5 | const schema = a
6 | .schema({
7 | SensorValue: a.model({
8 | id: a.id(),
9 | sensorId: a.string().required(),
10 | pH: a.float().required(),
11 | temperature: a.float().required(),
12 | salinity: a.float().required(),
13 | disolvedO2: a.float().required(),
14 | status: a.integer().required(),
15 | timestamp: a.timestamp().required(),
16 | }),
17 | Geo: a.customType({
18 | latitude: a.float(),
19 | longitude: a.float(),
20 | }),
21 | Sensor: a.customType({
22 | sensorId: a.string().required(),
23 | name: a.string().required(),
24 | geo: a.ref("Geo").required(),
25 | enabled: a.boolean().required(),
26 | status: a.integer().required(),
27 | }),
28 | listSensors: a
29 | .query()
30 | .returns(a.ref("Sensor").array())
31 | .handler(a.handler.function(listSensors)),
32 | })
33 | .authorization((allow) => [
34 | allow.authenticated(),
35 | allow.resource(sendSensorValue),
36 | ]);
37 |
38 | export type Schema = ClientSchema;
39 |
40 | export const data = defineData({
41 | schema,
42 | authorizationModes: {
43 | defaultAuthorizationMode: "userPool",
44 | },
45 | });
46 |
--------------------------------------------------------------------------------
/web/src/graphql/mutations.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | // this is an auto generated file. This will be overwritten
3 |
4 | export const createSensorValue = /* GraphQL */ `
5 | mutation CreateSensorValue(
6 | $input: CreateSensorValueInput!
7 | $condition: ModelSensorValueConditionInput
8 | ) {
9 | createSensorValue(input: $input, condition: $condition) {
10 | id
11 | sensorId
12 | pH
13 | temperature
14 | salinity
15 | disolvedO2
16 | status
17 | timestamp
18 | createdAt
19 | updatedAt
20 | __typename
21 | }
22 | }
23 | `;
24 | export const updateSensorValue = /* GraphQL */ `
25 | mutation UpdateSensorValue(
26 | $input: UpdateSensorValueInput!
27 | $condition: ModelSensorValueConditionInput
28 | ) {
29 | updateSensorValue(input: $input, condition: $condition) {
30 | id
31 | sensorId
32 | pH
33 | temperature
34 | salinity
35 | disolvedO2
36 | status
37 | timestamp
38 | createdAt
39 | updatedAt
40 | __typename
41 | }
42 | }
43 | `;
44 | export const deleteSensorValue = /* GraphQL */ `
45 | mutation DeleteSensorValue(
46 | $input: DeleteSensorValueInput!
47 | $condition: ModelSensorValueConditionInput
48 | ) {
49 | deleteSensorValue(input: $input, condition: $condition) {
50 | id
51 | sensorId
52 | pH
53 | temperature
54 | salinity
55 | disolvedO2
56 | status
57 | timestamp
58 | createdAt
59 | updatedAt
60 | __typename
61 | }
62 | }
63 | `;
64 |
--------------------------------------------------------------------------------
/web/amplify/functions/send-sensor-value/handler.ts:
--------------------------------------------------------------------------------
1 | import type { Handler } from "aws-lambda";
2 | import crypto from "@aws-crypto/sha256-js";
3 | import { defaultProvider } from "@aws-sdk/credential-provider-node";
4 | import { SignatureV4 } from "@aws-sdk/signature-v4";
5 | import { HttpRequest } from "@aws-sdk/protocol-http";
6 | import { default as fetch, Request } from "node-fetch";
7 |
8 | const GRAPHQL_ENDPOINT = process.env.AMPLIFY_DATA_GRAPHQL_ENDPOINT || "";
9 | const AWS_REGION = process.env.AWS_REGION || "";
10 | const { Sha256 } = crypto;
11 |
12 | export const handler: Handler = async (event) => {
13 | console.log("event", event);
14 |
15 | //set a random sensor status 1-3
16 | let status = Math.floor(Math.random() * 3) + 1;
17 |
18 | const query = /* GraphQL */ `
19 | mutation CreateSensorValue($input: CreateSensorValueInput!) {
20 | createSensorValue(input: $input) {
21 | id
22 | sensorId
23 | pH
24 | temperature
25 | salinity
26 | disolvedO2
27 | status
28 | timestamp
29 | createdAt
30 | updatedAt
31 | }
32 | }
33 | `;
34 |
35 | const variables = {
36 | input: {
37 | sensorId: event.sensorId,
38 | pH: event.data.pH,
39 | temperature: event.data.temperature,
40 | salinity: event.data.salinity,
41 | disolvedO2: event.data.disolvedO2,
42 | status: status,
43 | timestamp: event.data.timestamp,
44 | },
45 | };
46 |
47 | const endpoint = new URL(GRAPHQL_ENDPOINT);
48 |
49 | const signer = new SignatureV4({
50 | credentials: defaultProvider(),
51 | region: AWS_REGION,
52 | service: "appsync",
53 | sha256: Sha256,
54 | });
55 |
56 | const requestToBeSigned = new HttpRequest({
57 | method: "POST",
58 | headers: {
59 | "Content-Type": "application/json",
60 | host: endpoint.host,
61 | },
62 | hostname: endpoint.host,
63 | body: JSON.stringify({ query, variables }),
64 | path: endpoint.pathname,
65 | });
66 |
67 | const signed = await signer.sign(requestToBeSigned);
68 | const request = new Request(endpoint, signed);
69 |
70 | let statusCode = 200;
71 | let body;
72 | let response;
73 |
74 | try {
75 | response = await fetch(request);
76 | body = await response.json();
77 | console.log(body);
78 | } catch (error: any) {
79 | console.log(error);
80 | statusCode = 500;
81 | body = {
82 | errors: [
83 | {
84 | message: error.message,
85 | },
86 | ],
87 | };
88 | }
89 |
90 | return {
91 | statusCode,
92 | body: JSON.stringify(body),
93 | };
94 | };
95 |
--------------------------------------------------------------------------------
/sensor/index.js:
--------------------------------------------------------------------------------
1 | const awsIot = require('aws-iot-device-sdk');
2 |
3 | //load the sensors file that contains the location of the device certificates and the clientId of the sensor
4 | var sensors = require('./sensors.json');
5 |
6 | //constants used in the application
7 | const SHADOW_TOPIC = "$aws/things/[thingName]/shadow/update";
8 | const VALUE_TOPIC = "dt/bay-health/SF/[thingName]/sensor-value"; //topic to which sensor values will be published
9 |
10 | //shadow document to be transmitted at statup
11 | var shadowDocument = {
12 | state: {
13 | reported: {
14 | name: "",
15 | enabled: true,
16 | geo: {
17 | latitude: 0,
18 | longitude: 0
19 | }
20 | }
21 | }
22 | }
23 |
24 | async function run(sensor) {
25 |
26 | //initialize the IOT device
27 | var device = awsIot.device(sensor.settings);
28 |
29 | //create a placeholder for the message
30 | var msg = {
31 | pH: 0,
32 | temperature: 0,
33 | salinity: 0,
34 | disolvedO2: 0,
35 | timestamp: new Date().getTime()
36 | }
37 |
38 | device.on('connect', function() {
39 |
40 | console.log('connected to IoT Hub');
41 |
42 | //publish the shadow document for the sensor
43 | var topic = SHADOW_TOPIC.replace('[thingName]', sensor.settings.clientId);
44 |
45 | shadowDocument.state.reported.name = sensor.name;
46 | shadowDocument.state.reported.enabled = true;
47 | shadowDocument.state.reported.geo.latitude = sensor.geo.latitude;
48 | shadowDocument.state.reported.geo.longitude = sensor.geo.longitude;
49 |
50 | device.publish(topic, JSON.stringify(shadowDocument));
51 |
52 | console.log('published to shadow topic ' + topic + ' ' + JSON.stringify(shadowDocument));
53 |
54 | //publish new value readings based on value_rate
55 | setInterval(function(){
56 |
57 | //calculate randome values for each sensor reading
58 | msg.pH = RandomValue(50, 100) / 10;
59 | msg.temperature = RandomValue(480, 570) / 10;
60 | msg.salinity = RandomValue(200, 350) / 10;
61 | msg.disolvedO2 = RandomValue(40, 120) / 10;
62 |
63 | msg.timestamp = new Date().getTime();
64 |
65 | //publish the sensor reading message
66 | var topic = VALUE_TOPIC.replace('[thingName]', sensor.settings.clientId);
67 |
68 | device.publish(topic, JSON.stringify(msg));
69 |
70 | console.log('published to telemetry topic ' + topic + ' ' + JSON.stringify(msg));
71 |
72 | }, sensor.frequency);
73 | });
74 |
75 | device.on('error', function(error) {
76 | console.log('Error: ', error);
77 | });
78 | }
79 |
80 | function RandomValue (min, max) {
81 | return Math.floor(Math.random() * (max - min + 1) ) + min;
82 | }
83 |
84 | //run simulation for each sensor
85 | sensors.forEach((sensor) => {
86 | run(sensor);
87 | })
88 |
--------------------------------------------------------------------------------
/sensor/sensors.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "name": "SF Bay - East",
4 | "thingTypeName": "WATER_QUALITY_SENSOR",
5 | "manufacturer": "Xylem",
6 | "model": "WQ201",
7 | "firmware": "1.30",
8 | "frequency": 3000,
9 | "geo": {
10 | "latitude": 37.692625,
11 | "longitude": -122.200682
12 | },
13 | "settings": {
14 | "host": "",
15 | "keyPath": "",
16 | "certPath": "",
17 | "caPath": "",
18 | "certificateArn": "",
19 | "clientId": "sensor-sf-east"
20 | }
21 | },
22 | {
23 | "name": "SF Bay - Southeast",
24 | "thingTypeName": "WATER_QUALITY_SENSOR",
25 | "manufacturer": "Xylem",
26 | "model": "WQ201",
27 | "firmware": "1.30",
28 | "frequency": 3200,
29 | "geo": {
30 | "latitude": 37.612215,
31 | "longitude": -122.162933
32 | },
33 | "settings": {
34 | "host": "",
35 | "keyPath": "",
36 | "certPath": "",
37 | "caPath": "",
38 | "certificateArn": "",
39 | "clientId": "sensor-sf-southeast"
40 | }
41 | },
42 | {
43 | "name": "SF Bay - Southwest",
44 | "thingTypeName": "WATER_QUALITY_SENSOR",
45 | "manufacturer": "Xylem",
46 | "model": "WQ201",
47 | "firmware": "1.30",
48 | "frequency": 3400,
49 | "geo": {
50 | "latitude": 37.602464,
51 | "longitude": -122.338036
52 | },
53 | "settings": {
54 | "host": "",
55 | "keyPath": "",
56 | "certPath": "",
57 | "caPath": "",
58 | "certificateArn": "",
59 | "clientId": "sensor-sf-southwest"
60 | }
61 | },
62 | {
63 | "name": "SF Bay - West",
64 | "thingTypeName": "WATER_QUALITY_SENSOR",
65 | "manufacturer": "Xylem",
66 | "model": "WQ201",
67 | "firmware": "1.30",
68 | "frequency": 3600,
69 | "geo": {
70 | "latitude": 37.66228,
71 | "longitude": -122.36549
72 | },
73 | "settings": {
74 | "host": "",
75 | "keyPath": "",
76 | "certPath": "",
77 | "caPath": "",
78 | "certificateArn": "",
79 | "clientId": "sensor-sf-west"
80 | }
81 | },
82 | {
83 | "name": "SF Bay - Northwest",
84 | "thingTypeName": "WATER_QUALITY_SENSOR",
85 | "manufacturer": "Xylem",
86 | "model": "WQ201",
87 | "firmware": "1.30",
88 | "frequency": 3800,
89 | "geo": {
90 | "latitude": 37.751372,
91 | "longitude": -122.359999
92 | },
93 | "settings": {
94 | "host": "",
95 | "keyPath": "",
96 | "certPath": "",
97 | "caPath": "",
98 | "certificateArn": "",
99 | "clientId": "sensor-sf-northwest"
100 | }
101 | },
102 | {
103 | "name": "SF Bay - North",
104 | "thingTypeName": "WATER_QUALITY_SENSOR",
105 | "manufacturer": "Xylem",
106 | "model": "WQ201",
107 | "firmware": "1.30",
108 | "frequency": 4000,
109 | "geo": {
110 | "latitude": 37.800307,
111 | "longitude": -122.354788
112 | },
113 | "settings": {
114 | "host": "",
115 | "keyPath": "",
116 | "certPath": "",
117 | "caPath": "",
118 | "certificateArn": "",
119 | "clientId": "sensor-sf-north"
120 | }
121 | }
122 | ]
--------------------------------------------------------------------------------
/sensor/delete-sensors.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs').promises;
2 | const {
3 | IoTClient,
4 | DetachThingPrincipalCommand,
5 | DeleteThingCommand,
6 | DetachPolicyCommand,
7 | DeletePolicyCommand,
8 | UpdateCertificateCommand,
9 | DeleteCertificateCommand
10 | } = require("@aws-sdk/client-iot");
11 |
12 | const { ArgumentParser } = require('argparse');
13 |
14 | //constants used in the app - do not change
15 | const SENSORS_FILE = './sensors.json';
16 |
17 | //open sensor definition file
18 | var sensors = require(SENSORS_FILE);
19 |
20 | async function deleteSensors(profile, region){
21 |
22 | try {
23 |
24 | const iotClient = new IoTClient({ profile: profile, region: region });
25 |
26 | //iterate over all sensors and create policies, certs, and things
27 | sensors.forEach(async (sensor) => {
28 |
29 | //remove the iot core endpoint
30 | sensor.settings.host = "";
31 |
32 | //attach thing to certificate
33 | var command = new DetachThingPrincipalCommand({thingName: sensor.settings.clientId, principal: sensor.settings.certificateArn})
34 | await iotClient.send(command)
35 |
36 | //delete the thing
37 | command = new DeleteThingCommand({thingName: sensor.settings.clientId})
38 | await iotClient.send(command)
39 |
40 | //detach policy from certificate
41 | var policyName = 'Policy-' + sensor.settings.clientId;
42 | command = new DetachPolicyCommand({ policyName: policyName, target: sensor.settings.certificateArn})
43 | await iotClient.send(command)
44 |
45 | //delete the IOT policy
46 | command = new DeletePolicyCommand({policyName: policyName})
47 | await iotClient.send(command)
48 |
49 | //delete the certificates
50 | var certificateId = sensor.settings.certificateArn.split('/')[1];
51 | command = new UpdateCertificateCommand({certificateId:certificateId, newStatus:"INACTIVE"})
52 | await iotClient.send(command)
53 |
54 | command = new DeleteCertificateCommand({certificateId:certificateId, forceDelete:true})
55 | await iotClient.send(command)
56 | sensor.settings.certificateArn = ""
57 |
58 | //delete the certificate files
59 | await fs.unlink(sensor.settings.keyPath);
60 | sensor.settings.keyPath = "";
61 |
62 | await fs.unlink(sensor.settings.certPath);
63 | sensor.settings.certPath = "";
64 | sensor.settings.caPath = "";
65 |
66 | //save the updated settings file
67 | let data = JSON.stringify(sensors, null, 2);
68 | await fs.writeFile(SENSORS_FILE, data);
69 | })
70 |
71 | //display results
72 | console.log('IoT Things removed: ' + sensors.length);
73 | console.log('AWS Profile: ' + profile);
74 | console.log('AWS Region: ' + region);
75 |
76 | sensors.forEach((sensor) => {
77 | console.log('Thing Name: ' + sensor.settings.clientId);
78 | })
79 |
80 | }
81 | catch (err) {
82 | console.log('Error deleting sensors');
83 | console.log(err.message);
84 | }
85 | }
86 |
87 | // parse for profile command line arguent
88 | const parser = new ArgumentParser({
89 | description: 'Deletes IoT Things for sensors defined in sensors.json'
90 | });
91 |
92 | parser.add_argument('--profile', {default: 'default'});
93 | parser.add_argument('--region', {default: 'us-east-1'});
94 |
95 | args = parser.parse_args()
96 |
97 | deleteSensors(args.profile, args.region);
98 |
--------------------------------------------------------------------------------
/web/amplify/backend.ts:
--------------------------------------------------------------------------------
1 | import { defineBackend } from "@aws-amplify/backend";
2 | import { Policy, PolicyStatement, ServicePrincipal } from "aws-cdk-lib/aws-iam";
3 | import { CfnMap } from "aws-cdk-lib/aws-location";
4 | import { CfnTopicRule } from "aws-cdk-lib/aws-iot";
5 | import { auth } from "./auth/resource";
6 | import { data } from "./data/resource";
7 | import { listSensors } from "./functions/list-sensors/resource";
8 | import { sendSensorValue } from "./functions/send-sensor-value/resource";
9 |
10 | const backend = defineBackend({
11 | auth,
12 | data,
13 | listSensors,
14 | sendSensorValue,
15 | });
16 |
17 | // disable unauthenticated access
18 | const { cfnIdentityPool } = backend.auth.resources.cfnResources;
19 | cfnIdentityPool.allowUnauthenticatedIdentities = false;
20 |
21 | // Mapping Resources
22 | const geoStack = backend.createStack("geo-stack");
23 |
24 | // create a map
25 | const map = new CfnMap(geoStack, "Map", {
26 | mapName: "SensorMap",
27 | description: "Sensor Map",
28 | configuration: {
29 | style: "VectorEsriDarkGrayCanvas",
30 | },
31 | pricingPlan: "RequestBasedUsage",
32 | tags: [
33 | {
34 | key: "name",
35 | value: "SensorMap",
36 | },
37 | ],
38 | });
39 |
40 | // create an IAM policy to allow interacting with geo resource
41 | const myGeoPolicy = new Policy(geoStack, "GeoPolicy", {
42 | policyName: "myGeoPolicy",
43 | statements: [
44 | new PolicyStatement({
45 | actions: [
46 | "geo:GetMapTile",
47 | "geo:GetMapSprites",
48 | "geo:GetMapGlyphs",
49 | "geo:GetMapStyleDescriptor",
50 | ],
51 | resources: [map.attrArn],
52 | }),
53 | ],
54 | });
55 |
56 | // apply the policy to the authenticated role
57 | backend.auth.resources.authenticatedUserIamRole.attachInlinePolicy(myGeoPolicy);
58 |
59 | // patch the map resource to the expected output configuration
60 | backend.addOutput({
61 | geo: {
62 | aws_region: geoStack.region,
63 | maps: {
64 | items: {
65 | [map.mapName]: {
66 | style: "VectorEsriDarkGrayCanvas",
67 | },
68 | },
69 | default: map.mapName,
70 | },
71 | },
72 | });
73 |
74 | // IoT Resources
75 |
76 | // grant the list sensors function access to search all IoT devices
77 | const listSensorsLambda = backend.listSensors.resources.lambda;
78 |
79 | listSensorsLambda.addToRolePolicy(
80 | new PolicyStatement({
81 | actions: ["iot:SearchIndex"],
82 | resources: ["arn:aws:iot:*:*:*"],
83 | })
84 | );
85 |
86 | const iotStack = backend.createStack("iot-stack");
87 |
88 | const sendSensorValueLambda = backend.sendSensorValue.resources.lambda;
89 |
90 | // create a rule to process messages from the sensors - send them to the lambda function
91 | const rule = new CfnTopicRule(iotStack, "SendSensorValueRule", {
92 | topicRulePayload: {
93 | sql: "select * as data, topic(4) as sensorId from 'dt/bay-health/SF/+/sensor-value'",
94 | actions: [
95 | {
96 | lambda: {
97 | functionArn: sendSensorValueLambda.functionArn,
98 | },
99 | },
100 | ],
101 | },
102 | });
103 |
104 | // allow IoT rule to invoke the lambda function
105 | sendSensorValueLambda.addPermission("AllowIoTInvoke", {
106 | principal: new ServicePrincipal("iot.amazonaws.com"),
107 | sourceArn: `arn:aws:iot:${iotStack.region}:${iotStack.account}:rule/SendSensorValueRule*`,
108 | });
109 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Contributing Guidelines
2 |
3 | Thank you for your interest in contributing to our project. Whether it's a bug report, new feature, correction, or additional
4 | documentation, we greatly value feedback and contributions from our community.
5 |
6 | Please read through this document before submitting any issues or pull requests to ensure we have all the necessary
7 | information to effectively respond to your bug report or contribution.
8 |
9 |
10 | ## Reporting Bugs/Feature Requests
11 |
12 | We welcome you to use the GitHub issue tracker to report bugs or suggest features.
13 |
14 | When filing an issue, please check existing open, or recently closed, issues to make sure somebody else hasn't already
15 | reported the issue. Please try to include as much information as you can. Details like these are incredibly useful:
16 |
17 | * A reproducible test case or series of steps
18 | * The version of our code being used
19 | * Any modifications you've made relevant to the bug
20 | * Anything unusual about your environment or deployment
21 |
22 |
23 | ## Contributing via Pull Requests
24 | Contributions via pull requests are much appreciated. Before sending us a pull request, please ensure that:
25 |
26 | 1. You are working against the latest source on the *master* branch.
27 | 2. You check existing open, and recently merged, pull requests to make sure someone else hasn't addressed the problem already.
28 | 3. You open an issue to discuss any significant work - we would hate for your time to be wasted.
29 |
30 | To send us a pull request, please:
31 |
32 | 1. Fork the repository.
33 | 2. Modify the source; please focus on the specific change you are contributing. If you also reformat all the code, it will be hard for us to focus on your change.
34 | 3. Ensure local tests pass.
35 | 4. Commit to your fork using clear commit messages.
36 | 5. Send us a pull request, answering any default questions in the pull request interface.
37 | 6. Pay attention to any automated CI failures reported in the pull request, and stay involved in the conversation.
38 |
39 | GitHub provides additional document on [forking a repository](https://help.github.com/articles/fork-a-repo/) and
40 | [creating a pull request](https://help.github.com/articles/creating-a-pull-request/).
41 |
42 |
43 | ## Finding contributions to work on
44 | Looking at the existing issues is a great way to find something to contribute on. As our projects, by default, use the default GitHub issue labels (enhancement/bug/duplicate/help wanted/invalid/question/wontfix), looking at any 'help wanted' issues is a great place to start.
45 |
46 |
47 | ## Code of Conduct
48 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct).
49 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact
50 | opensource-codeofconduct@amazon.com with any additional questions or comments.
51 |
52 |
53 | ## Security issue notifications
54 | If you discover a potential security issue in this project we ask that you notify AWS/Amazon Security via our [vulnerability reporting page](http://aws.amazon.com/security/vulnerability-reporting/). Please do **not** create a public github issue.
55 |
56 |
57 | ## Licensing
58 |
59 | See the [LICENSE](LICENSE) file for our project's licensing. We will ask you to confirm the licensing of your contribution.
60 |
61 | We may ask you to sign a [Contributor License Agreement (CLA)](http://en.wikipedia.org/wiki/Contributor_License_Agreement) for larger changes.
62 |
--------------------------------------------------------------------------------
/web/src/MapPage.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from "react";
2 | import { createMap } from "maplibre-gl-js-amplify";
3 | import { Marker } from "maplibre-gl";
4 | import { generateClient } from "aws-amplify/api";
5 | import { listSensors } from "./graphql/queries";
6 | import { onCreateSensorValue } from "./graphql/subscriptions";
7 |
8 | import "maplibre-gl/dist/maplibre-gl.css";
9 | import "./MapPage.css";
10 |
11 | const MapPage = () => {
12 | useEffect(() => {
13 | var map;
14 |
15 | const CreateSensorMarker = (sensor) => {
16 | var marker = document.createElement("div");
17 | marker.id = "sensor-image-" + sensor.sensorId;
18 | marker.className = "sensor";
19 |
20 | let sensorColor = "white";
21 | marker.style.backgroundColor = sensorColor;
22 | marker.style.border = "border: 0.1em solid " + sensorColor + ";";
23 |
24 | return marker;
25 | };
26 |
27 | // call api to get list of sensors and display them as markers on the map
28 | async function DisplaySensors(map) {
29 | const client = generateClient();
30 | const response = await client.graphql({ query: listSensors });
31 | console.log("API Response:", response);
32 |
33 | if (response && response.data) {
34 | console.log("sensors retrived");
35 |
36 | response.data.listSensors.forEach((sensor) => {
37 | var marker = CreateSensorMarker(sensor);
38 | console.log(sensor);
39 | new Marker({ element: marker })
40 | .setLngLat([sensor.geo.longitude, sensor.geo.latitude])
41 | .addTo(map);
42 | });
43 | }
44 | }
45 |
46 | // configure and display the map
47 | async function initializeMap() {
48 | try {
49 | map = await createMap({
50 | container: "map",
51 | center: [-122.2, 37.705],
52 | zoom: 10,
53 | maxZoom: 10,
54 | });
55 |
56 | map.repaint = true;
57 |
58 | console.log("Map Rendered");
59 |
60 | await DisplaySensors(map);
61 | } catch (error) {
62 | console.log("error fetching sensors", error);
63 | }
64 | }
65 |
66 | initializeMap();
67 | }, []);
68 |
69 | // start subscription for sensor status changes and update sensor marker color
70 | useEffect(() => {
71 | const UpdateSensorMarker = (sensorId, status) => {
72 | var marker = document.getElementById("sensor-image-" + sensorId);
73 |
74 | if (marker) {
75 | let sensorColor = "";
76 |
77 | if (status === 1) {
78 | sensorColor = "green";
79 | } else if (status === 2) {
80 | sensorColor = "yellow";
81 | } else if (status === 3) {
82 | sensorColor = "red";
83 | } else {
84 | sensorColor = "white";
85 | }
86 |
87 | marker.style.backgroundColor = sensorColor;
88 | marker.style.border = `border: 0.1em solid ${sensorColor};`;
89 |
90 | console.log(sensorId + " updated");
91 | }
92 | };
93 |
94 | const client = generateClient();
95 | const createSub = client.graphql({ query: onCreateSensorValue }).subscribe({
96 | next: ({ data }) => {
97 | UpdateSensorMarker(
98 | data.onCreateSensorValue.sensorId,
99 | data.onCreateSensorValue.status
100 | );
101 | },
102 | error: (error) => console.warn(error),
103 | });
104 | }, []);
105 |
106 | return (
107 |
108 |
Bay Health
109 |
110 |