diff --git a/sampleapps/testapp_RDKNativescript/exports.sh b/sampleapps/testapp_RDKNativescript/exports.sh
new file mode 100644
index 0000000..82b5e20
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/exports.sh
@@ -0,0 +1,38 @@
+# /**
+#  * If not stated otherwise in this file or this component's LICENSE
+#  * file the following copyright and licenses apply:
+#  *
+#  * Copyright 2024 RDK Management
+#  *
+#  * Licensed under the Apache License, Version 2.0 (the "License");
+#  * you may not use this file except in compliance with the License.
+#  * You may obtain a copy of the License at
+#  *
+#  * http://www.apache.org/licenses/LICENSE-2.0
+#  *
+#  * Unless required by applicable law or agreed to in writing, software
+#  * distributed under the License is distributed on an "AS IS" BASIS,
+#  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+#  * See the License for the specific language governing permissions and
+#  * limitations under the License.
+#  **/
+
+#!/bin/bash
+mount --bind /opt/WebKitBrowser.json /etc/WPEFramework/plugins/WebKitBrowser.json
+systemctl daemon-reload
+systemctl restart wpeframework
+# Set environment variables
+export XDG_RUNTIME_DIR=/tmp
+export WAYLAND_DISPLAY=test
+export LD_LIBRARY_PATH=/usr/lib:/media/apps/netflix/usr/lib:/tmp/netflix/usr/lib:/media/apps/libcobalt/usr/lib:/tmp/libcobalt/usr/lib
+export GST_REGISTRY=/opt/.gstreamer/registry.bin
+export GST_REGISTRY_UPDATE=no
+export ENABLE_WEBKITBROWSER_PLUGIN_ACCESSIBILITY=1
+export TTS_USE_THUNDER_CLIENT=1
+export LD_PRELOAD=/usr/lib/realtek/libVOutWrapper.so:/usr/lib/realtek/libjpu.so:/usr/lib/realtek/libvpu.so:/usr/lib/libwesteros_gl.so.0
+export XDG_DATA_HOME=/opt/QT/home
+export RDKSHELL_EASTER_EGG_FILE=/etc/rdkshell_eastereggs.conf
+export FORCE_SVP=TRUE
+export FORCE_SAP=TRUE
+
+echo "Commands executed successfully."
diff --git a/sampleapps/testapp_RDKNativescript/players/player1.js b/sampleapps/testapp_RDKNativescript/players/player1.js
new file mode 100644
index 0000000..4ab1e63
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/players/player1.js
@@ -0,0 +1,40 @@
+/**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var player = new AAMPMediaPlayer();
+var url = "https://cpetestutility.stb.r53.xcal.tv/VideoTestStream/main.mpd";
+player.setVideoRect(330,150,1600,920);
+var t = player.load(url, false);
+setTimeout(function() {
+      player.play();
+}, 0);
+
+/*
+const player = new Video();
+player.url = "https://cpetestutility.stb.r53.xcal.tv/VideoTestStream/main.mpd";
+player.autoplay = true;
+player.muted = true; // Set to false to unmute
+player.loop = true;
+player.x = 330;
+player.y = 150;
+player.width = 1600;
+player.height = 920;
+
+player.load();
+*/
diff --git a/sampleapps/testapp_RDKNativescript/players/player2.js b/sampleapps/testapp_RDKNativescript/players/player2.js
new file mode 100644
index 0000000..87ae7e4
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/players/player2.js
@@ -0,0 +1,40 @@
+/**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var player = new AAMPMediaPlayer();
+var url = "https://cdn.bitmovin.com/content/assets/art-of-motion-dash-hls-progressive/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd";
+player.setVideoRect(330,150,1600,920);
+var t = player.load(url, false);
+setTimeout(function() {
+      player.play();
+}, 0);
+
+/*
+const player = new Video();
+player.url = "https://cdn.bitmovin.com/content/assets/art-of-motion-dash-hls-progressive/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd";
+player.autoplay = true;
+player.muted = true; // Set to false to unmute
+player.loop = true;
+player.x = 330;
+player.y = 150;
+player.width = 1600;
+player.height = 920;
+
+player.load();
+*/
diff --git a/sampleapps/testapp_RDKNativescript/players/player3.js b/sampleapps/testapp_RDKNativescript/players/player3.js
new file mode 100644
index 0000000..a090ab4
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/players/player3.js
@@ -0,0 +1,40 @@
+/**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var player = new AAMPMediaPlayer();
+var url = "https://demo.unified-streaming.com/k8s/features/stable/video/tears-of-steel/tears-of-steel.ism/.m3u8";
+player.setVideoRect(330,150,1600,920);
+var t = player.load(url, false);
+setTimeout(function() {
+      player.play();
+}, 0);
+
+/*
+const player = new Video();
+player.url = "https://demo.unified-streaming.com/k8s/features/stable/video/tears-of-steel/tears-of-steel.ism/.m3u8";
+player.autoplay = true;
+player.muted = true; // Set to false to unmute
+player.loop = true;
+player.x = 330;
+player.y = 150;
+player.width = 1600;
+player.height = 920;
+
+player.load();
+*/
diff --git a/sampleapps/testapp_RDKNativescript/players/player4.js b/sampleapps/testapp_RDKNativescript/players/player4.js
new file mode 100644
index 0000000..e961164
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/players/player4.js
@@ -0,0 +1,40 @@
+/**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var player = new AAMPMediaPlayer();
+var url = "https://dash.akamaized.net/dash264/TestCases/1b/qualcomm/1/MultiRatePatched.mpd";
+player.setVideoRect(330,150,1600,920);
+var t = player.load(url, false);
+setTimeout(function() {
+      player.play();
+}, 0);
+
+/*
+const player = new Video();
+player.url = "https://dash.akamaized.net/dash264/TestCases/1b/qualcomm/1/MultiRatePatched.mpd";
+player.autoplay = true;
+player.muted = true; // Set to false to unmute
+player.loop = true;
+player.x = 330;
+player.y = 150;
+player.width = 1600;
+player.height = 920;
+
+player.load();
+*/
diff --git a/sampleapps/testapp_RDKNativescript/players/player5.js b/sampleapps/testapp_RDKNativescript/players/player5.js
new file mode 100644
index 0000000..4f4c32c
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/players/player5.js
@@ -0,0 +1,40 @@
+/**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+var player = new AAMPMediaPlayer();
+var url = "https://dash.akamaized.net/dash264/TestCases/2c/qualcomm/1/MultiResMPEG2.mpd";
+player.setVideoRect(330,150,1600,920);
+var t = player.load(url, false);
+setTimeout(function() {
+      player.play();
+}, 0);
+
+/*
+const player = new Video();
+player.url = "https://dash.akamaized.net/dash264/TestCases/2c/qualcomm/1/MultiResMPEG2.mpd";
+player.autoplay = true;
+player.muted = true; // Set to false to unmute
+player.loop = true;
+player.x = 330;
+player.y = 150;
+player.width = 1600;
+player.height = 920;
+
+player.load();
+*/
diff --git a/sampleapps/testapp_RDKNativescript/steps.txt b/sampleapps/testapp_RDKNativescript/steps.txt
new file mode 100644
index 0000000..45ef037
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/steps.txt
@@ -0,0 +1,32 @@
+Increase the NativeJS log level to DEBUG
+
+Terminal 1:
+
+Change clientIdentifier to "test" in /etc/WPEFramework/plugins/WebKitBrowser.json
+source /opt/www/demo/testapp_RDKNativescript/exports.sh
+
+systemctl stop sky-appsservice
+westeros --renderer /usr/lib/libwesteros_render_gl.so.0.0.0 --display test
+
+Terminal 2:
+export XDG_RUNTIME_DIR=/tmp
+export WAYLAND_DISPLAY=test
+export LD_LIBRARY_PATH=$LD_LIBRARY_PATH:/usr/lib/javascriptcore 
+export LD_PRELOAD=/usr/lib/realtek/libVOutWrapper.so:/usr/lib/realtek/libjpu.so:/usr/lib/realtek/libvpu.so:/usr/lib/libwesteros_gl.so.0
+
+westeros_test
+
+Open Controller UI on browser <ip_addr>:9998
+
+Activate NativeJS/jsruntime plugin using Controller UI and, 
+
+Activate WebKitBrowser plugin
+curl -d '{"jsonrpc":"2.0","id":"3","method": "Controller.1.activate", "params":{"callsign":"WebKitBrowser"}}' http://127.0.0.1:9998/jsonrpc
+
+
+Upon Refreshing the controller UI, on left side panel select WebKitBrowser
+
+Set URL http://127.0.0.1:50050/demo/testapp_RDKNativescript/video.html and reload
+
+
+
diff --git a/sampleapps/testapp_RDKNativescript/thunder.js b/sampleapps/testapp_RDKNativescript/thunder.js
new file mode 100644
index 0000000..9fbcb37
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/thunder.js
@@ -0,0 +1,517 @@
+/**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+let ws = null;
+var thunder1 = null;
+if (typeof WebSocket !== 'undefined') {
+  ws = WebSocket;
+}
+var ws_1 = ws;
+
+const requestsQueue = {};
+const listeners = {};
+
+var requestQueueResolver = data => {
+  if (typeof data === 'string') {
+    data = JSON.parse(data.normalize().replace(/\\x([0-9A-Fa-f]{2})/g, ''));
+  }
+  if (data.id) {
+    const request = requestsQueue[data.id];
+    if (request) {
+      if ('result' in data) {
+        request.resolve(data);
+      } else {
+        request.reject(data.error);
+      }
+      delete requestsQueue[data.id];
+    } else {
+      console.log('no pending request found with id ' + data.id);
+    }
+  } else if (data.method) {
+    notificationListener(data);
+  }
+};
+
+var notificationListener = data => {
+  if (typeof data === 'string') {
+    data = JSON.parse(data.normalize().replace(/\\x([0-9A-Fa-f]{2})/g, ''));
+  }
+  if (!data.id && data.method) {
+    const callbacks = listeners[data.method];
+    if (callbacks && Array.isArray(callbacks) && callbacks.length) {
+      callbacks.forEach(callback => {
+        callback(data.params);
+      });
+    }
+  }
+};
+
+const protocol = 'ws://';
+const host = 'localhost';
+const endpoint = '/jsonrpc';
+const port = 80;
+var makeWebsocketAddress = options => {
+  return [
+    (options && options.protocol) || protocol,
+    (options && options.host) || host,
+    ':' + ((options && options.port) || port),
+    (options && options.endpoint) || endpoint,
+    options && options.token ? '?token=' + options.token : null,
+  ].join('')
+};
+
+const protocols = 'notification';
+let socket = null;
+var connect = options => {
+  return new Promise((resolve, reject) => {
+    if (socket && socket.readyState === 1) return resolve(socket)
+    if (socket && socket.readyState === 0) {
+      const waitForOpen = () => {
+        socket.removeEventListener('open', waitForOpen);
+        resolve(socket);
+      };
+      return socket.addEventListener('open', waitForOpen)
+    }
+    if (socket === null) {
+      socket = new ws_1(makeWebsocketAddress(options), protocols);
+      socket.addEventListener('message', message => {
+        if (options.debug) {
+          console.log(' ');
+          console.log('API REPONSE:');
+          console.log(JSON.stringify(message.data, null, 2));
+          console.log(' ');
+        }
+        requestQueueResolver(message.data);
+      });
+      socket.addEventListener('message', message => {
+        notificationListener(message.data);
+      });
+      socket.addEventListener('error', () => {
+        console.log("MADANA ERROR !!!!!!!!!!!!!!!");
+        notificationListener({
+          method: 'client.ThunderJS.events.error',
+        });
+        socket = null;
+      });
+      const handleConnectClosure = event => {
+        socket = null;
+        reject(event);
+      };
+      socket.addEventListener('close', handleConnectClosure);
+      socket.addEventListener('open', () => {
+        notificationListener({
+          method: 'client.ThunderJS.events.connect',
+        });
+        socket.removeEventListener('close', handleConnectClosure);
+        socket.addEventListener('close', () => {
+          notificationListener({
+            method: 'client.ThunderJS.events.disconnect',
+          });
+          socket = null;
+        });
+        console.log("MADANA CONNECTED !!");
+        resolve(socket);
+      });
+    } else {
+      socket = null;
+      reject('Socket error');
+    }
+  })
+};
+
+var makeBody = (requestId, plugin, method, params, version) => {
+  params ? delete params.version : null;
+  const body = {
+    jsonrpc: '2.0',
+    id: requestId,
+    method: [plugin, version, method].join('.'),
+  };
+  params || params === false
+    ?
+      typeof params === 'object' && Object.keys(params).length === 0
+      ? null
+      : (body.params = params)
+    : null;
+  return body
+};
+
+var getVersion = (versionsConfig, plugin, params) => {
+  const defaultVersion = 1;
+  let version;
+  if ((version = params && params.version)) {
+    return version
+  }
+  return versionsConfig
+    ? versionsConfig[plugin] || versionsConfig.default || defaultVersion
+    : defaultVersion
+};
+
+let id = 0;
+var makeId = () => {
+  id = id + 1;
+  return id
+};
+
+var execRequest = (options, body) => {
+  return connect(options).then(connection => {
+    console.log(JSON.stringify(body));
+    connection.send(JSON.stringify(body));
+  })
+};
+
+var API = options => {
+  return {
+    request(plugin, method, params) {
+      return new Promise((resolve, reject) => {
+        const requestId = makeId();
+        const version = getVersion(options.versions, plugin, params);
+        const body = makeBody(requestId, plugin, method, params, version);
+        if (options.debug) {
+          console.log(' ');
+          console.log('API REQUEST:');
+          console.log(JSON.stringify(body, null, 2));
+          console.log(' ');
+        }
+        requestsQueue[requestId] = {
+          body,
+          resolve,
+          reject,
+        };
+        execRequest(options, body).catch(e => {
+          reject(e);
+        });
+      })
+    },
+  }
+};
+
+var DeviceInfo = {
+  freeRam(params) {
+    return this.call('systeminfo', params).then(res => {
+      return res.freeram
+    })
+  },
+  version(params) {
+    return this.call('systeminfo', params).then(res => {
+      return res.version
+    })
+  },
+};
+
+var plugins = {
+  DeviceInfo,
+};
+
+function listener(plugin, event, callback, errorCallback) {
+  const thunder = this;
+  const index = register$1.call(this, plugin, event, callback, errorCallback);
+  return {
+    dispose() {
+      const listener_id = makeListenerId(plugin, event);
+      if (listeners[listener_id] === undefined) return
+      listeners[listener_id].splice(index, 1);
+      if (listeners[listener_id].length === 0) {
+        unregister.call(thunder, plugin, event, errorCallback);
+      }
+    },
+  }
+}
+const makeListenerId = (plugin, event) => {
+  return ['client', plugin, 'events', event].join('.')
+};
+const register$1 = function(plugin, event, callback, errorCallback) {
+  const listener_id = makeListenerId(plugin, event);
+  if (!listeners[listener_id]) {
+    listeners[listener_id] = [];
+    if (plugin !== 'ThunderJS') {
+      const method = 'register';
+      const request_id = listener_id
+        .split('.')
+        .slice(0, -1)
+        .join('.');
+      const params = {
+        event,
+        id: request_id,
+      };
+      this.api.request(plugin, method, params).catch(e => {
+        if (typeof errorCallback === 'function') errorCallback(e.message);
+      });
+    }
+  }
+  listeners[listener_id].push(callback);
+  return listeners[listener_id].length - 1
+};
+const unregister = function(plugin, event, errorCallback) {
+  const listener_id = makeListenerId(plugin, event);
+  delete listeners[listener_id];
+  if (plugin !== 'ThunderJS') {
+    const method = 'unregister';
+    const request_id = listener_id
+      .split('.')
+      .slice(0, -1)
+      .join('.');
+    const params = {
+      event,
+      id: request_id,
+    };
+    this.api.request(plugin, method, params).catch(e => {
+      if (typeof errorCallback === 'function') errorCallback(e.message);
+    });
+  }
+};
+
+let api;
+var thunderJS = options => {
+  if (
+    options.token === undefined &&
+    typeof window !== 'undefined' &&
+    window.thunder &&
+    typeof window.thunder.token === 'function'
+  ) {
+    options.token = window.thunder.token();
+  }
+  //options.token = "eyJhbGciOiIiLCJ0eXAiOiJKV1QifQ.aHR0cDovL2xvY2FsaG9zdA.Pyr-aoIihlaGwkGhKOVPr5E4oCzqQ4N7d6HIkJOZUHA";
+  api = API(options);
+  return wrapper({ ...thunder(options), ...plugins })
+};
+const resolve = (result, args) => {
+  if (
+    typeof result !== 'object' ||
+    (typeof result === 'object' && (!result.then || typeof result.then !== 'function'))
+  ) {
+    result = new Promise((resolve, reject) => {
+      result instanceof Error === false ? resolve(result) : reject(result);
+    });
+  }
+  const cb = typeof args[args.length - 1] === 'function' ? args[args.length - 1] : null;
+  if (cb) {
+    result.then(res => cb(null, res)).catch(err => cb(err));
+  } else {
+    return result
+  }
+};
+
+const thunder = options => ({
+  options,
+  plugin: false,
+  call() {
+    const args = [...arguments];
+    if (this.plugin) {
+      if (args[0] !== this.plugin) {
+        args.unshift(this.plugin);
+      }
+    }
+    const plugin = args[0];
+    const method = args[1];
+    if (typeof this[plugin][method] == 'function') {
+      return this[plugin][method](args[2])
+    }
+    return this.api.request.apply(this, args)
+  },
+  registerPlugin(name, plugin) {
+    this[name] = wrapper(Object.assign(Object.create(thunder), plugin, { plugin: name }));
+  },
+  subscribe() {
+  },
+  on() {
+    const args = [...arguments];
+    if (['connect', 'disconnect', 'error'].indexOf(args[0]) !== -1) {
+      args.unshift('ThunderJS');
+    } else {
+      if (this.plugin) {
+        if (args[0] !== this.plugin) {
+          args.unshift(this.plugin);
+        }
+      }
+    }
+    return listener.apply(this, args)
+  },
+  once() {
+    console.log('todo ...');
+  },
+});
+
+const wrapper = obj => {
+  return new Proxy(obj, {
+    get(target, propKey) {
+      const prop = target[propKey];
+      if (propKey === 'api') {
+        return api
+      }
+      if (typeof prop !== 'undefined') {
+        if (typeof prop === 'function') {
+          if (['on', 'once', 'subscribe'].indexOf(propKey) > -1) {
+            return function(...args) {
+              return prop.apply(this, args)
+            }
+          }
+          return function(...args) {
+            return resolve(prop.apply(this, args), args)
+          }
+        }
+        if (typeof prop === 'object') {
+          return wrapper(
+            Object.assign(Object.create(thunder(target.options)), prop, { plugin: propKey })
+          )
+        }
+        return prop
+      } else {
+        if (target.plugin === false) {
+          return wrapper(
+            Object.assign(Object.create(thunder(target.options)), {}, { plugin: propKey })
+          )
+        }
+        return function(...args) {
+          args.unshift(propKey);
+          return target.call.apply(this, args)
+        }
+      }
+    },
+  })
+};
+
+const thunderConfig = {
+  host: '127.0.0.1',
+  port: 9998,
+  default: 1
+};
+
+class Thunder {
+  constructor() {
+    this._thunder = thunderJS(thunderConfig);
+  }
+
+  /**
+   * 
+   * @param {string} thunder api
+   * @param {object} params
+   * Function to invoke thunder api
+  */
+invoke(api, params, callback) {
+  var lastDotPosition = api.lastIndexOf(".");
+  if (-1 == lastDotPosition) {
+    console.log("Invalid service and method name " + api);
+    return false;
+  }
+  var callsign = api.substring(0, lastDotPosition); 
+  var method = api.substring(lastDotPosition+1);
+  console.log("Invoking " + callsign + ", method - " + method + ", params " + JSON.stringify(params));
+  var result = this._thunder.call(callsign, method, params);
+  
+  result.then(function(response) {
+    console.log(method + " invocation result:", response);
+    callback(response); // Pass through full response
+  }, function(error) {
+    console.log(method + " invocation error:", error);
+    callback(error); // Pass through raw error
+  });
+  
+  return true;
+}
+
+subscribe(callsign, eventName, callbackfn) {
+    console.log("subscribing " + callsign + "for event -  " + eventName);
+    this._thunder.on(callsign, eventName, function(result) {
+        //MADANA
+	//parse result and send to callback
+        callbackfn(data);
+    });
+  }
+}
+
+function getAccountno(callback)
+{
+   thunder1 = new Thunder();
+   var thunderApi = "org.rdk.System.getRFCConfig";
+   var params = {"rfcList": ["Device.DeviceInfo.X_RDKCENTRAL-COM_RFC.Feature.AccountInfo.AccountID"]};
+   thunder1.invoke(thunderApi, params, callback);
+}
+
+//appjs code
+function getAccountnoCb(response)
+{
+    var rfcConfig = response["RFCConfig"];    
+    if (rfcConfig != undefined)
+    {
+        var accountId = rfcConfig["Device.DeviceInfo.X_RDKCENTRAL-COM_RFC.Feature.AccountInfo.AccountID"];
+        if (accountId != undefined)
+	{
+	}
+    }
+}
+getAccountno(getAccountnoCb);
+
+const contextMap = {};
+const videoIds = ["video1", "video2", "video3", "video4", "video5"];
+let contextsReady = 0;
+let readyToFocus = false;
+
+function initialize() {
+  thunder1 = new Thunder();
+  createAllContexts();
+}
+
+function createAllContexts() {
+  videoIds.forEach(videoId => {
+    thunder1.invoke("org.rdk.jsruntime.1.createApplication", 
+      { options: "player" }, 
+      (response) => {
+        const contextId = response?.result;
+        
+        if (contextId) {
+          contextMap[videoId] = contextId;
+          console.log(`Created ${videoId} context:`, contextId);
+          
+          if (Object.keys(contextMap).length === videoIds.length) {
+            setTimeout(() => {
+              const firstVideo = videoIds[0];
+              loadVideoFromJS(firstVideo);
+              document.querySelector(`[data-video="${firstVideo}"]`)?.focus();
+            }, 300);
+          }
+        } else {
+          console.error(`Failed creating ${videoId} context:`, response);
+        }
+      }
+    );
+  });
+}
+
+function onItemPressed(videoId, url) {
+  const id = contextMap[videoId];
+  if (id === undefined) {
+    console.error(`Context ID not found for ${videoId}`);
+    return;
+  }
+
+  const params = { id: id, url: url };
+  thunder1.invoke("org.rdk.jsruntime.1.runApplication", params, callback);
+}
+
+function callback(response) {
+  console.log("Thunder API Response:", response);
+}
+
+function getApplications() {
+  const output = document.getElementById("appOutput");  
+  thunder1.invoke("org.rdk.jsruntime.1.getApplications", {}, response => {
+  });
+}
+
+initialize();
\ No newline at end of file
diff --git a/sampleapps/testapp_RDKNativescript/url_selector.js b/sampleapps/testapp_RDKNativescript/url_selector.js
new file mode 100644
index 0000000..6980739
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/url_selector.js
@@ -0,0 +1,27 @@
+/**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+function loadVideoFromJS(videoId) {
+  const url = `http://127.0.0.1:50050/demo/testapp_RDKNativescript/players/${videoId.replace("video", "player")}.js`;
+  console.log("User selected:", videoId, "-> Running:", url);
+  onItemPressed(videoId, url);
+}
+
+
+
diff --git a/sampleapps/testapp_RDKNativescript/video.html b/sampleapps/testapp_RDKNativescript/video.html
new file mode 100644
index 0000000..e8d2e9e
--- /dev/null
+++ b/sampleapps/testapp_RDKNativescript/video.html
@@ -0,0 +1,208 @@
+ <!-- /**
+ * If not stated otherwise in this file or this component's LICENSE
+ * file the following copyright and licenses apply:
+ *
+ * Copyright 2024 RDK Management
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/ -->
+ 
+ <!DOCTYPE html>
+ <html>
+ <head>
+   <meta charset="UTF-8" />
+   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+   <title>JSRuntime Player App</title>
+   <style>
+     body {
+       font-family: sans-serif;
+       margin: 0;
+       display: flex;
+       flex-direction: column;
+       height: 100vh;
+     }
+ 
+     header {
+       background-color: #fffdd0;
+       padding: 10px;
+       text-align: center;
+       position: relative;
+       z-index: 10;
+     }
+ 
+     .main-content {
+       display: flex;
+       flex-grow: 1;
+       position: relative;
+     }
+ 
+     .video-list {
+       width: 200px;
+       background-color: #e0e0e0;
+       padding: 10px;
+       overflow-y: auto;
+       overflow-x: hidden;
+       text-align: center;
+       position: relative;
+       z-index: 10;
+       pointer-events: auto;
+       display: flex;
+       flex-direction: column;
+       justify-content: space-between; 
+     }
+ 
+     .video-list ul {
+       list-style: none; 
+       padding: 0;
+     }
+ 
+     .video-list li {
+       cursor: pointer;
+       margin-bottom: 20px;
+       background-color: #f0f0f0;
+       padding: 10px;
+       outline: none;
+       font-family: sans-serif; 
+       font-weight: bold;
+     }
+     
+     .video-list li:hover, 
+     .video-list li:focus {
+       background-color: #d0f0c0;
+     }
+ 
+     .video-preview {
+       flex-grow: 1;
+       display: flex;
+       justify-content: center;
+       align-items: center;
+       background: transparent;
+       border: none;
+       margin-left: 20px;
+       pointer-events: none; 
+       position: absolute;
+       width: 100%;
+       height: 100%;
+     }
+    
+     .video-preview video {
+       max-width: 90%;
+       max-height: 90%;
+       opacity: 0;
+     }
+ 
+     .app-info {
+       margin-top: auto;
+       padding: 8px;
+       background: #f0f0f0;
+       font-size: 13px;
+       text-align: center;
+       word-wrap: break-word;
+       overflow-wrap: break-word;
+       max-width: 100%;
+       box-sizing: border-box;
+     }
+
+     #appOutput {
+       margin-top: 5px;
+       font-family: sans-serif;
+       font-size: 12px;
+       white-space: pre-wrap;
+       word-break: break-word;
+     }
+    
+     #appOutput.active {
+        background-color: #c0e1f0;
+     }
+   </style>
+ </head>
+ <body>
+ 
+ <header>
+   <h1>JSRuntime Player App</h1>
+ </header>
+ 
+<div class="main-content">
+  <div class="video-list">
+    <ul id="videoList">
+      <li data-video="video1" tabindex="0">Video 1</li>
+      <li data-video="video2" tabindex="0">Video 2</li>
+      <li data-video="video3" tabindex="0">Video 3</li>
+      <li data-video="video4" tabindex="0">Video 4</li>
+      <li data-video="video5" tabindex="0">Video 5</li>
+    </ul>
+    <div class="app-info">
+      <strong>Running Apps:</strong>
+      <div id="appOutput">Press "right-arrow" to see running applications in wpeframework logs</div>
+    </div>
+  </div>
+
+  <div class="video-preview">
+    <video id="videoPlayer" autoplay></video>
+  </div>
+</div>
+ 
+ <script src="url_selector.js"></script>
+ <script src="thunder.js"></script>
+ <script>
+   const videoList = document.getElementById("videoList");
+   const videoItems = Array.from(document.querySelectorAll(".video-list li"));
+   let currentVideoIndex = 0;
+
+   videoList.addEventListener("click", (event) => {
+     if (event.target.tagName === "LI") {
+       const videoId = event.target.getAttribute("data-video");
+       loadVideo(videoId);
+     }
+   });
+ 
+   document.addEventListener("keydown", (event) => {
+     switch (event.key) {
+       case "ArrowDown":
+         currentVideoIndex = (currentVideoIndex + 1) % videoItems.length;
+         videoItems[currentVideoIndex].focus();
+         break;
+ 
+       case "ArrowUp":
+         currentVideoIndex = (currentVideoIndex - 1 + videoItems.length) % videoItems.length;
+         videoItems[currentVideoIndex].focus();
+         break;
+
+       case "ArrowRight":
+         getApplications();
+         document.getElementById("appOutput")?.classList.add("active");
+         setTimeout(() => {
+         document.getElementById("appOutput")?.classList.remove("active");
+         }, 800);
+         break;
+ 
+       default:
+         break;
+     }
+   });
+
+   videoItems.forEach((item, index) => {
+    item.addEventListener("focus", () => {
+      currentVideoIndex = index;
+      const videoId = item.getAttribute("data-video");
+      loadVideo(videoId);
+    });
+  });
+ 
+   function loadVideo(videoId) {
+     loadVideoFromJS(videoId);
+   }
+ </script>
+ 
+ </body>
+ </html>
\ No newline at end of file