Tree Extension for gatsby-remark-prismjs

gatsby-config.js

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [
        {
          resolve: `gatsby-remark-prismjs`,
          options: {
            languageExtensions: [
              {
                language: "tree",
                extend: "json",
                definition: {
                  'entry-line': [
                    {
                      pattern: /\|-- |├── /,
                      alias: 'line-h'
                    },
                    {
                      pattern: /\|   |│   /,
                      alias: 'line-v'
                    },
                    {
                      pattern: /`-- |└── /,
                      alias: 'line-v-last'
                    },
                    {
                      pattern: / {4}/,
                      alias: 'line-v-gap'
                    }
                  ],
                  'entry-dir': {
                    pattern: /.*[\/](?!\w).*/,
                    inside: {
                      // symlink
                      'operator': / -> /,
                    }
                  },
                  'entry-symlink': {
                    pattern: /.*\S.* (-> .*)/,
                    inside: {
                      'operator': / -> /,
                      'file': /(.*)/,
                    }
                  },
                  'entry-name': {
                    pattern: /.*\S.*/,
                    inside: {
                      // symlink
                      'operator': / -> /,
                    }
                  },
                },
              },
            ]
          }
        },
      ],
    }
  }
]