diff --git a/content/en/_index.html b/content/en/_index.html
index 3f5e08aa..477b098b 100644
--- a/content/en/_index.html
+++ b/content/en/_index.html
@@ -5,7 +5,7 @@
diff --git a/content/en/docs/tools/_index.md b/content/en/docs/tools/_index.md
index f983e109..979975cf 100644
--- a/content/en/docs/tools/_index.md
+++ b/content/en/docs/tools/_index.md
@@ -1,7 +1,7 @@
---
title: Tools
section_main: true
-date: 2023-06-27
+date: 2024-07-31
weight: 50
---
@@ -10,7 +10,7 @@ This section provides resources required to use the tools for webOS Open Source
* [SDK](#sdk)
* [Download]({{< relref "sdk-download" >}})
* [Command-Line Interface](#command-line-interface)
- * [VS Code Extension](#vs-code-extension)
+ * [webOS Studio - VS Code Extension](#webos-studio-vs-code-extension)
* [Emulator](#emulator)
* [Beanviser](#beanviser)
* [Workflow Designer](#workflow-designer)
@@ -30,7 +30,7 @@ Check the user guides, download links, and release notes for SDK tools.
* [Release Notes]({{< relref "cli-release-notes" >}})
* [API Reference]({{< relref "cli-api-reference" >}})
-### VS Code Extension
+### webOS Studio - VS Code Extension
* [Overview]({{< relref "vs-code-extension" >}})
diff --git a/content/en/docs/tools/sdk/cli/cli-release-notes.md b/content/en/docs/tools/sdk/cli/cli-release-notes.md
index 6da52b40..a016f562 100644
--- a/content/en/docs/tools/sdk/cli/cli-release-notes.md
+++ b/content/en/docs/tools/sdk/cli/cli-release-notes.md
@@ -1,7 +1,7 @@
---
title: Release Notes
display_title: Command-Line Interface Release Notes
-date: 2024-06-05
+date: 2024-07-17
weight: 20
toc: true
two_depth_toc: true
@@ -42,7 +42,7 @@ The following table shows the compatibility between webOS OSE and CLI.
- 3.0.2 |
+ 3.1.0 3.0.2 |
2.26.0 |
@@ -139,6 +139,25 @@ The following table shows the compatibility between webOS OSE and CLI.
+## v3.1.0 (July 2024)
+
+This version is compatible with **webOS OSE 2.25.0** ~ **webOS OSE 2.26.0**. See below for the new and changed features in this release.
+
+* Upgrade node modules: `shelljs` (v0.8.5), `async` (v3.2.5), `ssh2` (v1.15.0), `tar` (v6.2.0).
+
+### Changed Features
+
+* `ares-setup-device`
+ * Allowed localhost as a target IP address.
+ * Added port number validation(range: 1-65535).
+ * Enhanced usability of the `--add` and `--remove` options.
+
+### Fixed Issues
+
+* Fixed an issue where `ares-config --profile` did not work after installing CLI with the root user on Mac/Linux.
+* Fixed an issue where `ares-log --output --follow` did not print the JSON output in a single line.
+* Fixed an issue where `ares-generate` did not use the webapp template as the default template (Execute `ares-generate` without the `--template` option).
+
## v3.0.2 (March 2024)
This version is compatible with **webOS OSE 2.25.0** ~ **webOS OSE 2.26.0**. See below for the new and changed features in this release.
@@ -147,13 +166,13 @@ This version is compatible with **webOS OSE 2.25.0** ~ **webOS OSE 2.26.0**. See
* Integrated with the webOS TV CLI. In the future, we plan to support multiple webOS platforms with a single CLI.
* Added profiles for changing support platforms, default profile is `tv`. Each profile has different supported commands, options, help, and templates.
-### New features
+### New Features
* Supports Node.js v16.20.2.
* Added a new command, `ares-config`. For more details, see [CLI User Guide]({{< relref "cli-user-guide" >}}).
* Supports to live reloading using `ares-launch --hosted` option.
-### Fixed issues
+### Fixed Issues
* Fixed to minify by default for JavaScript files in service directory when using `ares-package`.
@@ -161,7 +180,7 @@ This version is compatible with **webOS OSE 2.25.0** ~ **webOS OSE 2.26.0**. See
This version is compatible with **webOS OSE 2.19.1** ~ **webOS OSE 2.25.0**. See below for the new and changed features in this release.
-### New features
+### New Features
* We have released a new JavaScript API, see [CLI API Reference]({{< relref "cli-api-reference" >}}). You can use features of existing CLI commands through this API. Supported commands are as follows:
@@ -169,11 +188,11 @@ This version is compatible with **webOS OSE 2.19.1** ~ **webOS OSE 2.25.0**. See
* Now `ares-device --system-info` shows the Node.js version of the target device.
-### Changed features
+### Changed Features
* Guide messages for `ares-inspect --service` are updated.
-### Fixed issues
+### Fixed Issues
* Now `ares-device --resource-monitor --list` shows the list of JS services properly.
@@ -181,7 +200,7 @@ This version is compatible with **webOS OSE 2.19.1** ~ **webOS OSE 2.25.0**. See
This version is compatible with **webOS OSE 2.15.0** ~ **webOS OSE 2.19.1**. See below for the new and changed features in this release.
-### New features
+### New Features
* Supports to look up pmlog messages of the target device in `ares-log`.
* Supports to monitor resource usage of the target device in `ares-device`.
@@ -190,11 +209,11 @@ This version is compatible with **webOS OSE 2.15.0** ~ **webOS OSE 2.19.1**. See
* Added a feature to print information of the connected target device.
* Supports to show level-applied logs using the `--level` option of each command.
-### Changed features
+### Changed Features
* Updated the minimum supported Node.js version from v8.12.0 to v10.24.1.
-### Fixed issues
+### Fixed Issues
* Fixed a bug that prevented opening the browser specified in the environment variables when using `ares-inspect --open`.
* Fixed a bug related to the callback function error when using `ares-package`.
@@ -204,11 +223,11 @@ This version is compatible with **webOS OSE 2.15.0** ~ **webOS OSE 2.19.1**. See
This version is compatible with **webOS OSE 2.11.0** ~ **webOS OSE 2.14.1**. See below for the new and changed features in this release.
-### New features
+### New Features
* Added a new command, `ares-log`. For more details, see [CLI User Guide]({{< relref "cli-user-guide#ares-log">}}).
-### Changed features
+### Changed Features
* Categorized error messages and added user tips for each error message.
* Updated the naming rule for the `DEVICE_NAME` parameter in the `ares-setup-device` command.
@@ -219,11 +238,11 @@ This version is compatible with **webOS OSE 2.11.0** ~ **webOS OSE 2.14.1**. See
This version is compatible with **webOS OSE 2.10.0**. See below for the new and changed features in this release.
-### New features
+### New Features
* Supports screen capture in the `ares-device` command. (`--capture-screen` option)
-### Changed features
+### Changed Features
* Updated the template of `appinfo.json` to apply new ACG groups.
@@ -231,7 +250,7 @@ This version is compatible with **webOS OSE 2.10.0**. See below for the new and
Template files generated by CLI v2.0.3 or older are not compatible with webOS OSE 2.10.0 or higher.
{{< /caution >}}
-### Fixed issues
+### Fixed Issues
* Fixed an issue that environment variables using the `ares-shell -r` command were different from environment variables of the target device.
@@ -239,7 +258,7 @@ This version is compatible with **webOS OSE 2.10.0**. See below for the new and
This version is compatible with **webOS OSE 2.9.0**. See below for the new and changed features in this release.
-### Changed features
+### Changed Features
* Updated help message of the `ares` command.
* Updated the README file.
@@ -248,18 +267,18 @@ This version is compatible with **webOS OSE 2.9.0**. See below for the new and c
This version is compatible with **webOS OSE 2.8.0**. See below for the new and changed features in this release.
-### New features
+### New Features
* Released the source code to [GitHub](https://github.com/webosose/ares-cli).
* Published the CLI package to [npm](https://www.npmjs.com/package/@webosose/ares-cli).
* Added `ares-device` command. This command replaces `ares-device-info`.
-### Changed features
+### Changed Features
* Supports Node.js v14.15.1.
* Updated the README file.
-### Fixed issues
+### Fixed Issues
* Added a logic for checking `ares-setup-device`'s parameter and fixed typos.
@@ -267,7 +286,7 @@ This version is compatible with **webOS OSE 2.8.0**. See below for the new and c
This version is compatible with **webOS OSE 2.8.0**. See below for the new and changed features in this release.
-### Changed features
+### Changed Features
* Updated the source code through static analysis (ESLint and JSHint).
* Updated JS service template.
@@ -276,16 +295,16 @@ This version is compatible with **webOS OSE 2.8.0**. See below for the new and c
This version is compatible with **webOS OSE 2.7.0**. See below for the new and changed features in this release.
-### New features
+### New Features
* Added a new command, `ares-device-info`. For more details, see [CLI User Guide]({{< relref "cli-user-guide#ares-device-info">}}).
-### Changed features
+### Changed Features
* Organized and unified error messages.
* Updated the README file.
-### Removed features
+### Removed Features
* Removed `pmloglib.Context` in the JS service template.
@@ -293,27 +312,27 @@ This version is compatible with **webOS OSE 2.7.0**. See below for the new and c
This version is compatible with **webOS OSE 2.6.0**. See below for the new and changed features in this release.
-### New features
+### New Features
* Supports to launch Web Inspector on dual display (`–-display` option) in `ares-inspect`.
* Supports to set a default device (`-–default` option) in `ares-setup-device`.
* Supports to run a web app without installation ( `--hosted` option) in `ares-launch`.
-### Changed features
+### Changed Features
* Updated Node.js version to v8.12.0.
* Updated descriptions in `--help` option.
-### Removed features
+### Removed Features
* Removed a Git dependency in `ares-generate`.
* Removed Enyo features in `ares-package` and `ares-generate`.
-### Fixed issues
+### Fixed Issues
* Fixed typos.
-### Known issues
+### Known Issues
* Screencast feature of Web Inspector is not working on OSE emulator.
@@ -321,13 +340,13 @@ This version is compatible with **webOS OSE 2.6.0**. See below for the new and c
This version is compatible with **webOS OSE 2.5.0**. See below for the new and changed features in this release.
-### Changed features
+### Changed Features
* Updated QML template
* Added `applications` group to the permission of QML app.
* Set `displayAffinity` in QML template.
-### Fixed issues
+### Fixed Issues
* Corrected typos in QML template.
@@ -335,27 +354,27 @@ This version is compatible with **webOS OSE 2.5.0**. See below for the new and c
This version is compatible with **webOS OSE 2.4.0**. See below for the new and changed features in this release.
-### New features
+### New Features
* Supports web app launch on dual displays.
-### Changed features
+### Changed Features
* Changed web app and JS service templates.
* Changed `version` property in `appinfo.json` to optional.
* Changed a default value of `title` property to `new app` in `appinfo.json` template.
* Updated dependent npm.
-### Removed features
+### Removed Features
* Deleted a file and properties related to `largeIcon` in the template.
-### Fixed issues
+### Fixed Issues
* Fixed a bug related to `-v` option.
* Fixed correct machine architecture in packaging file.
-### Known issues
+### Known Issues
* webOS OSE cannot launch the same web app on different displays at the same time.
* For example, if you launch a web app on display 0 and then launch the same app on display 1, it just re-launch the app on display 0. (Nothing happened on display 1.)
@@ -368,15 +387,15 @@ This version is compatible with **webOS OSE 2.4.0**. See below for the new and c
This version is compatible with **webOS OSE 2.1.0**. See below for the new and changed features in this release.
-### New features
+### New Features
* Added a QML app template.
-### Changed features
+### Changed Features
* Changed template names, `basic` and `webappicon` to `webapp` and `icon`.
-### Known issues
+### Known Issues
* When you install an app using `ares-install`, the icon of the app is not displayed on Home Launcher.
@@ -384,30 +403,30 @@ This version is compatible with **webOS OSE 2.1.0**. See below for the new and c
This version is compatible with **webOS OSE 2.0.0**. See below for the new, changed, and removed features along with fixed issues and known issues in this release.
-### New features
+### New Features
* Added a web app template that uses the WebOSSerivceBridge API.
* Added a feature to check the validity of `version` in `appinfo.json` when packaging an app, which checks whether each version number is 9 digits or less.
* Added a guide text regarding the default target device to the CLI help.
-### Changed features
+### Changed Features
* Changed to show appInstallService's error text when app installation fails.
* Changed the icon images generated by executing `ares-generate --template` to new images.
-### Removed features
+### Removed Features
* Removed the `webOS.js` library.
* `ares-inspect --service` option cannot be used with the `--open` option.
* Removed EULA that appeared on CLI when executing a command for the first time, which was replaced by EULA that appears on the developer site when downloading the CLI package.
-### Fixed issues
+### Fixed Issues
* Enabled the `ares-inspect --service` option.
* Fixed an issue where `ares-inspect --open` option cannot open a browser on Windows.
* Fixed to create a `.ssh` directory after executing `ares-setup-device`.
-### Known issues
+### Known Issues
* When you install or uninstall an app using `ares-install`, a running Home Launcher disappears from the screen. To make the app listed on Home Launcher, you must reboot the target device.
* After rebooting the target device, the external app is listed on Home Launcher, but the icon of the app is not displayed.
@@ -416,19 +435,19 @@ This version is compatible with **webOS OSE 2.0.0**. See below for the new, chan
See below for the new and changed features, bug fixes, and known issues in this release.
-### New features
+### New Features
* Added a feature to check the version rule of your app when you package your app.
* Added a feature to check if `id` and `version` exist in the `appinfo.json` file of your app when you package your app.
* Added a feature to add read permission to all files of your app when you package your app.
-### Changed features
+### Changed Features
* Updated templates (changed usable webOS APIs and how to use PmLog, `appinfo.json`).
* Changed the scenario to prompt you whether to overwrite an existing folder when creating a project. Now, CLI prompts you whether to overwrite the folder as soon as you executes the `ares-generate` command with the existing folder name. In older versions, CLI prompts you when you enter your app information.
* Changed the CLI folder structure due to code refactoring.
-### Bug fixes
+### Bug Fixes
* Fixed an issue where `ares-setup-device --reset` does not print the reset device list.
@@ -438,7 +457,7 @@ See below for the new and changed features, bug fixes, and known issues in this
## v1.8.1 (July 2018)
-### New and changed features
+### New and Changed Features
* Changed the package filenames (from `webos-ose-cli-rpi_sdk-*.*` to `ares-webos-cli-ose_sdk-*.*`).
@@ -450,7 +469,7 @@ See below for the new and changed features, bug fixes, and known issues in this
This is the first official release of CLI for webOS OSE. For a detailed list of key features, see [key features]({{< relref "cli-user-guide#key-features">}}).
-### Known issues
+### Known Issues
* Web Inspector and Node Inspector work on Blink-based browsers (Chrome and Opera) but not on non-Blink browsers (Internet Explorer, FireFox, and Safari).
diff --git a/content/en/docs/tools/sdk/cli/cli-user-guide.md b/content/en/docs/tools/sdk/cli/cli-user-guide.md
index 1c8f156f..7de0a879 100644
--- a/content/en/docs/tools/sdk/cli/cli-user-guide.md
+++ b/content/en/docs/tools/sdk/cli/cli-user-guide.md
@@ -1,7 +1,7 @@
---
title: User Guide
display_title: Command-Line Interface User Guide
-date: 2024-02-13
+date: 2024-07-18
weight: 10
toc: true
---
@@ -1015,6 +1015,10 @@ This command displays a list of registered target devices. You can add, modify,
+
+ v3.1.0 |
+ Updates rules for the DEVICE_INFO parameter. |
+
v2.3.1 |
Supports the --level option. |
@@ -1153,14 +1157,22 @@ ares-setup-device --help|-h
The available keys are as follows:
-
-
name: Target device name
+ name: Target device's name
+
+
+ description: Target device's description
+ host: Target device's host address
+
+ -
+
port: Target device's port number
- The target device name should consist of letters, numbers, hyphen (-
), underscore (_
), and number sign (#
) and start with letters or underscore (_
).
+ The port number must be between 1 and 65535.
- description: Target device description
- host: Target device host address
- port: Target device port number
-
username: Username for accessing the target device
diff --git a/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-launcher.md b/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-launcher.md
index 15fe3d21..28ea1d37 100644
--- a/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-launcher.md
+++ b/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-launcher.md
@@ -1,6 +1,6 @@
---
title: Emulator Launcher
-date: 2023-05-15
+date: 2024-07-26
weight: 20
toc: true
---
@@ -19,9 +19,11 @@ If you're not familiar with webOS OSE's emulator, please refer to [VirtualBox Em
## System Requirements
-Currently, Emulator Launcher does not support macOS.
+See [Emulator System Requirements]({{< relref "emulator-user-guide#system-requirements" >}}).
-If you use Windows or Ubuntu, see [Emulator System Requirements]({{< relref "emulator-user-guide#system-requirements" >}}).
+{{< caution >}}
+webOS OSE Emulator doesn't support Apple Silicon Mac. (VirtualBox v6.1.x doesn't support Apple Silicon Mac.)
+{{< /caution >}}
## Installation
diff --git a/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-user-guide.md b/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-user-guide.md
index 240819f2..351ee3e2 100644
--- a/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-user-guide.md
+++ b/content/en/docs/tools/sdk/emulator/virtualbox-emulator/emulator-user-guide.md
@@ -1,7 +1,7 @@
---
title: User Guide
display_title: VirtualBox Emulator User Guide
-date: 2023-02-28
+date: 2024-07-26
weight: 10
toc: true
---
@@ -12,7 +12,7 @@ The emulator runs as a virtual machine on VirtualBox and supports host platforms
{{< caution >}}
* The VirtualBox-based emulator (64-bit) is supported by webOS OSE 2.14.0 or higher.
-* webOS OSE emulator requires VirtualBox version 6.1 or higher, which can be installed on 64-bit host platforms only.
+* webOS OSE emulator requires VirtualBox version 6.1.x, which can be installed on 64-bit host platforms only.
* Make sure that Intel® Virtualization Technology (Intel® VT) is enabled in the host PC.
{{< /caution >}}
@@ -42,9 +42,9 @@ The emulator requires the following environments.
* macOS
* macOS Sierra (10.12) or higher (64-bit)
- {{< note >}}
- The emulator does not support Mac computers with Apple silicon.
- {{< /note >}}
+ {{< caution >}}
+ The emulator does not support Apple Silicon Mac.
+ {{< /caution >}}
* Windows
* Windows 7 (64-bit)
diff --git a/content/en/docs/tools/sdk/vs-code-extension.md b/content/en/docs/tools/sdk/vs-code-extension.md
index 6c9c6c98..ce6f693c 100644
--- a/content/en/docs/tools/sdk/vs-code-extension.md
+++ b/content/en/docs/tools/sdk/vs-code-extension.md
@@ -1,6 +1,6 @@
---
title: webOS Studio - VS Code Extension
-date: 2024-03-04
+date: 2024-07-26
weight: 30
toc: true
---
@@ -9,10 +9,10 @@ toc: true
Key features are as follows:
-- Managing the lifecyle of webOS apps and services
-- Managing connected webOS devices and emulators
-- Providing many convenience features for webOS development
-- Running ESLint on Enact apps
+- Manage the development lifecyle of webOS apps and services
+- Install webOS SDKs from VS Code
+- Suggest LS2 APIs as you type in VS Code
+- Support real-time log viewer for webOS devices
{{< note >}}
See also the [Change Log | VS Code marketplace](https://marketplace.visualstudio.com/items/webOSSDK.webosstudio/changelog).
@@ -30,7 +30,9 @@ To install the extension, launch VS Code and do the following steps:
Then you will see the ![webos Studio icon in Activity Bar](/images/docs/tools/vs-code-extension/webos-studio-icon.jpg) icon in **Activity Bar**.
-Once the installation is completed, see the [Setup Guide | VS Code marketplace](https://marketplace.visualstudio.com/items?itemName=webOSSDK.webosstudio#setup)
+{{< caution >}}
+Once the installation is completed, follow the [Setup Guide | VS Code marketplace](https://marketplace.visualstudio.com/items?itemName=webOSSDK.webosstudio#setup)
+{{< /caution >}}
## UI Overview
@@ -40,14 +42,15 @@ Click the ![webos Studio icon in Activity Bar](/images/docs/tools/vs-code-extens
| Component | Description |
| --------- | ----------- |
-| Apps in workspace | Lists apps in the workspace. The workspace of webOS Studio is different from that of VS Code. For more details, refer to [webOS Studio \| VS Code marketplace](https://marketplace.visualstudio.com/items?itemName=webOSSDK.webosstudio). |
-| Known device | Lists the known devices registed by webOS Studio or [CLI]({{< relref "cli-user-guide" >}}).
By default, a dummy emulator device is listed in the view. This device requires VirtualBox emulator on your computer. See the [Emulator Manager](#emulator-manager) section. |
-| Package manager | Manages SDKs for webOS app developement. |
-| Emulator Manager | Lists installed images in [VirtualBox Emulator]({{< relref "emulator-user-guide" >}}). |
-| Simulator | Only for webOS TV. |
-| Quick Launcher | Lists links to webOS Studio documents and tools. |
-| Command Palette | Enters and executes various commands. (Shortcut: `Ctrl` + `Shift` + `P`) |
+| APPS IN WORKSPACE | Lists apps in the workspace. The workspace of webOS Studio is different from that of VS Code. For more details, refer to [webOS Studio \| VS Code marketplace](https://marketplace.visualstudio.com/items?itemName=webOSSDK.webosstudio). |
+| KNOWN DEVICE | Lists the known devices registered by webOS Studio or [CLI]({{< relref "cli-user-guide" >}}).
By default, a dummy emulator image is listed in the view. To use it, you have to install VirtualBox Emulator. See the [Emulator Manager](#emulator-manager) section. |
+| PACKAGE MANAGER | Lists available webOS SDKs for the current profile. |
+| SIMULATOR MANAGER | This is only for [webOS TV](https://webostv.developer.lge.com/). |
+| EMULATOR MANAGER | Lists installed [VirtualBox Emulator]({{< relref "emulator-user-guide" >}}) images. |
+| QUICK LAUNCHER | Provides links to webOS Studio documents and tools. |
+| Command Palette | Executes various commands. (Shortcut for Windows/Linux: `Ctrl` + `Shift` + `P`, for macOS: `Command` + `Shift` + `P`) For a full list of supported commands, see [Command Palette](https://marketplace.visualstudio.com/items?itemName=webOSSDK.webosstudio#command-palette). |
| Notification Area | Shows notification messages for completion, errors, and more about the extension. |
+| Status Bar | Changes webOS Studio's profile. |
## Basic Usage
@@ -63,7 +66,7 @@ This section explains a typical development flow of webOS apps and services usin
![Add the known device](/images/docs/tools/vs-code-extension/adding-known-device.gif)
-3. (Optional) Set the device as the default device. Actions that don't specify the target device will be performed on the default device.
+3. (Optional) Set the device as the default device. Actions that don't specify the webOS device will be performed on the default device.
![Set the default device](/images/docs/tools/vs-code-extension/set-default-device.png)
@@ -82,7 +85,7 @@ Then the **Project Wizard** window will be displayed.
| Item | Description |
|------|-------------|
-| webOS Product | A target platform which this app/service will be installed on. |
+| webOS Product | A target platform which this app/service will be installed on. This option also changes the webOS Studio's profile. |
| API Version | An API level of webOS. Different versions of the webOS platform support different levels of APIs. See [API Levels](https://www.webosose.org/docs/reference/ls2-api/ls2-api-index/#api-levels). |
#### Second Screen
@@ -124,7 +127,7 @@ While you editing an app, You can preview the app UI before installing it.
In the **APPS IN WORKSPACE** view,
1. Right-click the app.
-2. Click **Preview Application**.
+2. Click **Preview App**.
3. The preview of the app is automatically launched on the IDE.
![Start the app preview](/images/docs/tools/vs-code-extension/starting-the-preview.png)
@@ -133,6 +136,10 @@ In the preview, you can modify the source codes and check the results instantly.
![Changing colors using auto reload](/images/docs/tools/vs-code-extension/auto-reload-changing-colors.gif)
+You can also change the resolution of the preview.
+
+![Resolution menu for the app preview](/images/docs/tools/vs-code-extension/app-preview-change-resolution.png)
+
### Packaging / Installing / Launching
Typical steps to install webOS apps are as follows:
@@ -143,7 +150,7 @@ Typical steps to install webOS apps are as follows:
The above three steps are triggered sequentially by clicking the **Run App** button in the **APPS IN WORKSPACE** view.
-![The run app button](/images/docs/tools/vs-code-extension/run-app-button.jpg)
+![The run app button](/images/docs/tools/vs-code-extension/run-app-button.png)
Then, enter the information about the app. If you use the default information, just press the Enter key.
@@ -171,8 +178,8 @@ You can debug apps or services that are installed on [the known devices](#adding
#### Prerequisites
-- Apps or services are installed on target devices
- - The target devices or emulators should be registered as the known devices.
+- Apps or services are installed on webOS devices
+ - The webOS devices or emulators should be registered as the known devices.
- (For inspector debugging) Chromium-based browser
#### Start a Debugging Session - App
@@ -236,7 +243,7 @@ You can debug apps or services that are installed on [the known devices](#adding
![Debugging a service with IDE](/images/docs/tools/vs-code-extension/debugging-service-with-ide.png)
{{< note >}}
-Every time you restart a debug session, the packaged app will be closed on the target device. If you want to check the behavior of the app, relaunch the app manually.
+Every time you restart a debug session, the packaged app will be closed on the webOS device. If you want to check the behavior of the app, relaunch the app manually.
![Relaunch the app](/images/docs/tools/vs-code-extension/relaunch-the-app.png)
{{< /note >}}
@@ -280,7 +287,7 @@ The **PROBLEMS** panel shows the result messages.
To clean the Lint messages from the panel, click **Clear Lint**.
-![Clear lint](/images/docs/tools/vs-code-extension/clear-lint.jpg)
+![Clear lint](/images/docs/tools/vs-code-extension/clear-lint.png)
## Other Features
@@ -294,8 +301,8 @@ Auto-completion suggests a list of available [LS2 APIs]({{< relref "introduction
Key features are as follows:
-- Auto-completing API strings using the `Tab` key
-- Providing a list of available LS2 APIs (services, methods, and parameters)
+- Providing auto-completion of API strings using the `Tab` key
+- Listing available LS2 APIs (services, methods, and parameters)
- Providing descriptions for each LS2 API
- Providing links to API documentation webpages
@@ -360,6 +367,8 @@ Type `new LS2Request` to use [Enact webos Library](https://enactjs.com/docs/modu
-
The config file is generated in your project folder. You can check the API level in the config file.
+ If the API level in the config file is not supported by the current profile, an error notification will be displayed. Currently supported API levels in the OSE profile are 20, 21, 22, 23, 24, 25, 27, 28, 29. See also, API Levels
+
@@ -367,41 +376,84 @@ Type `new LS2Request` to use [Enact webos Library](https://enactjs.com/docs/modu
### Package Manager
-Package Manager manages SDKs for webOS app developement. Users can install and uninstall SDKs with a simple click.
+Package Manager manages SDKs for webOS app development. Users can install and uninstall SDKs with a simple click.
![Package manager UI](/images/docs/tools/vs-code-extension/package-manager-ui.png)
-In order to launch the Package Manager on Windows, VS Code has to be opened in administrator permission. On Mac and Ubuntu, the system prompts you for the root user password during component installation.
+{{< note >}}
+- For Windows: Open VS Code with administrator permissions.
+- For Mac and Ubuntu: the system prompts you for the root user password during component installation.
+{{< /note >}}
+
+#### Prerequisites
+
+To use the Package Manager, you have to prepare the followings:
+
+1. Set a directory for the Package manager
+2. (Only for emulator) Install required softwares
-When a user runs the Package Manager for the first time, a pop-up message for selecting directory will show up. Once the directory is set, all SDKs are installed in this directory.
+##### Setting a Directory
+
+When the user runs webOS Studio for the first time, a pop-up for selecting a directory will show up. This directory stores configurations and downloaded files for the Package Manager.
![Configuring a directory for Package Manager](/images/docs/tools/vs-code-extension/configure-a-package-manager-directory.png)
-Some SDKs require prerequisite software before they are installed. In this case, Package Manager checks if the software is installed. If not, it will download, extract, and install the software. A list of prerequisites for each SDK is shown in the next section.
+To change the set directory, follow the below steps:
-#### Prerequisites
+1. Change the directory name or delete the directory. (We recommend changing the directory name.)
+2. Restart VS Code. Then the pop-up for selecting the directory will show up.
-The following table lists software prerequisites for each SDK.
+You can check the current set directory at the bottom of the Package Manager view.
-| SDK | Prerequisites |
-| ------- | ------------- |
-| webOS OSE Emulator | |
-| [Workflow Designer]({{< relref "workflow-designer-user-guide" >}}) | None |
-| Resource Monitor | None |
+![Checking the set directory](/images/docs/tools/vs-code-extension/check-the-set-directory.png)
-{{< note >}}
-For TV-related packages, see the [webOS TV developer website](https://webostv.developer.lge.com/).
-{{< /note >}}
+##### (Optional) Installing Required Softwares
+
+webOS OSE Emulator requires [Emulator Launcher]({{< relref "emulator-launcher" >}}). Install it before use the emualtor feature.
+
+{{< caution >}}
+webOS OSE Emulator doesn't support Apple Silicon Mac. (VirtualBox v6.1.x doesn't support Apple Silicon Mac.)
+{{< /caution >}}
+
+#### Package Auto Update
+
+From webOS Studio v2.1.0, the Package Manager automatically updates the package list.
+
+Every time the VS Code launches (the webOS Studio extension launches), the extension checks if the newer version of SDKs exist. If the newer version exists, the list will be updated automatically.
+
+![Updating a package list](/images/docs/tools/vs-code-extension/package-auto-update.png)
+
+This update is also reflected in the Package Manager component.
+
+![Updated package list](/images/docs/tools/vs-code-extension/update-package-list.png)
+
+#### Trouble Shooting Guide for Package Manager
+
+
+ - Q) Failed to install emulator SDKs
+ -
+
If you got a below error, you have to manually install VirtualBox 6.1.x and then try to install again.
+
+
+
+
### Emulator Manager
-You can manage webOS emulator (VirtualBox) images in VS Code. By default, any webOS emulator images installed in VirtualBox are listed in the **EMULATOR MANAGER** view.
+You can manage webOS emulator ([VirtualBox](https://www.virtualbox.org/)) images in VS Code. By default, any webOS emulator images installed in VirtualBox are listed in the **EMULATOR MANAGER** view.
+
+{{< caution >}}
+webOS OSE Emulator doesn't support Apple Silicon Mac. (VirtualBox v6.1.x doesn't support Apple Silicon Mac.)
+{{< /caution >}}
#### Prerequisites
-- [VirtualBox](https://www.virtualbox.org/) must be installed on your computer. (Supported version: 6.1 or higher)
-- webOS emulator image (`.vmdk`) is required. For how to make the image, refer to [Emulator User Guide](https://www.webosose.org/docs/tools/sdk/emulator/virtualbox-emulator/emulator-user-guide/).
-- [Emulator Launcher](https://www.webosose.org/docs/tools/sdk/emulator/virtualbox-emulator/emulator-launcher/) is required. Execute `webOS: Install Emulator Launcher` in the Command Palette (`Ctrl` + `Shift` + `P`).
+| Item | Description |
+| ---- | ----------- |
+| Python | 3.0 or higher |
+| Emulator | [VirtualBox](https://www.virtualbox.org/) must be installed on your computer. (Required version: 6.1.x) |
+| Emulator Image | An emulator image for webOS OSE (`.vmdk`) is required. You can [download it from our GitHub](https://github.com/webosose/build-webos/releases) or [build it your own]({{< relref "building-webos-ose" >}}). |
+| Emulator Launcher | [Emulator Launcher]({{< relref "emulator-launcher" >}}) is also required. (v0.9.4 or higher) Execute `webOS: Install Emulator Launcher` in the Command Palette (`Ctrl` + `Shift` + `P`). |
#### How to Manage Emulator Images
@@ -441,7 +493,13 @@ You can analyze the file size of the app or services in the IPK file.
4. Click the **Compare IPK** button to load another IPK. (For example, the older version of the original file)
- ![Compare IPK files](/images/docs/tools/vs-code-extension/compare-ipks.jpg)
+ ![Compare IPK files](/images/docs/tools/vs-code-extension/compare-ipks.png)
+
+ Each color means the following:
+
+ - Red: Files or directories have the same name but different size.
+ - Green: Files or directories exist on only one IPK.
+ - None: Files or directories are the same.
### Process Log
@@ -449,6 +507,96 @@ webOS Studio has many internal utility commands including ares-cli, enact-cli, a
![Process log in the output panel](/images/docs/tools/vs-code-extension/output-panel.png)
+#### Trouble Shooting Guide for Process Log
+
+
+ - Q) Log messages are broken
+ -
+
If you get broken log messages (see the below screenshot), use Unicode UTF-8 on your computer.
+
+
+
+
+### Log Viewer
+
+The Log Viewer displays log messages of the webOS device.
+
+![Log Viewer](/images/docs/tools/vs-code-extension/log-viewer.png)
+
+#### Features
+
+Key features are as follows:
+
+- Displaying real-time log messages of the webOS device.
+- Supporting multiple log formats ([Journal log]({{< relref "viewing-logs-journald" >}}) or [PM log]({{< relref "viewing-logs-pmlogd" >}}))
+- Filtering and searching log messages
+- Exporting/Importing the log messages
+
+#### Displaying Real-Time Logs
+
+To start the real-time logs, execute `webOS: Start Log Viewer` in the Command Palette (`Ctrl` + `Shift` + `P`).
+
+![Starting the Log Viewer](/images/docs/tools/vs-code-extension/start-log-viewer.png)
+
+{{< note >}}
+Log Viewer receives log messages from the default device. (See the step 3 of the [Adding Known Devices](#adding-known-devices) section.)
+
+For Emulator, use `root` for its user name. If your user name is not `root`, change it using the **Modify Device** button.
+
+![Modifying the Emulator username](/images/docs/tools/vs-code-extension/modify-emulator-username.png)
+{{< /note >}}
+
+Then the **LOG VIEWER** panel will be displayed on the bottom.
+
+![Log Viewer panel](/images/docs/tools/vs-code-extension/log-viewer-panel.png)
+
+To visualize the priority of the log messages, the Log Viewer displays log messages in three colors: white, orange, and red.
+
+- White (default): Normal log messages
+
+ ![White log](/images/docs/tools/vs-code-extension/log-viewer-white-log.png)
+
+- Orange: Warning messages
+
+ ![Orange log](/images/docs/tools/vs-code-extension/log-viewer-orange-log.png)
+
+- Red: Emergency, alert, critical, and error log messages
+
+ ![Red log](/images/docs/tools/vs-code-extension/log-viewer-red-log.png)
+
+#### Switching the Log format
+
+If you want to switch the log format from PM log to Journal log, click the **Switch to Journal log** button as follows (vice versa):
+
+![Switching the log format](/images/docs/tools/vs-code-extension/switch-the-log-format.png)
+
+This job will reboot the webOS device and take a few minutes.
+
+#### Filtering and Seaching Logs
+
+Each column provides the filter option. You can filter out log messages you don't want to.
+
+![Filtering log messages](/images/docs/tools/vs-code-extension/filter-logs.png)
+
+Especially on the **Message** column, you can combine keywords using **OR** and **AND** options. These options filter out log messages which don't contain the keywords you entered.
+
+![Filtering the message column](/images/docs/tools/vs-code-extension/filter-message-column.png)
+
+To search log messages, enter a keyword to the search box.
+
+![Searching log messages](/images/docs/tools/vs-code-extension/search-logs.png)
+
+#### Import and Export Logs
+
+You can import or export logs as follows:
+
+![Import and export log messages](/images/docs/tools/vs-code-extension/import-export-logs.png)
+
+| Action | Description |
+| ------ | ----------- |
+| Import Log | Import webOS log file (`.zip`). |
+| Export Log | Export log messages in the current **Log Viewer** panel. Output files will be generated with `.zip` and `.weboslog` extensions. |
+
### Resource Monitor
The Resource Monitor tracks and visualizes system and memory usage, CPU consumption, and so on. This enables developers to test their apps or services and identify resource consumption trends and patterns.
@@ -468,7 +616,7 @@ Developers can set the default dashboad for the Resource Monitor, which is calle
2. To launch the Resource Monitor, do the one of the followings:
- In the **QUICK LAUNCHER** view, click the **Resource Monitoring**.
- - Execute `webOS OSE: Launch Resource Monitoring` in the **Command Palatte**.
+ - Execute `webOS OSE: Launch Resource Monitoring` in the **Command Palette**.
{{< note >}}
You can have multiple Resource Monitor tabs running at once.
@@ -521,7 +669,7 @@ Grafana provides many user-made dashboards. These dashboards can be searched and
![Go to the import menu](/images/docs/tools/vs-code-extension/go-to-import-menu.png)
-2. Enter the ID of dashboards and click the **Load** button.
Recommeded IDs are 928, 5955, 2381.
+2. Enter the ID of dashboards and click the **Load** button.
Recommended IDs are 928, 5955, 2381.
![search the dashboard](/images/docs/tools/vs-code-extension/search-dashboards.png)
diff --git a/static/images/docs/tools/vs-code-extension/api-level-config-mismatch.png b/static/images/docs/tools/vs-code-extension/api-level-config-mismatch.png
new file mode 100644
index 00000000..7abeeb9b
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/api-level-config-mismatch.png differ
diff --git a/static/images/docs/tools/vs-code-extension/app-preview-change-resolution.png b/static/images/docs/tools/vs-code-extension/app-preview-change-resolution.png
new file mode 100644
index 00000000..b2fa1f27
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/app-preview-change-resolution.png differ
diff --git a/static/images/docs/tools/vs-code-extension/auto-reload-changing-colors.gif b/static/images/docs/tools/vs-code-extension/auto-reload-changing-colors.gif
index b825a596..cffec397 100644
Binary files a/static/images/docs/tools/vs-code-extension/auto-reload-changing-colors.gif and b/static/images/docs/tools/vs-code-extension/auto-reload-changing-colors.gif differ
diff --git a/static/images/docs/tools/vs-code-extension/broken-logs.png b/static/images/docs/tools/vs-code-extension/broken-logs.png
new file mode 100644
index 00000000..d6828e95
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/broken-logs.png differ
diff --git a/static/images/docs/tools/vs-code-extension/check-the-set-directory.png b/static/images/docs/tools/vs-code-extension/check-the-set-directory.png
new file mode 100644
index 00000000..a913a410
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/check-the-set-directory.png differ
diff --git a/static/images/docs/tools/vs-code-extension/clear-lint.jpg b/static/images/docs/tools/vs-code-extension/clear-lint.jpg
deleted file mode 100644
index 1b1d1090..00000000
Binary files a/static/images/docs/tools/vs-code-extension/clear-lint.jpg and /dev/null differ
diff --git a/static/images/docs/tools/vs-code-extension/clear-lint.png b/static/images/docs/tools/vs-code-extension/clear-lint.png
new file mode 100644
index 00000000..a7a6157f
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/clear-lint.png differ
diff --git a/static/images/docs/tools/vs-code-extension/compare-ipks.jpg b/static/images/docs/tools/vs-code-extension/compare-ipks.jpg
deleted file mode 100644
index 6df9e83e..00000000
Binary files a/static/images/docs/tools/vs-code-extension/compare-ipks.jpg and /dev/null differ
diff --git a/static/images/docs/tools/vs-code-extension/compare-ipks.png b/static/images/docs/tools/vs-code-extension/compare-ipks.png
new file mode 100644
index 00000000..e2f83371
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/compare-ipks.png differ
diff --git a/static/images/docs/tools/vs-code-extension/creating-an-app.gif b/static/images/docs/tools/vs-code-extension/creating-an-app.gif
index d9c7035c..408a129d 100644
Binary files a/static/images/docs/tools/vs-code-extension/creating-an-app.gif and b/static/images/docs/tools/vs-code-extension/creating-an-app.gif differ
diff --git a/static/images/docs/tools/vs-code-extension/emulator-installation-failed.png b/static/images/docs/tools/vs-code-extension/emulator-installation-failed.png
new file mode 100644
index 00000000..6eb8929a
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/emulator-installation-failed.png differ
diff --git a/static/images/docs/tools/vs-code-extension/filter-logs.png b/static/images/docs/tools/vs-code-extension/filter-logs.png
new file mode 100644
index 00000000..bd5e91cb
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/filter-logs.png differ
diff --git a/static/images/docs/tools/vs-code-extension/filter-message-column.png b/static/images/docs/tools/vs-code-extension/filter-message-column.png
new file mode 100644
index 00000000..b5766a7f
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/filter-message-column.png differ
diff --git a/static/images/docs/tools/vs-code-extension/import-export-logs.png b/static/images/docs/tools/vs-code-extension/import-export-logs.png
new file mode 100644
index 00000000..79d47924
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/import-export-logs.png differ
diff --git a/static/images/docs/tools/vs-code-extension/install-webos-npm-library.png b/static/images/docs/tools/vs-code-extension/install-webos-npm-library.png
index f61bbce8..a11c5a36 100644
Binary files a/static/images/docs/tools/vs-code-extension/install-webos-npm-library.png and b/static/images/docs/tools/vs-code-extension/install-webos-npm-library.png differ
diff --git a/static/images/docs/tools/vs-code-extension/ipk-analyzer.png b/static/images/docs/tools/vs-code-extension/ipk-analyzer.png
index e0e1cae3..39a4e28d 100644
Binary files a/static/images/docs/tools/vs-code-extension/ipk-analyzer.png and b/static/images/docs/tools/vs-code-extension/ipk-analyzer.png differ
diff --git a/static/images/docs/tools/vs-code-extension/log-viewer-orange-log.png b/static/images/docs/tools/vs-code-extension/log-viewer-orange-log.png
new file mode 100644
index 00000000..a5a08635
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/log-viewer-orange-log.png differ
diff --git a/static/images/docs/tools/vs-code-extension/log-viewer-panel.png b/static/images/docs/tools/vs-code-extension/log-viewer-panel.png
new file mode 100644
index 00000000..4cb5a2c0
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/log-viewer-panel.png differ
diff --git a/static/images/docs/tools/vs-code-extension/log-viewer-red-log.png b/static/images/docs/tools/vs-code-extension/log-viewer-red-log.png
new file mode 100644
index 00000000..7cbf82db
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/log-viewer-red-log.png differ
diff --git a/static/images/docs/tools/vs-code-extension/log-viewer-white-log.png b/static/images/docs/tools/vs-code-extension/log-viewer-white-log.png
new file mode 100644
index 00000000..aa54b105
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/log-viewer-white-log.png differ
diff --git a/static/images/docs/tools/vs-code-extension/log-viewer.png b/static/images/docs/tools/vs-code-extension/log-viewer.png
new file mode 100644
index 00000000..0693d466
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/log-viewer.png differ
diff --git a/static/images/docs/tools/vs-code-extension/modify-emulator-username.png b/static/images/docs/tools/vs-code-extension/modify-emulator-username.png
new file mode 100644
index 00000000..ede2cae2
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/modify-emulator-username.png differ
diff --git a/static/images/docs/tools/vs-code-extension/package-auto-update.png b/static/images/docs/tools/vs-code-extension/package-auto-update.png
new file mode 100644
index 00000000..3a2b19bb
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/package-auto-update.png differ
diff --git a/static/images/docs/tools/vs-code-extension/package-install-launch-the-app.gif b/static/images/docs/tools/vs-code-extension/package-install-launch-the-app.gif
index fba728e1..da0da3be 100644
Binary files a/static/images/docs/tools/vs-code-extension/package-install-launch-the-app.gif and b/static/images/docs/tools/vs-code-extension/package-install-launch-the-app.gif differ
diff --git a/static/images/docs/tools/vs-code-extension/run-app-button.jpg b/static/images/docs/tools/vs-code-extension/run-app-button.jpg
deleted file mode 100644
index 7268f2b9..00000000
Binary files a/static/images/docs/tools/vs-code-extension/run-app-button.jpg and /dev/null differ
diff --git a/static/images/docs/tools/vs-code-extension/run-app-button.png b/static/images/docs/tools/vs-code-extension/run-app-button.png
new file mode 100644
index 00000000..45d0f86d
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/run-app-button.png differ
diff --git a/static/images/docs/tools/vs-code-extension/search-logs.png b/static/images/docs/tools/vs-code-extension/search-logs.png
new file mode 100644
index 00000000..c84b3f40
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/search-logs.png differ
diff --git a/static/images/docs/tools/vs-code-extension/set-default-device.png b/static/images/docs/tools/vs-code-extension/set-default-device.png
index 5ecf3b82..52959d93 100644
Binary files a/static/images/docs/tools/vs-code-extension/set-default-device.png and b/static/images/docs/tools/vs-code-extension/set-default-device.png differ
diff --git a/static/images/docs/tools/vs-code-extension/start-log-viewer.png b/static/images/docs/tools/vs-code-extension/start-log-viewer.png
new file mode 100644
index 00000000..e80aaec9
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/start-log-viewer.png differ
diff --git a/static/images/docs/tools/vs-code-extension/starting-debugging-session.gif b/static/images/docs/tools/vs-code-extension/starting-debugging-session.gif
index ec716307..5c68a4a2 100644
Binary files a/static/images/docs/tools/vs-code-extension/starting-debugging-session.gif and b/static/images/docs/tools/vs-code-extension/starting-debugging-session.gif differ
diff --git a/static/images/docs/tools/vs-code-extension/starting-the-preview.png b/static/images/docs/tools/vs-code-extension/starting-the-preview.png
index ad38cfa6..127524b2 100644
Binary files a/static/images/docs/tools/vs-code-extension/starting-the-preview.png and b/static/images/docs/tools/vs-code-extension/starting-the-preview.png differ
diff --git a/static/images/docs/tools/vs-code-extension/switch-the-log-format.png b/static/images/docs/tools/vs-code-extension/switch-the-log-format.png
new file mode 100644
index 00000000..f0d35a15
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/switch-the-log-format.png differ
diff --git a/static/images/docs/tools/vs-code-extension/update-package-list.png b/static/images/docs/tools/vs-code-extension/update-package-list.png
new file mode 100644
index 00000000..7b82ff48
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/update-package-list.png differ
diff --git a/static/images/docs/tools/vs-code-extension/virtualbox-installation-error.png b/static/images/docs/tools/vs-code-extension/virtualbox-installation-error.png
new file mode 100644
index 00000000..a058f480
Binary files /dev/null and b/static/images/docs/tools/vs-code-extension/virtualbox-installation-error.png differ
diff --git a/static/images/docs/tools/vs-code-extension/webos-studio-ui.png b/static/images/docs/tools/vs-code-extension/webos-studio-ui.png
index 3f2ecd70..2b4ec8d5 100644
Binary files a/static/images/docs/tools/vs-code-extension/webos-studio-ui.png and b/static/images/docs/tools/vs-code-extension/webos-studio-ui.png differ