Modifying JS function (#377)

* Adding lab Ops Insights for HeatWave MySQL

Adding lab Ops Insights for HeatWave MySQL

* Modifying the last update by and date

Modifying the last update by and date

* Changing the estimated time and adding images for better understanding

Changing the estimated time and adding images for better understanding

* Updating file path

* Modifying the estimated time and adding images for better understanding

Modifying the estimated time and adding images for better understanding

* Revert "Merge branch 'main' of https://github.com/SindhujaReddy-VT/em-omc"

This reverts commit 68e75fd, reversing
changes made to dbb3770.

* Create jekyll-docker.yml

* Adding lab MySQL connectors

* Wording changes

* Added Swagger UI to Test Rest Features Lab

* Updated images

* Modifing database name

* Modified JS function

Author: SindhujaReddy-VT

mysql/accelerate-app-development-with-low-code/b-lab-one-mysql-rest-service/mrs.md

@@ -183,8 +183,11 @@ Estimated time: 30 minutes
 
     ![Started Local Instance](./images/started-local-instance.png " ")
 
-15. Access the APIs using the URL **https://localhost:8445/HRService/HRDB/employee**.
+15. Access the APIs using the URL:
 
+     ```
+     <copy>https://localhost:8445/HRService/HRDB/employee</copy>
+     ```
      ![Output](./images/chrome-output.png " ")
 
 16. Adding a Primary Key value to the **request path (e.g. /1)** will filter the result to a single data set.
@@ -202,7 +205,11 @@ Adding offset and limit as query parameters allow you to page the full data set.
 
      ![Open API Window](./images/open-api-dialog.png " ")
 
-3. After deployment completes access the Web UI. Open in your browser to launch OpenAPI Web UI, where you can test and explore the REST endpoints for your HR service **https://localhost:8445/myService/openApiUi/#/**.
+3. After deployment completes access the Web UI. Open in your browser to launch OpenAPI Web UI, where you can test and explore the REST endpoints for your HR service.
+
+     ```
+     <copy>https://localhost:8445/myService/openApiUi/#/</copy>
+     ```
 
      ![Swagger UI](./images/swagger-ui.png " ")
 
@@ -229,7 +236,11 @@ Adding offset and limit as query parameters allow you to page the full data set.
 
      ![Swagger Post Response](./images/swagger-post-request.png " ")
 
-9. After that check the output of **https://localhost:8445/HRService/HRDB/employee** on the other chrome tab to see the new employee added in the list.
+9. After that check the output on the other chrome tab to see the new employee added in the list.
+
+     ```
+     <copy>https://localhost:8445/HRService/HRDB/employee</copy>
+     ```
 
      ![Chrome Output](./images/chrome-post.png " ")
 
@@ -241,7 +252,11 @@ Adding offset and limit as query parameters allow you to page the full data set.
 
      ![Swagger Delete Response](./images/swagger-delete-request.png " ")
 
-12. After that check the output of **https://localhost:8445/HRService/HRDB/employee** on the other chrome tab where the deleted record should no longer appear in the list.
+12. After that check the output on the other chrome tab where the deleted record should no longer appear in the list.
+
+     ```
+     <copy>https://localhost:8445/HRService/HRDB/employee</copy>
+     ```
 
      ![Chrome Output](./images/chrome-delete.png " ")
 
@@ -253,7 +268,11 @@ Adding offset and limit as query parameters allow you to page the full data set.
 
      ![Swagger Put Response](./images/swagger-put-request.png " ")
 
-15. After that check the output of **https://localhost:8445/HRService/HRDB/employee** on the other chrome tab to look for the updated details in the response.
+15. After that check the output on the other chrome tab to look for the updated details in the response.
+
+     ```
+     <copy>https://localhost:8445/HRService/HRDB/employee</copy>
+     ```
 
      ![Chrome Output](./images/chrome-put.png " ")
 
@@ -263,6 +282,6 @@ Adding offset and limit as query parameters allow you to page the full data set.
 
 ## Acknowledgements
 
-* **Author** - Sindhuja Banka, HeatWave MySQL Product Manager
+* **Author** - Sindhuja Banka, MySQL HeatWave Product Manager
 * **Contributors** - Sindhuja Banka, Anand Prabhu
 * **Last Updated By/Date** - Sindhuja Banka, August 2025

mysql/accelerate-app-development-with-low-code/c-lab-two-javascript/images/call-procedure.png

@@ -103,71 +103,66 @@ MySQL-JavaScript unlocks new opportunities in application design that were once
 5. Execute the following procedure that calculates risk based on income and credit score, with JavaScript inside MySQL handling the maskung of PII fields for secure data processing.
 
     ```
-     <copy>
-      create PROCEDURE get_masked_customer_by_cif(IN cif_id int)
-      LANGUAGE javascript as $$
+      <copy>
+      CREATE PROCEDURE `javascript_demo`.`get_masked_customer_by_cif`(IN cif_id int, OUT masked JSON)
+      DETERMINISTIC LANGUAGE JAVASCRIPT
+      AS $$
       let selectStatement = session.prepare(
-        "SELECT * FROM cif_details where cif_id = ?"
+      "SELECT * FROM cif_details where cif_id = ?"
       );
       let result = selectStatement.bind(cif_id).execute();
       let row = result.fetchOne();
 
       if(!row){
-      console.log("Error retrieving details");
-      return {error: "No customer found."};
-      }
+            console.log("Error retrieving details");
+            return {error: "No customer found."};
+            }
 
       const maskEmail = (email) => {
             if(!email || !email.includes('@')) return email;
             const [local, domain] = email.split('@');
             if(local.length<=2) return '*'.repeat(local.length) + '@' + domain;
             return local.slice(0,2) + '*'.repeat(local.length-2) + '@' + domain;
-      };
+            };
 
       const maskPhone = (phone) => {
             if(!phone || phone.length<4) return email;
             return '*'.repeat(phone.length-4) + phone.slice(-4);
-      };
+            };
 
       const maskSSN = (ssn) => {
             if(!ssn || ssn.length<4) return ssn;
             return '***-**-' + ssn.slice(-4);
-      };
+            };
 
-      let risk_flag = 'Low';
+      let risk_flag = 'low';
       if (row.income < 50000 || row.credit_score < 600){
-            risk_flag='High';
+            risk_flag='high';
       } else if (row.credit_score < 700) {
-            risk_flag = 'Medium';
+            risk_flag = 'medium';
       }
 
-      console.log(">> PII Masked Record for CIF:", row[0])
-      console.log("   Masked Email: ", maskEmail(row[2]))
-      console.log("   Masked Phone: ", maskPhone(row[3]))
-      console.log("   Masked SSN: ", maskSSN(row[5]))
-      console.log("   Risk Status: ", risk_flag)
-
-      return {
+      masked = {
             name: row[1],
             email: maskEmail(row[2]),
             phone: maskPhone(row[3]),
-            dob: row[4],
             ssn: maskSSN(row[5]),
             income: row[6],
             credit_score: row[7],
-            address: row[8],
-            created_at: row[9]
+            risk_status: risk_flag
       }
       $$;
-    </copy>
+      </copy>
      ```
      ![JS Stored Procedure](./images/js-stored-procedure.png " ")
 
 6. Test the procedure call by calling it with a customer ID to retrieve customer data with masked PII fields and calculated risk based on income and credit score.
 
     ```
      <copy>
-    CALL get_masked_customer_by_cif(1);</copy>
+     CALL`javascript_demo`.`get_masked_customer_by_cif`(1, @out);
+     SELECT @out;
+     </copy>
      ```
      ![Call Stored Procedure](./images/call-procedure.png " ")
 
@@ -255,6 +250,6 @@ MySQL-JavaScript unlocks new opportunities in application design that were once
 
 ## Acknowledgements
 
-* **Author** - Sindhuja Banka, HeatWave MySQL Product Manager
+* **Author** - Sindhuja Banka, MySQL HeatWave Product Manager
 * **Contributors** - Sindhuja Banka, Anand Prabhu
 * **Last Updated By/Date** - Sindhuja Banka, July 2025

mysql/accelerate-app-development-with-low-code/c-lab-two-javascript/images/js-stored-procedure.png

@@ -104,6 +104,6 @@ Estimated time: 10 minutes
 
 ## Acknowledgements
 
-* **Author** - Sindhuja Banka, HeatWave MySQL Product Manager
+* **Author** - Sindhuja Banka, MySQL HeatWave Product Manager
 * **Contributors** - Sindhuja Banka, Anand Prabhu
 * **Last Updated By/Date** - Sindhuja Banka, July 2025

mysql/accelerate-app-development-with-low-code/c-lab-two-javascript/images/procedure-output.png

@@ -97,6 +97,6 @@ AGAINST('+MySQL +JSON' IN BOOLEAN MODE);</copy>
 
 ## Acknowledgements
 
-* **Author** - Sindhuja Banka, HeatWave MySQL Product Manager
+* **Author** - Sindhuja Banka, MySQL HeatWave Product Manager
 * **Contributors** - Sindhuja Banka, Anand Prabhu
 * **Last Updated By/Date** - Sindhuja Banka, July 2025

mysql/accelerate-app-development-with-low-code/c-lab-two-javascript/javascript.md

@@ -181,6 +181,6 @@ VALUES ('PolicyDoc', COMPRESS(REPEAT('This is a very large block of text. ', 50)
 
 ## Acknowledgements
 
-* **Author** - Sindhuja Banka, HeatWave MySQL Product Manager
+* **Author** - Sindhuja Banka, MySQL HeatWave Product Manager
 * **Contributors** - Sindhuja Banka, Anand Prabhu
 * **Last Updated By/Date** - Sindhuja Banka, July 2025

mysql/accelerate-app-development-with-low-code/d-lab-three-json-functions/json.md

@@ -49,11 +49,11 @@ By the end of this lab, you'll be able to:
 4. In VS Code’s terminal, run the following command and press Enter to install the necessary Python connector. This step prepares your Python environment to communicate with MySQL databases.
 
      ```
-     <copy>pip install mysql-connector-python</copy>
+     <copy>pip show mysql-connector-python</copy>
      ```
-     ![Select Records](./images/pip-install-python.png " ")
+     ![Select Records](./images/pip-show-python.png " ")
 
-5. After running the install command, check the terminal output for a message indicating that mysql-connector-python has been successfully installed. Look for lines like **Successfully installed mysql-connector-python** to confirm the installation completed without errors.
+5. After running the show command, check the terminal output for a message indicating that mysql-connector-python has been successfully retrieved.
 
      ![Select Statement](./images/python-installation.png " ")
 
@@ -160,6 +160,6 @@ By the end of this lab, you'll be able to:
 
 ## Acknowledgements
 
-* **Author** - Sindhuja Banka, HeatWave MySQL Product Manager
+* **Author** - Sindhuja Banka, MySQL HeatWave Product Manager
 * **Contributors** - Sindhuja Banka, Anand Prabhu
 * **Last Updated By/Date** - Sindhuja Banka, July 2025