From 8466989504b16fedd7e2342f94265dbca8651261 Mon Sep 17 00:00:00 2001
From: Ryan Lamb <4955475+kinyoklion@users.noreply.github.com>
Date: Wed, 7 Dec 2022 09:00:10 -0800
Subject: [PATCH 01/15] Update to use 3.x sdk.

---
 index.html | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
index e992944..df0f597 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
     <title>LaunchDarkly tutorial</title>
-    <script src="https://unpkg.com/launchdarkly-js-client-sdk@2"></script>
+    <script src="https://unpkg.com/launchdarkly-js-client-sdk@3"></script>
   </head>
   <body>
     <script>
@@ -16,11 +16,12 @@
       // Set flagKey to the feature flag key you want to evaluate
       const flagKey = 'my-boolean-flag';
 
-      // Set up the user properties. This user should appear on your
-      // LaunchDarkly users dashboard soon after you run the demo.
-      const user = {
-        'key': 'example-user-key',
-        'name': 'Sandy'
+      // Set up the context properties. This context should appear on your
+      // LaunchDarkly contexts dashboard soon after you run the demo.
+      const context = {
+        kind: 'user',
+        key: 'example-context-key',
+        name: 'Sandy'
       };
 
       var div = document.createElement('div');
@@ -32,11 +33,11 @@
         return;
       }
 
-      const ldclient = LDClient.initialize(clientSideID, user);
+      const ldclient = LDClient.initialize(clientSideID, context);
 
       function render() {
         const flagValue = ldclient.variation(flagKey, false);
-        const label = 'Feature flag ' + flagKey + ' is ' + flagValue + ' for this user';
+        const label = 'Feature flag ' + flagKey + ' is ' + flagValue + ' for this context';
         div.replaceChild(document.createTextNode(label), div.firstChild);
       }
 
@@ -52,7 +53,7 @@
 
       // Here we ensure that the SDK shuts down cleanly and has a chance
       // to deliver analytics envets to LaunchDarkly before the program
-      // exits. If analytics events are not delivered, the user properties
+      // exits. If analytics events are not delivered, the context properties
       // and flag usage statistics will not appear on your dashboard.
       // In a normal long-running application, the SDK would continue
       // running and events would be delivered automatically in the background.

From 92c69d011e6486d73c3eb20f5cf0498ee308a738 Mon Sep 17 00:00:00 2001
From: "Matthew M. Keeler" <mkeeler@launchdarkly.com>
Date: Tue, 14 Nov 2023 10:24:57 -0500
Subject: [PATCH 02/15] doc: Fix typo

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index df0f597..7fd7375 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@
 
 
       // Here we ensure that the SDK shuts down cleanly and has a chance
-      // to deliver analytics envets to LaunchDarkly before the program
+      // to deliver analytics events to LaunchDarkly before the program
       // exits. If analytics events are not delivered, the context properties
       // and flag usage statistics will not appear on your dashboard.
       // In a normal long-running application, the SDK would continue

From 37989ddf857cf7cddefc6dc2bc063547ef8836f5 Mon Sep 17 00:00:00 2001
From: Ryan Lamb <4955475+kinyoklion@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:26:22 -0800
Subject: [PATCH 03/15] fix: Remove client.close to ensure events are
 delivered. (#10)

* fix: Remove client.close to ensure events are delivered.

* Remove comment.
---
 index.html | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 7fd7375..6bef2a0 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
 
       function render() {
         const flagValue = ldclient.variation(flagKey, false);
-        const label = 'Feature flag ' + flagKey + ' is ' + flagValue + ' for this context';
+        const label = 'Feature flag ' + flagKey + ' is ' + flagValue + ' for this context. ';
         div.replaceChild(document.createTextNode(label), div.firstChild);
       }
 
@@ -49,15 +49,6 @@
       });
       ldclient.on('ready', render);
       ldclient.on('change', render);
-
-
-      // Here we ensure that the SDK shuts down cleanly and has a chance
-      // to deliver analytics events to LaunchDarkly before the program
-      // exits. If analytics events are not delivered, the context properties
-      // and flag usage statistics will not appear on your dashboard.
-      // In a normal long-running application, the SDK would continue
-      // running and events would be delivered automatically in the background.
-      ldclient.close();
     }
     main();
     </script>

From 30c2a911cea7d3fc52cdaa7ecef40452a332fb87 Mon Sep 17 00:00:00 2001
From: Louis Chan <lchan@launchdarkly.com>
Date: Wed, 27 Mar 2024 15:50:45 -0700
Subject: [PATCH 04/15] feature: Update the hello apps based on the new spec

---
 index.css  | 11 +++++++++++
 index.html | 10 ++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 index.css

diff --git a/index.css b/index.css
new file mode 100644
index 0000000..f7b8c80
--- /dev/null
+++ b/index.css
@@ -0,0 +1,11 @@
+body {
+  margin: 0;
+  color: white;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+}
+
diff --git a/index.html b/index.html
index 6bef2a0..d03dfe2 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
     <title>LaunchDarkly tutorial</title>
     <script src="https://unpkg.com/launchdarkly-js-client-sdk@3"></script>
+    <link rel="stylesheet" href="./index.css">
   </head>
   <body>
     <script>
@@ -14,9 +15,9 @@
       const clientSideID = '';
 
       // Set flagKey to the feature flag key you want to evaluate
-      const flagKey = 'my-boolean-flag';
+      const flagKey = 'sample-feature';
 
-      // Set up the context properties. This context should appear on your
+      // Set up the evaluation context. This context should appear on your
       // LaunchDarkly contexts dashboard soon after you run the demo.
       const context = {
         kind: 'user',
@@ -38,6 +39,11 @@
       function render() {
         const flagValue = ldclient.variation(flagKey, false);
         const label = 'Feature flag ' + flagKey + ' is ' + flagValue + ' for this context. ';
+        if (flagValue) {
+          document.body.style.background =  "#00844B";
+        } else {
+          document.body.style.background =  "#373841";
+        }
         div.replaceChild(document.createTextNode(label), div.firstChild);
       }
 

From 3a632ea882046a1ad5275a453f662f5080ea8bb1 Mon Sep 17 00:00:00 2001
From: Louis Chan <lchan@launchdarkly.com>
Date: Wed, 27 Mar 2024 16:17:52 -0700
Subject: [PATCH 05/15] fix: code review comments

---
 index.css  | 1 +
 index.html | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.css b/index.css
index f7b8c80..ad0c82f 100644
--- a/index.css
+++ b/index.css
@@ -1,5 +1,6 @@
 body {
   margin: 0;
+  background: #373841;
   color: white;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
diff --git a/index.html b/index.html
index d03dfe2..99416e6 100644
--- a/index.html
+++ b/index.html
@@ -48,10 +48,10 @@
       }
 
       ldclient.on('initialized', () => {
-        div.appendChild(document.createTextNode('SDK successfully initialized!'), div.firstChild);
+        div.replaceChild(document.createTextNode('SDK successfully initialized!'), div.firstChild);
       });
       ldclient.on('failed', () => {
-        div.appendChild(document.createTextNode('SDK failed to initialize'), div.firstChild);
+        div.replaceChild(document.createTextNode('SDK failed to initialize'), div.firstChild);
       });
       ldclient.on('ready', render);
       ldclient.on('change', render);

From f5220f2a262414f7a0f0997b41069d67a0ba5d7f Mon Sep 17 00:00:00 2001
From: Louis Chan <lchan@launchdarkly.com>
Date: Mon, 22 Apr 2024 22:39:41 -0700
Subject: [PATCH 06/15] fix: Update the display text to align with the spec

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 99416e6..e4e59da 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
 
       function render() {
         const flagValue = ldclient.variation(flagKey, false);
-        const label = 'Feature flag ' + flagKey + ' is ' + flagValue + ' for this context. ';
+        const label = 'The ' + flagKey + ' feature flag evaluates to ' + flagValue + '.';
         if (flagValue) {
           document.body.style.background =  "#00844B";
         } else {

From 5e064260ffc719e4011006f086433ad46794e3b1 Mon Sep 17 00:00:00 2001
From: Louis Chan <91093020+louis-launchdarkly@users.noreply.github.com>
Date: Tue, 23 Apr 2024 14:34:21 -0700
Subject: [PATCH 07/15] Update index.html

Co-authored-by: Yusinto Ngadiman <yusinto@gmail.com>
---
 index.html | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index e4e59da..8ec9496 100644
--- a/index.html
+++ b/index.html
@@ -38,12 +38,8 @@
 
       function render() {
         const flagValue = ldclient.variation(flagKey, false);
-        const label = 'The ' + flagKey + ' feature flag evaluates to ' + flagValue + '.';
-        if (flagValue) {
-          document.body.style.background =  "#00844B";
-        } else {
-          document.body.style.background =  "#373841";
-        }
+      const label = `The ${flagKey} feature flag evalutes to ${flagValue}.`;
+      document.body.style.background = flagValue ? '#00844B' : '#373841';
         div.replaceChild(document.createTextNode(label), div.firstChild);
       }
 

From ccbc66406abe432b48bd0390f8b06a294de6a52c Mon Sep 17 00:00:00 2001
From: Molly <molly.jones@launchdarkly.com>
Date: Wed, 24 Apr 2024 16:57:52 -0700
Subject: [PATCH 08/15] typo fix

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8ec9496..70a387d 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
 
       function render() {
         const flagValue = ldclient.variation(flagKey, false);
-      const label = `The ${flagKey} feature flag evalutes to ${flagValue}.`;
+      const label = `The ${flagKey} feature flag evaluates to ${flagValue}.`;
       document.body.style.background = flagValue ? '#00844B' : '#373841';
         div.replaceChild(document.createTextNode(label), div.firstChild);
       }

From 10c6e5a19fd876c72a2def060e5f472f15ff48a6 Mon Sep 17 00:00:00 2001
From: Molly <molly.jones@launchdarkly.com>
Date: Wed, 24 Apr 2024 17:04:55 -0700
Subject: [PATCH 09/15] not actually a console app

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c3eac54..030a648 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
 ### LaunchDarkly Sample JavaScript Application 
-We've built a simple console application that demonstrates how LaunchDarkly's SDK works.  Below, you'll find the basic build procedure, but for more comprehensive instructions, you can visit your [Quickstart page](https://app.launchdarkly.com/quickstart#/) or the [JavaScript SDK reference guide](https://docs.launchdarkly.com/sdk/client-side/javascript).
+
+We've built a simple browser application that demonstrates how LaunchDarkly's SDK works. Below, you'll find the basic build procedure, but for more comprehensive instructions, you can visit your [Quickstart page](https://app.launchdarkly.com/quickstart#/) or the [JavaScript SDK reference guide](https://docs.launchdarkly.com/sdk/client-side/javascript).
 
 #### Build instructions 
 

From a197e207152637238439f6e602246c031aa0f23c Mon Sep 17 00:00:00 2001
From: Molly <molly.jones@launchdarkly.com>
Date: Wed, 24 Apr 2024 17:05:16 -0700
Subject: [PATCH 10/15] readme description of message to match code

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 030a648..b97f363 100644
--- a/README.md
+++ b/README.md
@@ -13,4 +13,4 @@ const flagKey = 'my-flag-key';
 
 2. Open `index.html` in your browser.
 
-You should receive the message "Feature flag key '<flag key>' is <true/false> for this user".
+You should receive the message "The <flag key> feature flag evaluates to <flag value>."

From ed3a8ecd6fb3ba687d9c2b3c65c9613460f30314 Mon Sep 17 00:00:00 2001
From: Molly <molly.jones@launchdarkly.com>
Date: Wed, 24 Apr 2024 17:06:15 -0700
Subject: [PATCH 11/15] use sentence case for both headings

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b97f363..cec9625 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-### LaunchDarkly Sample JavaScript Application 
+### LaunchDarkly sample JavaScript application 
 
 We've built a simple browser application that demonstrates how LaunchDarkly's SDK works. Below, you'll find the basic build procedure, but for more comprehensive instructions, you can visit your [Quickstart page](https://app.launchdarkly.com/quickstart#/) or the [JavaScript SDK reference guide](https://docs.launchdarkly.com/sdk/client-side/javascript).
 

From 3a95d3398a83a86952d373671dddb51b911ffae5 Mon Sep 17 00:00:00 2001
From: Molly <molly.jones@launchdarkly.com>
Date: Wed, 24 Apr 2024 17:31:25 -0700
Subject: [PATCH 12/15] update context key to match spec

https://github.com/launchdarkly/sdk-specs/tree/main/specs/EXAM-SDK-example/HELLO-hello-apps#requirement-121
---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 70a387d..414ba04 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
       // LaunchDarkly contexts dashboard soon after you run the demo.
       const context = {
         kind: 'user',
-        key: 'example-context-key',
+        key: 'example-user-key',
         name: 'Sandy'
       };
 

From 203314f3b0d2844035e1193aadb15b65e3cb6040 Mon Sep 17 00:00:00 2001
From: Molly <molly.jones@launchdarkly.com>
Date: Wed, 24 Apr 2024 17:36:10 -0700
Subject: [PATCH 13/15] finish updating readme to spec

---
 README.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index cec9625..3059c94 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,8 @@
 ### LaunchDarkly sample JavaScript application 
 
-We've built a simple browser application that demonstrates how LaunchDarkly's SDK works. Below, you'll find the basic build procedure, but for more comprehensive instructions, you can visit your [Quickstart page](https://app.launchdarkly.com/quickstart#/) or the [JavaScript SDK reference guide](https://docs.launchdarkly.com/sdk/client-side/javascript).
+We've built a simple browser application that demonstrates how LaunchDarkly's SDK works. 
+
+Below, you'll find the basic build procedure, but for more comprehensive instructions, you can visit your [Quickstart page](https://app.launchdarkly.com/quickstart#/) or the [JavaScript SDK reference guide](https://docs.launchdarkly.com/sdk/client-side/javascript).
 
 #### Build instructions 
 
@@ -13,4 +15,4 @@ const flagKey = 'my-flag-key';
 
 2. Open `index.html` in your browser.
 
-You should receive the message "The <flag key> feature flag evaluates to <flag value>."
+You should receive the message "The <flagKey> feature flag evaluates to <flagValue>." The application will run continuously and react to the flag changes in LaunchDarkly.

From 0ebe012841d5119af9feedc9b1ac84d2a4b85f4b Mon Sep 17 00:00:00 2001
From: mehdimirzaeeofficcial-cyber <mehdi.mirzaee.officcial@gmail.com>
Date: Fri, 24 Oct 2025 22:17:41 +0330
Subject: [PATCH 14/15] Add GitHub Actions workflow for Azure Node.js
 deployment

This workflow automates the build and deployment of a Node.js application to Azure Web Apps upon commits to the main branch.
---
 .github/workflows/azure-webapps-node.yml | 78 ++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 .github/workflows/azure-webapps-node.yml

diff --git a/.github/workflows/azure-webapps-node.yml b/.github/workflows/azure-webapps-node.yml
new file mode 100644
index 0000000..2ebbac2
--- /dev/null
+++ b/.github/workflows/azure-webapps-node.yml
@@ -0,0 +1,78 @@
+# This workflow will build and push a node.js application to an Azure Web App when a commit is pushed to your default branch.
+#
+# This workflow assumes you have already created the target Azure App Service web app.
+# For instructions see https://docs.microsoft.com/en-us/azure/app-service/quickstart-nodejs?tabs=linux&pivots=development-environment-cli
+#
+# To configure this workflow:
+#
+# 1. Download the Publish Profile for your Azure Web App. You can download this file from the Overview page of your Web App in the Azure Portal.
+#    For more information: https://docs.microsoft.com/en-us/azure/app-service/deploy-github-actions?tabs=applevel#generate-deployment-credentials
+#
+# 2. Create a secret in your repository named AZURE_WEBAPP_PUBLISH_PROFILE, paste the publish profile contents as the value of the secret.
+#    For instructions on obtaining the publish profile see: https://docs.microsoft.com/azure/app-service/deploy-github-actions#configure-the-github-secret
+#
+# 3. Change the value for the AZURE_WEBAPP_NAME. Optionally, change the AZURE_WEBAPP_PACKAGE_PATH and NODE_VERSION environment variables below.
+#
+# For more information on GitHub Actions for Azure: https://github.com/Azure/Actions
+# For more information on the Azure Web Apps Deploy action: https://github.com/Azure/webapps-deploy
+# For more samples to get started with GitHub Action workflows to deploy to Azure: https://github.com/Azure/actions-workflow-samples
+
+on:
+  push:
+    branches: [ "main" ]
+  workflow_dispatch:
+
+env:
+  AZURE_WEBAPP_NAME: your-app-name    # set this to your application's name
+  AZURE_WEBAPP_PACKAGE_PATH: '.'      # set this to the path to your web app project, defaults to the repository root
+  NODE_VERSION: '20.x'                # set this to the node version to use
+
+permissions:
+  contents: read
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ env.NODE_VERSION }}
+        cache: 'npm'
+
+    - name: npm install, build, and test
+      run: |
+        npm install
+        npm run build --if-present
+        npm run test --if-present
+
+    - name: Upload artifact for deployment job
+      uses: actions/upload-artifact@v4
+      with:
+        name: node-app
+        path: .
+
+  deploy:
+    permissions:
+      contents: none
+    runs-on: ubuntu-latest
+    needs: build
+    environment:
+      name: 'Development'
+      url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}
+
+    steps:
+    - name: Download artifact from build job
+      uses: actions/download-artifact@v4
+      with:
+        name: node-app
+
+    - name: 'Deploy to Azure WebApp'
+      id: deploy-to-webapp
+      uses: azure/webapps-deploy@v2
+      with:
+        app-name: ${{ env.AZURE_WEBAPP_NAME }}
+        publish-profile: ${{ secrets.AZURE_WEBAPP_PUBLISH_PROFILE }}
+        package: ${{ env.AZURE_WEBAPP_PACKAGE_PATH }}

From fad10656467052eaa222e91491a106eab1bf7e4c Mon Sep 17 00:00:00 2001
From: mehdimirzaeeofficcial-cyber <mehdi.mirzaee.officcial@gmail.com>
Date: Fri, 24 Oct 2025 19:06:57 +0000
Subject: [PATCH 15/15]

---
 .github/copilot-instructions.md | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 .github/copilot-instructions.md

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
new file mode 100644
index 0000000..e69de29
