rotz 1.2.1

Fully cross platform dotfile manager written in rust.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

import React from 'react';
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
import CodeBlock from '@theme/CodeBlock';
import YAML from 'yaml';
import TOML from '@ltd/j-toml';

export type TabedCodeBlockProps = {
  title: string;
  data?: any;
  yaml?: string;
  toml?: string;
  json?: string;
  predots: boolean;
};

export default function TabedCodeBlock({ title, data, yaml, toml, json, predots }: TabedCodeBlockProps): JSX.Element {
  yaml = yaml ?? YAML.stringify(data);
  toml = toml ?? TOML.stringify(data, {
    newline: "\n",
    indent: "  "
  });
  json = json ?? JSON.stringify(data, null, "  ");

  yaml = yaml.trim();
  toml = toml.trim();
  json = json.trim();

  if (predots) {
    yaml = `...\n\n${yaml}`;
    toml = `...\n\n${toml}`;
    json = `{\n...\n${json.substring(1)}`;
  }

  return (
    <Tabs>
      <TabItem value="yaml" label="yaml" default>
        <CodeBlock title={title.replace("{{ format }}", "yaml")} language="yaml">
          {yaml}
        </CodeBlock>
      </TabItem>
      <TabItem value="toml" label="toml" default>
        <CodeBlock title={title.replace("{{ format }}", "toml")} language="toml">
          {toml}
        </CodeBlock>
      </TabItem>
      <TabItem value="json" label="json" default>
        <CodeBlock title={title.replace("{{ format }}", "json")} language="json">
          {json}
        </CodeBlock>
      </TabItem>
    </Tabs>
  );
}