style: [sdk-1556] convert example to ts

Author: joker23

packages/sdk/shopify-oxygen/example/app.js renamed to packages/sdk/shopify-oxygen/example/app.ts

@@ -7,7 +7,7 @@ import {createMiniOxygen} from '@shopify/mini-oxygen';
  * For the actual example implementation, see the src/index.ts file.
  */
 
-const printValueAndBanner = (flagKey, flagValue) => {
+const printValueAndBanner = (flagKey: string, flagValue: string) => {
   console.log(`*** The '${flagKey}' feature flag evaluates to ${flagValue}.`);
 
   if (flagValue) {
@@ -48,8 +48,8 @@ const main = async () => {
     const interval = setInterval(() => {
       // NOTE: This is a bogus URL and will not be used in the actual fetch handler.
       // please see the src/index.ts file for the actual fetch handler.
-      miniOxygen.dispatchFetch('https://localhost:8000')
-        .then(d => d.json())
+      miniOxygen.dispatchFetch('https://localhost:8000' as any)
+        .then(d => d.json() as Promise<any>)
         .then(({flagValue, flagKey}) => {
           console.clear();
           printValueAndBanner(flagKey, flagValue);
@@ -65,7 +65,7 @@ const main = async () => {
     process.stdin.resume();
     process.stdin.setEncoding('utf8');
 
-    process.stdin.on('data', async (key) => {
+    process.stdin.on('data', async (key: string) => {
       // Handle Ctrl+C
       if (key === '\u0003') {
         clearInterval(interval);

packages/sdk/shopify-oxygen/example/package.json

@@ -4,12 +4,14 @@
   "scripts": {
     "build": "tsup",
     "clean": "rm -rf dist",
-    "start": "yarn clean && yarn build && yarn node app.js"
+    "start": "yarn clean && yarn build && ts-node app.ts"
   },
   "type": "module",
   "dependencies": {
     "@launchdarkly/shopify-oxygen-sdk": "latest",
-    "@shopify/mini-oxygen": "^4.0.0"
+    "@shopify/mini-oxygen": "^4.0.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3"
   },
   "devDependencies": {
     "tsup": "^8.5.1"