added some notes

Author: mariotaku

src/views/develop/guides/_sidebar.md

@@ -19,10 +19,5 @@
     * Wayland
     * Media Format
     * Library Version
-* :bi-cpu:Reverse Engineering
-    * Web App
-    * Native App
-    * Firmware
-    * System
 * :bi-lightbulb:Contribute to Guides
     * [Document Syntax](/develop/guides/docs-syntax) 

src/views/hacking/_sidebar.md

@@ -0,0 +1,11 @@
+# All Guides
+
+* Introduction
+* :bi-braces:Reverse Engineering
+    * Web App
+    * Native App
+    * Firmware
+    * System
+* :bi-motherboard:Using Main Boards
+  * [Power Supply](/hacking/main-board/power-supply)
+  * [Video Output](/hacking/main-board/video-output)

src/views/hacking/index.md

@@ -0,0 +1,6 @@
+# Hacking
+
+---
+
+Okay, we're now getting serious. This section mainly focuses on reverse engineering, and some hardware related
+techniques.

src/views/hacking/main-board/power-supply.md

@@ -0,0 +1,37 @@
+# Power Supply
+
+---
+
+Most TV models use 13.2V DC to power up the main board. Having a 12V DC power supply with at least 1.5A current rating
+as the board draws around 1.2A current when powered up.
+
+## LCD Models (12-pin Connector)
+
+For many boards, a 12-pin connector is used to power up the board.
+
+On some older boards:
+
+| Left   |      |      |      |     | Right |
+|--------|------|------|------|-----|-------|
+| 1      | 3    | 5    | 7    | 9   | 11    |
+| PWR ON | GND  | D13V | A13V | GND | -     |
+| -      | D13V | D13V | A13V | GND | -     |
+| 2      | 4    | 6    | 8    | 10  | 12    |
+
+On some newer boards:
+
+| Left |     |      |      |      | Right  |
+|------|-----|------|------|------|--------|
+| 1    | 3   | 5    | 7    | 9    | 11     |
+| -    | GND | A13V | D13V | GND  | PWR ON |
+| -    | GND | A13V | D13V | D13V | -      |
+| 2    | 4   | 6    | 8    | 10   | 12     |
+
+## OLED Models (24-pin Connector)
+
+| Left |   |   |   |    |    |    |    |    |    |    | Right |
+|------|---|---|---|----|----|----|----|----|----|----|-------|
+| 1    | 3 | 5 | 7 | 9  | 11 | 13 | 15 | 17 | 19 | 21 | 23    |
+| -    | - | - | - | -  | -  | -  | -  | -  | -  | -  | -     |
+| -    | - | - | - | -  | -  | -  | -  | -  | -  | -  | -     |
+| 2    | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24    |

src/views/hacking/main-board/video-output.md

@@ -0,0 +1,15 @@
+LG uses different panel interfaces for different models:
+
+1. LVDS for older 1080p models
+2. Vx1 for some UHD models
+3. EPI (propertiery p2p interface by LG), very common
+
+We can easily get video output from 1 & 2. However, without expensive tool, it's very hard to get video output.
+
+### Boards to Buy
+
+| Series | webOS | Panel Interface | Resolution | Part No. (ATSC) | Part No. (DVB) | Notes                                      |
+|--------|-------|-----------------|------------|-----------------|----------------|--------------------------------------------|
+| EC93   | 1.x   | LVDS            | 1920x1080  | EAX66612205     | EAX65612205    |                                            |
+| LF63   | 2.x   | LVDS            | 1920x1080  | EAX66202604     | EAX66202603    |                                            |
+| UM76   | 4.x   | Vx1             | 3840x2160  | EAX68253604     | EAX68253604    | Vx1 interface only available for 75" model |

webpack/markdown-to-page.js

@@ -27,15 +27,32 @@ function getPagePath(relative) {
   return `/${path.posix.format(parsed.name === 'index' ? {root: parsed.dir} : {dir: parsed.dir, name: parsed.name})}`;
 }
 
+/**
+ * @param fs {import('webpack').LoaderContext<Object>['fs']}
+ * @param dir {string}
+ * @param root {string}
+ * @return {string|null}
+ */
+function findSidebar(fs, dir, root) {
+  while (dir !== root) {
+    const sidebar = fs.readdirSync(dir).find(ent => ent.startsWith('_sidebar.'));
+    if (sidebar) {
+      return path.join(dir, sidebar);
+    }
+    dir = path.dirname(dir);
+  }
+  return null;
+}
+
 /**
  * @param content {string}
  * @param meta {Object}
  * @param loaderContext {import('webpack').LoaderContext<Object> & { data: { [key: string]: any } | string }}
  */
 export default function (content, meta, loaderContext) {
   const {resourcePath, data, context, rootContext, fs} = loaderContext;
-  const sidebarEnt = fs.readdirSync(path.dirname(resourcePath))
-    .find(ent => ent.startsWith('_sidebar.'));
+  const sidebarPath = findSidebar(fs, path.dirname(resourcePath), rootContext);
+  const sidebarContent = sidebarPath && fs.readFileSync(sidebarPath, 'utf-8').trim();
   const processor = remark()
     .use(remarkBootstrapIcon)
     .use(remarkRehype, {allowDangerousHtml: true})
@@ -48,8 +65,7 @@ export default function (content, meta, loaderContext) {
     })
     .use(rehypeStringify, {allowDangerousCharacters: true, allowDangerousHtml: true});
   /** @type {VFile|undefined} */
-  const sidebar = sidebarEnt ? processor
-    .processSync(fs.readFileSync(path.join(context, sidebarEnt))) : undefined;
+  const sidebar = sidebarContent && processor.processSync(sidebarContent);
   Object.assign(data, meta, sidebar && {sidebar: sidebar.data.title || 'Pages'});
   return `{{#partial 'sidebar'}}${sidebar}{{/partial}}{{#> page }}${content}{{/page}}`;
 }