{"id":21644482,"url":"https://github.com/samsung/vscode-tizentv-wasm","last_synced_at":"2025-10-23T16:41:04.884Z","repository":{"id":56581670,"uuid":"272603372","full_name":"Samsung/vscode-tizentv-wasm","owner":"Samsung","description":"Extension based on VSCode editor","archived":false,"fork":false,"pushed_at":"2023-04-07T09:56:46.000Z","size":9693,"stargazers_count":14,"open_issues_count":4,"forks_count":5,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-11T18:22:07.185Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Samsung.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-16T03:46:24.000Z","updated_at":"2023-11-22T20:36:11.000Z","dependencies_parsed_at":"2023-02-08T16:15:52.728Z","dependency_job_id":null,"html_url":"https://github.com/Samsung/vscode-tizentv-wasm","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samsung%2Fvscode-tizentv-wasm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samsung%2Fvscode-tizentv-wasm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samsung%2Fvscode-tizentv-wasm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Samsung%2Fvscode-tizentv-wasm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Samsung","download_url":"https://codeload.github.com/Samsung/vscode-tizentv-wasm/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248456387,"owners_count":21106607,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-25T05:40:27.600Z","updated_at":"2025-10-23T16:41:04.831Z","avatar_url":"https://github.com/Samsung.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\r\n  \u003cbr\u003e\r\n    \u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/icon.png\" alt=\"logo\" width=\"200\"\u003e\r\n  \u003cbr\u003e\r\n  VS Code - Tizen TV WASM\r\n  \u003cbr\u003e\r\n  \u003cbr\u003e\r\n\u003c/h1\u003e\r\n\r\n\u003ch4 align=\"center\"\u003eGenerate/Edit/Package/Run/Debug your applications with Tizen Targets\u003c/h4\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003ca href=\"https://github.com/Samsung/vscode-tizentv-wasm\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/buildpassing.png\" alt=\"Source\"\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://github.com/Samsung/vscode-tizentv-wasm\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/release.png\" alt=\"Release\"\u003e\u003c/a\u003e\r\n  \u003ca href=\"https://github.com/Samsung/vscode-tizentv-wasm\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/chatter.png\" alt=\"Wiki\"\u003e\u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n'Tizen TV WASM' is a VS Code extension that provides a lightweight IDE for Tizen Webassembly application developers, helps to generate, update and package an application, also run and debug an application on Tizen targets.\r\n\r\n![Demo](https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/demo.gif)\r\n\r\n## Supported features \r\n\r\n* Tizen TV WASM: **Create Web Project**  \r\n\r\n  Create a Tizen web application from templates or empty projects.\r\n\r\n* Tizen TV WASM: **Add Wasm Module**  \r\n\r\n  Add one or more Wasm Module to a Tizen web application.    \r\n  C++ HelloWorld / C HelloTriangle / C++ Empty / C Empty samples are included as reference modules. \r\n\r\n* Tizen TV WASM: **Build Wasm Module**  \r\n\r\n  Build all wasm modules.\r\n\r\n* Tizen TV WASM: **Build Signed Package**  \r\n\r\n  Build the Tizen application into a Tizen package, the package will be located in workspace's root directory.    \r\n  Make sure to create and activate a Tizen Developer Certificate using *Certificate Manager* before proceding to this step.\r\n\r\n* Tizen TV WASM: **Debug Application**\r\n\r\n  Use google-chrome to debug with web inspector, please configure the chrome executable's path in user setting. \r\n\r\n* Tizen TV WASM: **Launch Application**  \r\n\r\n  Run On TV/Run On TV Simulator/Run On TV Emulator.    \r\n  Extension will prompt for configuring respective target types on first attempt.    \r\n  Make sure to set [Developer Mode to On on TV](https://developer.samsung.com/smarttv/develop/getting-started/using-sdk/tv-device.html).\r\n\r\n* Tizen TV WASM: **Run Certificate Manager**  \r\n\r\n  Create Profile (Tizen) / Remove Profile / Set Active Profile    \r\n  Manages certificate for signing Tizen TV Web application package.  \r\n\r\n* Tizen TV WASM: **Wits Start (Install and Live reload)**\r\n\r\n* Tizen TV WASM: **Wits Watch (Live reload)**\r\n\r\n* Tizen TV WASM: **Wits Stop** \r\n\r\n  More information on using WITS with Tizen TV models released after 2017 is found [here](https://github.com/Samsung/Wits)\r\n\r\n## Getting Started\r\nThe extension supports most of the basic features required to develop a Tizen TV app. It supports to create application using predefined templates, package the application, sign the application using certificate profile, launch or debug application on TV Simulator, Emulator and Tizen TV.\r\n\r\n### Setup Environment  \r\n1. Install the latest [Visual Studio Code](https://code.visualstudio.com).\r\n2. Install the **Tizen TV WASM extension** from the market place. **Tizen TV WASM extension** can be installed by searching in the Extensions view ( Ctrl+Shift+X ).\r\n3. Download and extract the [Tizen Emscripten SDK](https://developer.samsung.com/smarttv/develop/extension-libraries/webassembly/download.html) suitable for your OS. \r\n4. Setup the Tizen Emscripten and use it with Visual Studio Code.\r\n    \u003e These steps guide using *emsdk* without changing development host environment variables permanently.\r\n   - Windows\r\n     - Launch the Windows *Command shell*.\r\n     - Go to the *emsdk* directory.\r\n     - Run the below commands.\r\n     ```shell\r\n      emsdk activate latest-fastcomp\r\n      code\r\n     ```\r\n   - Mac \u0026 Linux\r\n     - Launch the *Terminal*.\r\n     - Go to the *emsdk* directory.\r\n     - Run the below commands.\r\n     ```shell\r\n      ./emsdk activate latest-fastcomp\r\n      source ./emsdk_env.sh\r\n      code\r\n     ```\r\n5. Press **F1** to open the *Command Palette* and input **Tizen TV WASM** to find out all the supported commands.\r\n\u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/featurelist.png\" alt=\"feature list\"\u003e\u003c/p\u003e\r\n\r\n6. Press **F5** to find out supported debuggers.   \r\n\r\n### Developing a WASM Application\r\nThe following section demonstrates the steps essential for developing a Tizen TV WASM application using *Tizen TV WASM* extension. For simplicity, application is created using existing OpenGL based sample application.\r\n\r\n\u003e Use CTRL+SHIFT+P to activate the *Command Palette*.\r\n\r\n1. Create and activate a certificate profile for signing the Tizen TV Web application package.    \r\n   Even though this step could be followed later, it is better to have certificate profile created and activated before proceding further.    \r\n   - Run Certificate manager    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr1.png\" alt=\"Certificate Manager\"\u003e\u003c/p\u003e  \r\n   -  Create Profile (Tizen)    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr2.png\" alt=\"Certificate Profile\"\u003e\u003c/p\u003e   \r\n   -  Provide name for Certificate profile    \r\n           Example : Development    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr4.png\" alt=\"Certificate Profile Name\"\u003e\u003c/p\u003e  \r\n   - Provide filename to store the Certificate Profile    \r\n           Example : TVDevelopmentCertificate    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr5.png\" alt=\"Certificate Filename\"\u003e\u003c/p\u003e  \r\n   - Provide author name  \r\n           Example : My Name\r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr6.png\" alt=\"Certificate Author Name\"\u003e\u003c/p\u003e \r\n   - Enter and confirm password for the certificate    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr7.png\" alt=\"Certificate Password\"\u003e\u003c/p\u003e  \r\n   - Set as deafult\r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr8.png\" alt=\"Certificate Default\"\u003e\u003c/p\u003e\r\n   - Run Certificate Manager again and set the active profile\r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/certmgr10.png\" alt=\"Certificate Activate profile\"\u003e\u003c/p\u003e \r\n   \r\n1. Create an empty web project    \r\n   - Run Create Web Project    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/CreateWebProject1.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n   - Select Empty    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/CreateWebProject2.png\" alt=\"1\"\u003e\u003c/p\u003e \r\n   - Choose the working directory. By default, it chooses current directory\r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/CreateWebProject4.png\" alt=\"1\"\u003e\u003c/p\u003e \r\n   - Provide name   \r\n        Example : HelloWASM    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/CreateWebProject3.png\" alt=\"1\"\u003e\u003c/p\u003e \r\n1. Add a WASM module choosing from existing C sample. \r\n    - Run Add Wasm Module    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/addwasm1.png\" alt=\"1\"\u003e\u003c/p\u003e \r\n    - Choose language   \r\n        Example : C language for this demo    \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/addwasm2.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n    - Provide name for Wasm module  \r\n        Example : WasmModule  \r\n      \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/addwasm3.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n    - Select the module mode  \r\n        Example : Template  \r\n     \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/addwasm4.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n    - Choose hello Triangle\r\n    \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/addwasm5.png\" alt=\"1\"\u003e\u003c/p\u003e \r\n1. Build the WASM module.    \r\n    \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/buildwasm1.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n1. Build the signed package.    \r\n    As we have already created and activated certificate profile, this should be smooth.\r\n    \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/buildsignedapp1.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n\r\n### Running on the TV\r\n1. Make sure TV and the development PC are in the same LAN.    \r\n1. Set [Developer Mode to On on TV](https://developer.samsung.com/smarttv/develop/getting-started/using-sdk/tv-device.html).\r\n1. Run Launch applicaion\r\n    \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/runontv1.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n1. Choose Run On TV\r\n    \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/runontv3.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n1. Set TV IP\r\n    \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/runontv4.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n1. If everything went well, you should observe red triangle on the TV as below.\r\n    \u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/Samsung/vscode-tizentv-wasm/master/images/tvscreen.png\" alt=\"1\"\u003e\u003c/p\u003e  \r\n\r\n## Command Configuration  \r\nAdditional **TizenTV SDK configuration**s could be accessed by following below steps:  \r\nFile \u003e Preferences \u003e Settings \u003e User \u003e  TizenTV SDK Configuration\r\n\r\n\r\n## F.A.Q\r\nPlease log your [suggestions, \u0026 issues](https://github.com/Samsung/vscode-tizentv-wasm/issues)  \r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamsung%2Fvscode-tizentv-wasm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamsung%2Fvscode-tizentv-wasm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamsung%2Fvscode-tizentv-wasm/lists"}