FIX: add | table to folded tables (#918)

* add `| table` to folded tables

* refactor the "loading data" chapter in snippets

* refactor the "cell paths" section in a snippet

Author: amtoine

book/loading_data.md

@@ -6,26 +6,7 @@ Earlier, we saw how you can use commands like [`ls`](/commands/docs/ls.md), [`ps
 
 One of Nu's most powerful assets in working with data is the [`open`](/commands/docs/open.md) command. It is a multi-tool that can work with a number of different data formats. To see what this means, let's try opening a json file:
 
-```
-> open editors/vscode/package.json
-──────────────────┬───────────────────────────────────────────────────────────────────────────────
- name             │ lark
- description      │ Lark support for VS Code
- author           │ Lark developers
- license          │ MIT
- version          │ 1.0.0
- repository       │ [row type url]
- publisher        │ vscode
- categories       │ [table 0 rows]
- keywords         │ [table 1 rows]
- engines          │ [row vscode]
- activationEvents │ [table 1 rows]
- main             │ ./out/extension
- contributes      │ [row configuration grammars languages]
- scripts          │ [row compile postinstall test vscode:prepublish watch]
- devDependencies  │ [row @types/mocha @types/node tslint typescript vscode vscode-languageclient]
-──────────────────┴───────────────────────────────────────────────────────────────────────────────
-```
+@[code](@snippets/loading_data/vscode.sh)
 
 In a similar way to [`ls`](/commands/docs/ls.md), opening a file type that Nu understands will give us back something that is more than just text (or a stream of bytes). Here we open a "package.json" file from a JavaScript project. Nu can recognize the JSON text and parse it to a table of data.
 
@@ -213,13 +194,7 @@ version = "0.1.2"
 
 The "Cargo.lock" file is actually a .toml file, but the file extension isn't .toml. That's okay, we can use the [`from`](/commands/docs/from.md) command using the `toml` subcommand:
 
-```
-> open Cargo.lock | from toml
-──────────┬───────────────────
- metadata │ [row 107 columns]
- package  │ [table 130 rows]
-──────────┴───────────────────
-```
+@[code](@snippets/loading_data/cargo-toml.sh)
 
 The [`from`](/commands/docs/from.md) command can be used for each of the structured data text formats that Nu can open and understand by passing it the supported format as a subcommand.
 
@@ -262,9 +237,4 @@ Or run any SQL query you like:
 
 In addition to loading files from your filesystem, you can also load URLs by using the [`http get`](/commands/docs/fetch.md) command. This will fetch the contents of the URL from the internet and return it:
 
-```
-> http get https://blog.rust-lang.org/feed.xml
-──────┬───────────────────
- feed │ {record 2 fields}
-──────┴───────────────────
-```
+@[code](@snippets/loading_data/rust-lang-feed.sh)

book/metadata.md

@@ -20,20 +20,20 @@ Values that flow through a pipeline in Nu often have a set of additional informa
 Let's run the [`open`](/commands/docs/open.md) command again, but this time, we'll look at the tags it gives back:
 
 ```
-> open Cargo.toml | metadata
-────────┬───────────────────────────────────────────
- span   │ {record 2 fields}
-────────┴───────────────────────────────────────────
+> metadata (open Cargo.toml) | table
+╭──────┬───────────────────╮
+│ span │ {record 2 fields} │
+╰──────┴───────────────────╯
 ```
 
 Currently, we track only the span of where values come from. Let's take a closer look at that:
 
 ```
-> open Cargo.toml | metadata | get span
-───────┬────
- start │ 5
- end   │ 15
-───────┴────
+> metadata (open Cargo.toml) | get span
+╭───────┬────────╮
+│ start │ 212970 │
+│ end   │ 212987 │
+╰───────┴────────╯
 ```
 
 The span "start" and "end" here refer to where the underline will be in the line. If you count over 5, and then count up to 15, you'll see it lines up with the "Cargo.toml" filename. This is how the error we saw earlier knew what to underline.

book/types_of_data.md

@@ -348,15 +348,7 @@ You can combine list and record data access syntax to navigate tables. When used
 
 You can access individual rows by number to obtain records:
 
-```sh
-> [{langs:[Rust JS Python], releases:60}].0
-╭──────────┬────────────────╮
-│ langs    │ [list 3 items] │
-│ releases │ 60             │
-╰──────────┴────────────────╯
-> [{langs:[Rust JS Python], releases:60}].0.langs.2
-Python
-```
+@[code](@snippets/types_of_data/cell-paths.sh)
 
 Moreover, you can also access entire columns of a table by name, to obtain lists:
 

de/book/loading_data.md

@@ -12,26 +12,7 @@ Einer der mächtigsten Befehle in Nu um mir Daten zu arbeite ist der [`open`](/c
 Er ist ein Multi-Werkzeug, welcher mit verschiedensten Datenformaten umgehen kann.
 Hier zum Beispiel was passiert, wenn eine json Datei geöffnet wird:
 
-```
-> open editors/vscode/package.json
-──────────────────┬───────────────────────────────────────────────────────────────────────────────
- name             │ lark
- description      │ Lark support for VS Code
- author           │ Lark developers
- license          │ MIT
- version          │ 1.0.0
- repository       │ [row type url]
- publisher        │ vscode
- categories       │ [table 0 rows]
- keywords         │ [table 1 rows]
- engines          │ [row vscode]
- activationEvents │ [table 1 rows]
- main             │ ./out/extension
- contributes      │ [row configuration grammars languages]
- scripts          │ [row compile postinstall test vscode:prepublish watch]
- devDependencies  │ [row @types/mocha @types/node tslint typescript vscode vscode-languageclient]
-──────────────────┴───────────────────────────────────────────────────────────────────────────────
-```
+@[code](@snippets/loading_data/vscode.sh)
 
 Ähnlich wie beim [`ls`](/commands/docs/ls.md) Befehl, bekommen wir mehr als nur Text
 (oder einen Stream von bytes) zurück, wenn wir einen Dateityp öffnen, den Nu versteht.
@@ -196,13 +177,7 @@ version = "0.1.2"
 Eine "Cargo.lock" Datei ist eigentlich eine .toml Datei, aber die Dateiendung ist nicht .toml.
 Das ist ok, denn mit dem `from` und seinem Unterbefehl `toml` können wir dies explizit angeben:
 
-```
-> open Cargo.lock | from toml
-──────────┬───────────────────
- metadata │ [row 107 columns]
- package  │ [table 130 rows]
-──────────┴───────────────────
-```
+@[code](@snippets/loading_data/cargo-toml.sh)
 
 Der `from` Befehl kann für jedes strukturierte Datenformat, welches Nu versteht, verwendet werden,
 indem das Format als entsprechender Unterbefehl verwendet wird.
@@ -227,9 +202,4 @@ license = "MIT"
 Zusätzlich zum Laden von Dateien vom Dateisystem, können auch URLs mit dem [`http get`](/commands/docs/fetch.md)
 Befehl geladen werden. Dies wird den Inhalt der URL aus dem Netz abrufen und zurückgeben:
 
-```
-> http get https://blog.rust-lang.org/feed.xml
-──────┬───────────────────
- feed │ {record 2 fields}
-──────┴───────────────────
-```
+@[code](@snippets/loading_data/rust-lang-feed.sh)

ja/book/loading_data.md

@@ -6,26 +6,7 @@
 
 データを操作するための Nu の最も強力なコマンドのひとつが`open`コマンドです。これは様々なデータ形式に対応したマルチツールです。これがなにを意味するかをみるために、json ファイルを開いてみましょう。
 
-```
-> open editors/vscode/package.json
-──────────────────┬───────────────────────────────────────────────────────────────────────────────
- name             │ lark
- description      │ Lark support for VS Code
- author           │ Lark developers
- license          │ MIT
- version          │ 1.0.0
- repository       │ [row type url]
- publisher        │ vscode
- categories       │ [table 0 rows]
- keywords         │ [table 1 rows]
- engines          │ [row vscode]
- activationEvents │ [table 1 rows]
- main             │ ./out/extension
- contributes      │ [row configuration grammars languages]
- scripts          │ [row compile postinstall test vscode:prepublish watch]
- devDependencies  │ [row @types/mocha @types/node tslint typescript vscode vscode-languageclient]
-──────────────────┴───────────────────────────────────────────────────────────────────────────────
-```
+@[code](@snippets/loading_data/vscode.sh)
 
 `ls`と同様、Nu が理解できるタイプのファイルを開くと、単なるテキスト(またはバイトストリーム)以上のものが返ってきます。ここでは、JavaScript プロジェクト内の"package.json"ファイルを開いています。Nu は JSON テキストを認識し、テーブルデータを返すことができます。
 
@@ -163,13 +144,7 @@ version = "0.1.2"
 
 "Cargo.lock"ファイルは実際には.toml ファイルですが、ファイル拡張子が.toml ではありません。でも大丈夫です、`from toml`コマンドが使えます。
 
-```
-> open Cargo.lock | from toml
-──────────┬───────────────────
- metadata │ [row 107 columns]
- package  │ [table 130 rows]
-──────────┴───────────────────
-```
+@[code](@snippets/loading_data/cargo-toml.sh)
 
 `from`コマンドはサポートされているテキストフォーマットをサブコマンドとして渡すことで Nu が扱える構造化データごとに利用できます。
 
@@ -191,9 +166,4 @@ license = "MIT"
 ファイルシステムからファイルを読み込むことに加えて、`http get`コマンドを利用して URL からリソースを取得できます。
 これはインターネットから URL の内容をフェッチして返してくれます。
 
-```
-> http get https://www.jonathanturner.org/feed.xml
-─────┬───────────────────────────
- rss │ [row attributes children]
-─────┴───────────────────────────
-```
+@[code](@snippets/loading_data/rust-lang-feed.sh)

snippets/introduction/sys_example.sh

@@ -1,4 +1,4 @@
-> sys
+> sys | table
 ╭───────┬───────────────────╮
 │ host  │ {record 6 fields} │
 │ cpu   │ [table 4 rows]    │

snippets/loading_data/cargo-toml.sh

@@ -0,0 +1,5 @@
+> open Cargo.lock | from toml | table
+──────────┬───────────────────
+ metadata │ [row 107 columns]
+ package  │ [table 130 rows]
+──────────┴───────────────────

snippets/loading_data/rust-lang-feed.sh

@@ -0,0 +1,6 @@
+> http get https://blog.rust-lang.org/feed.xml | table
+╭────────────┬──────────────────╮
+│ tag        │ feed             │
+│ attributes │ {record 1 field} │
+│ content    │ [table 18 rows]  │
+╰────────────┴──────────────────╯

snippets/loading_data/vscode.sh

@@ -0,0 +1,18 @@
+> open editors/vscode/package.json | table
+──────────────────┬───────────────────────────────────────────────────────────────────────────────
+ name             │ lark
+ description      │ Lark support for VS Code
+ author           │ Lark developers
+ license          │ MIT
+ version          │ 1.0.0
+ repository       │ [row type url]
+ publisher        │ vscode
+ categories       │ [table 0 rows]
+ keywords         │ [table 1 rows]
+ engines          │ [row vscode]
+ activationEvents │ [table 1 rows]
+ main             │ ./out/extension
+ contributes      │ [row configuration grammars languages]
+ scripts          │ [row compile postinstall test vscode:prepublish watch]
+ devDependencies  │ [row @types/mocha @types/node tslint typescript vscode vscode-languageclient]
+──────────────────┴───────────────────────────────────────────────────────────────────────────────

snippets/types_of_data/cell-paths.sh

@@ -0,0 +1,7 @@
+> [{langs:[Rust JS Python], releases:60}].0 | table
+╭──────────┬────────────────╮
+│ langs    │ [list 3 items] │
+│ releases │ 60             │
+╰──────────┴────────────────╯
+> [{langs:[Rust JS Python], releases:60}].0.langs.2
+Python