- If you have the on device component already running and you would like to use this tool for a Roku device not currently being debugged enter it here:
-
-
-
-
-
-
-
+ Use the form below to connect to an active session (the on-device component needs to already be installed and running)
+
- This tool requires a component be included and initialized in your application (similar to RALE). The easiest way to do this is:
-
-
Include the following comment in either your Scene or main.brs file (if including in main.brs, be sure to add after your roSGScreen screen.show() call) ' vscode_rdb_on_device_component_entry
-
Make sure your launch.json configuration has "injectRdbOnDeviceComponent": true included in it
-
- The extension can copy the files automatically for you so there's no need to handle that part. If you are still having issues even with these steps, check to make sure you're seeing this line in your device logs [RTA][INFO] OnDeviceComponent init
+ Could not connect to the on-device component. Install steps:
+
+
+
+ Enable the following property in launch.json:
+
"injectRdbOnDeviceComponent": true
+
+
+ Add this comment to function main() after the call to screen.show()
+
' vscode_rdb_on_device_component_entry
+
+
+ The on-device component is properly installed if you see this log output during channel launch:
+
[RTA][INFO] OnDeviceComponent init
+
+
+ Connect manually:
diff --git a/webviews/src/style.css b/webviews/src/style.css
index 73a712ac..0ab8adf0 100644
--- a/webviews/src/style.css
+++ b/webviews/src/style.css
@@ -6,6 +6,12 @@ body {
padding: 0;
}
+button {
+ cursor: pointer;
+ display: inline-flex;
+ justify-content: space-between;
+}
+
.hide {
display: none;
}
diff --git a/webviews/src/views/SceneGraphInspectorView/SceneGraphInspectorView.svelte b/webviews/src/views/SceneGraphInspectorView/SceneGraphInspectorView.svelte
index 90afdf60..802d4a9b 100644
--- a/webviews/src/views/SceneGraphInspectorView/SceneGraphInspectorView.svelte
+++ b/webviews/src/views/SceneGraphInspectorView/SceneGraphInspectorView.svelte
@@ -192,7 +192,7 @@
padding: 0 10px 10px;
}
- .codeSnippet {
+ code {
color: orange;
font-weight: bold;
}
@@ -226,19 +226,16 @@
component running. This requires that both the files are included in
the build and that the component is initialized. The easiest way to
do this is:
-
-
Include the following comment in either your Scene or
- main.brs file (if including in main.brs, be sure to add
- after your roSGScreen screen.show() call) ' vscode_rdb_on_device_component_entry
-
Make sure your launch.json configuration has "injectRdbOnDeviceComponent": true included in it
-
+
+
+ Set "injectRdbOnDeviceComponent": true in `.vscode/launch.json`
+
+
+ Add the following comment in main.brs after calling screen.show():
+
+ ' vscode_rdb_on_device_component_entry
+
+
The extension can copy the files automatically for you so there's no
need to handle that part. If you are still having issues even with these
steps, check to make sure you're seeing this line in your device logs