updated env-setup

Author: mariotaku

src/views/develop/guides/env-setup.md

@@ -4,5 +4,37 @@ Install and configure the necessary tools for development
 
 ## Prerequisites
 
-For web app development, you can use Linux, macOS, or Windows. For native app development, you need to use Linux, macOS,
-or [WSL on Windows](https://learn.microsoft.com/en-us/windows/wsl/install).
+For web app development, you can use Linux, macOS, or Windows. For native app development, you need to use Linux or
+macOS.If you want to use Windows, you can use [Windows Subsystem for Linux (WSL)](https://aka.ms/wsl).
+
+## Setup for Web App Development
+
+Checkout [official manual on webOS TV Developer](https://webostv.developer.lge.com/develop/getting-started/developer-workflow).
+
+## Setup for Native App Development
+
+We provide [unofficial native SDK](https://github.com/webosbrew/native-toolchain/) for webOS TV.
+
+Download the prebuilt SDK for your OS and CPU architecture. Extract the archive to your preferred location.
+
+```bash Linux x86_64
+tar -zxf arm-webos-linux-gnueabi_sdk-buildroot.tar.gz
+```
+
+```bash Linux aarch64
+tar -jxf arm-webos-linux-gnueabi_sdk-buildroot_linux-aarch64.tar.bz2
+```
+
+```bash macOS arm64
+tar -jxf arm-webos-linux-gnueabi_sdk-buildroot_darwin-arm64.tar.bz2
+```
+
+```bash macOS x86_64
+tar -jxf arm-webos-linux-gnueabi_sdk-buildroot_darwin-x86_64.tar.bz2
+```
+
+After extracting the SDK, run `relocate-sdk.sh` to update the SDK path.
+
+```bash Linux & macOS & WSL
+/path/to/arm-webos-linux-gnueabi_sdk-buildroot/relocate-sdk.sh
+```

webpack/remark/tabbed-code-block.js

@@ -1,41 +1,12 @@
 import {visit} from "unist-util-visit";
 import {toHtml} from "hast-util-to-html";
-import {kebabCase} from "lodash-es";
+import {kebabCase, repeat} from "lodash-es";
 import {html} from "../htm-rehype.js";
 
 /** @typedef {Code & {tab: string, tabId: string}} TabbedCode */
 
-
-/**
- * @typedef {Function} Processor
- * @param {Root} tree
- * @param {import('vfile').VFile} [vfile]
- */
-
 /** @returns {Processor} */
 export default function tabbedCodeBlock() {
-
-
-  /**
-   * @param {Element} node
-   * @return {[Element, Element] | null}
-   */
-  function getTextAndPre(node) {
-    if (node.tagName !== 'li' || !node.children) {
-      return null;
-    }
-    let text = null;
-    let pre = null;
-    for (let child of node.children) {
-      if (child.tagName === 'p') {
-        text = child;
-      } else if (child.tagName === 'pre') {
-        pre = child;
-      }
-    }
-    return text && pre && [text, pre];
-  }
-
   /** @param {Code|undefined} node */
   function isTabbedCodeBlock(node) {
     return node?.type === 'code' && node.meta;
@@ -58,7 +29,7 @@ export default function tabbedCodeBlock() {
         /** @type {Html} */
         const elem = {type: 'html'};
         /** @type {TabbedCode[]} */
-        const tabs = parent.children.splice(firstTab, index - firstTab + 1, elem);
+        const tabs = parent.children.slice(firstTab, index + 1);
         const prefix = `code-${tabs[0].position?.start?.offset}`;
         elem.value = toHtml(html`
           <div>
@@ -88,6 +59,9 @@ export default function tabbedCodeBlock() {
             </div>
           </div>`
         );
+
+        parent.children.fill({value: ''}, firstTab, index);
+        parent.children[index] = elem;
       });
   };
 }