A visual, interactive outline map that combines the clarity of the outline with the intuitive overview of the minimap. Alternative Minimap.

Overview

Outline Map

EN | 中文

A visual, interactive outline map that combines the clarity of the outline with the intuitive overview of the minimap. Alternative Minimap.

version installs rating

trendingWeekly trendingMonthly

Features

  • Follow the cursor

Follow the cursor

  • Quick navigation

Quick navigation

  • Flag diagnostics

Flag diagnostics

  • Color customization

Color customization


Configuration

Changes will take effect after restarting the outline view

  • outline-map.color: color table for specific symbols
  • outline-map.enableAutomaticIndentReduction: Enable automatic reduction of child node indent when parent node label goes out of view
    no-reduceIndent -> reduceIndent
  • outline-map.follow: Scroll the outline when the cursor moves or the viewport scrolls
    • viewport: When scrolling, the center outline node in the visible area of the editor will be scrolled to the center of the outline view;
    • cursor (default): When the cursor position changes, the outline node where the cursor is located will be scrolled to the center of the outline view;
    • cursor-always-open: Follow the cursor, manually expand/collapse the outline
  • outline-map.hiddenItem: Choose items you do not want to see in the outline.
  • outline-map.defaultMaxDepth: Set the default maximum depth of the outline tree. Set this to non-zero to enable the depth button > & <.
  • outline-map.expandOutlineMethod
    Set how to expand outline node.
    • click (default): Click the icon of a outline node to expand;
      click-expand
    • hover: Hover a outline node to expand;
  • outline-map.customFont: Set the font of the outline view. Example: Consolas, "Courier New", monospace.

Commands

  • outline-map.addDepth | outline-map.reduceDepth: Add / Reduce a level to the outline tree. Only works when outline-map.defaultMaxDepth is set to non-zero.
  • outline-map.pin | outline-map.unpin | outline-map.freeze : Pin / Unpin / Freeze the outline tree.
    • unpin: Free the outline tree;
    • pin: The outline tree will not be automatically expanded;
    • freeze: The outline tree will not be automatically expanded and will not scroll when the cursor moves or the viewport scrolls;

Suggestion: move view to secondary side panel (vscode ^1.64)

Initialize settings


Outline Map relies on (vscode || other extensions) to provide symbol information

If you meet issues that outline can not display / display wrongly for a specific file type, please check if the built-in outline supports the file type.

  • No: Please install a extension that provides correct symbol information.
  • Yes: Report an issue with the problem file and installed related extensions.

Refer to the following links for more information: vscode-code-outline/language-support


Enjoy!

Comments
  • Feature - Expand Outline Method -

    Feature - Expand Outline Method - "always open"

    Need some way to get always opened tree without click on something, like default outline: Screenshot 2022-08-02 at 14 04 11 Screenshot 2022-08-02 at 14 00 10

    Maybe add another one method "always open" to settings: Screenshot 2022-08-02 at 13 53 37

    opened by Hecatoncheir 2
  • show level between left arrow and right arrow

    show level between left arrow and right arrow

    Is your feature request related to a problem? Please describe.

    image

    Describe the solution you'd like

    like the picture,when i click left arrow or right arrow,that can show the level between left arrow and right arrow.

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here.

    opened by chenbimo 2
  • qml support

    qml support

    Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

    Describe the solution you'd like A clear and concise description of what you want to happen.

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here.

    opened by gushuguo 2
  • Cannot execute command: next primary side bar view

    Cannot execute command: next primary side bar view

    Describe the bug

    Cannot execute views: next primary side bar view when focus on outline map view.

    To Reproduce

    Steps to reproduce the behavior:

    1. put outline map view in the primary side bar
    2. use command palette execute the command "views: next primary side bar view"

    Cycle through primary side bar views that contains outline map view.

    sidebar-navigation-failed

    in the gif above, I use shortcut cmd+alt+left & right to nav back/forward views

    Expected behavior

    Cycle through primary side bar views that not contains outline map view.

    sidebar-navigation-success

    in the gif above, I use shortcut cmd+alt+left & right to nav back/forward views

    opened by HenryC-3 2
  • 可以设置展示多少层级的地图吗?右侧内容太多了。

    可以设置展示多少层级的地图吗?右侧内容太多了。

    Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

    Describe the solution you'd like A clear and concise description of what you want to happen.

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here.

    enhancement 
    opened by chenbimo 2
  • github sponsor

    github sponsor

    just downloaded your extension and i love it. it is superior to the native vscode outline pane.

    i want to support/ sponsor your project on github. perhaps you can add that option.

    i appreciate your work 💖

    opened by alexn-s 2
  • [Feature Request] Display functions return type and params type

    [Feature Request] Display functions return type and params type

    在Java中outline_map只会显示函数返回类型,不会显示函数参数类型, 在C++中ouline_map只会显示一个函数名。

    在Vscode的原生outline中,函数的返回类型和参数类型会与函数名分开,单独开一个小块显示(以C++为例),可能outline_map没有把那个小块也做进来?

    Snipaste_2022-09-12_02-31-45 Snipaste_2022-09-12_02-31-30

    enhancement 
    opened by GustafXTT 1
  • Outline persists after switch to a file without symbol

    Outline persists after switch to a file without symbol

    Describe the bug

    Reproduce Step

    Steps to reproduce the behavior:

    1. Open a file with symbol e.g. javascript file. The outline map correctly shows. 打开一个带有符号的文件,例如javascript。能正确显示outline Map。 图片

    2. Then switch to a file without symbol e.g. a plaintext file. The old outline still peresists. The highlight also follows when scroll. 切换到一个没有符号的文件,例如文本文件。之前的Outline Map依旧显示在边上。在文件中滚动,高亮也会随之移动。 图片

    Expected behavior

    Expected the outline to be cleared as vscode build-in outline. Just show a notice that no symbol found. 期望和原生的大纲一样。可以提示找不到符号。 图片

    Platform:

    • MAC M1
    • VS Code: 1.70.0
    • Outline Map v0.7.3
    opened by 0w0miki 1
  • do not follow cursor and viewport

    do not follow cursor and viewport

    Is your feature request related to a problem? Please describe.

    i hope i can see all the outline,becase it can make me more global outlook

    我希望我可以查看所有的大纲,因为它可以让我保持对页面的全局把握

    Describe the solution you'd like

    just setup a switch,that i can toggle it follow cursor and viewport or not follow cursur and viewport.

    只需要设计一个开关,我可以切换它来控制是否跟随光标和视窗或者不跟随光标和视窗

    Alternatively,provide the third option is "none",that i can choose it to not follow cursor. 或者,提供第三个选项“none”,我可以选择这个选项,避免光标跟随

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here.

    enhancement 
    opened by chenbimo 1
  • Outline map scrolls to the top always when scrolling some files

    Outline map scrolls to the top always when scrolling some files

    To Reproduce Steps to reproduce the behavior:

    1. Open https://github.com/xtermjs/xterm.js/blob/master/src/browser/Terminal.ts
    2. Click somewhere, the outline map will get revealed correctly
    3. Scroll up, 🐛 the outline map scrolls to the top

    Expected behavior If should keep revealing when scrolling

    Screenshots If applicable, add screenshots to help explain your problem.

    Had to cut the gif a bit to get it below 10mb, hopefully it's clear:

    Recording 2022-07-27 at 04 57 29

    Version: 1.70.0-insider (user setup) Commit: cc098faebd320a2eea3da6ae154b7e2e1347a4b9 Date: 2022-07-26T05:16:55.337Z Electron: 18.3.5 Chromium: 100.0.4896.160 Node.js: 16.13.2 V8: 10.0.139.17-electron.0 OS: Windows_NT x64 10.0.22000

    ext: v0.5.2

    bug 
    opened by Tyriar 1
  • 建议:列表自动展开时,鼠标悬停的项目保持其在原有位置不变

    建议:列表自动展开时,鼠标悬停的项目保持其在原有位置不变

    Is your feature request related to a problem? Please describe.

    比如下面的目录结构,假设 project 为第一行,当我的鼠标从第四行的 a2 的位置向下移动到 B 时,列表 A 自动收起,列表 B 自动展开,此时 B 在第三行,而我的鼠标悬浮在第五行的位置,超出了列表 B 的最大长度。最终的结果是我的鼠标悬浮在第五行的 c1

    这让我非常困扰,常常需要多次快速的移动鼠标,进行来回切换,使其停留在我所希望的位置。

    project ├─ A │ ├─ a1 │ ├─ a2 ├─ B │ ├─ b1 ├─ C │ ├─ c1 │ ├─ c2 │ ├─ c3

    Describe the solution you'd like

    感谢作者的辛勤付出,希望能够优化以下特性:

    1)鼠标悬浮的标题在自动展开的同时能够保持其在原有位置不变。比如上面的例子,我希望鼠标从 a2 移动到 B 时,自动展开列表 B,且最终我的鼠标仍旧悬浮在标题 B上方

    2)希望展开列表时,对应的图标不要旋转 90 度,这让我原本习惯的图标变得非常陌生,难以辨认。

    opened by caihuaye 0
  • Add search as you type for outline map.

    Add search as you type for outline map.

    Is your feature request related to a problem? Please describe. For big file with a lot of outline, it helps if there is searching with "search as you type" for quick navigation of source code.

    Describe the solution you'd like The outline map is reduced according the context of search box. Highlight of matching phrases

    Describe alternatives you've considered A shortcut key for invoke search as you type is also ok. A pop up outline like Ctrl+O in eclipse is ok.

    Additional context A pop up outline like Ctrl+O in eclipse is ok.

    opened by trievis 0
  • 插件移动位置后,运行时状态就会变成尚未激活

    插件移动位置后,运行时状态就会变成尚未激活

    Describe the bug A clear and concise description of what the bug is.

    To Reproduce Steps to reproduce the behavior:

    1. Go to '...'
    2. Click on '....'
    3. Scroll down to '....'
    4. See error

    Expected behavior A clear and concise description of what you expected to happen.

    Screenshots If applicable, add screenshots to help explain your problem.

    Desktop (please complete the following information):

    • VSCode Version* :
    • Outline-map Version* :
    • problem file : [eg: github.com/......]
    • related extension : [eg: vue.volar]
    • extension settings:

    Additional context Add any other context about the problem here.

    opened by cx68cx 1
  • Outline Map doesn't follow cursor

    Outline Map doesn't follow cursor

    Describe the bug Extension doesn't follow cursor.

    To Reproduce Steps to reproduce the behavior:

    1. Go to this file.
    2. Open the extension.
    3. Click around the class.
    4. See error

    Expected behavior The outline should follow my cursor as I move around the class.

    Desktop (please complete the following information):

    • OS: macOS 12.5.1
    • VSCode 1.70.2 (Universal)
    opened by finnatsea 2
Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.

Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.

null 11 Oct 5, 2022
The one DAO to rule them all. A modular DAO written in Clarity for the Stacks blockchain.

ExecutorDAO The one DAO to rule them all. ExecutorDAO is designed to be completely modular and flexible, leveraging Clarity to the fullest extent. The

Marvin 31 Oct 5, 2022
Show floating sticky outline (table of contents) for Notion pages, powered by nbundle.

Notion Outline Show floating sticky outline (table of contents) for Notion pages, powered by nbundle. This is an nbundle-powered Notion app bootstrapp

nbundle 11 Nov 10, 2022
aka Scaletor, take screenshots of a piece of a map and scale/compare with other parts of the map

scale-a-tron A quick-and-dirty map that lets you compare one area to another. Draw a shape around a region, zoom in to another place on the map, and c

Stamen Design 24 Nov 7, 2022
A generative engine that takes various png layers on a sprite sheet format, combines them and then converts them into a .gif file

Welcome to the Generative GIF Engine v2.0.4 ?? [8 minute read] This python and node app generates layered-based gifs to create NFT gif art! It is fast

Jalagar 112 Jan 2, 2023
A generative engine that takes various png layers on a sprite sheet format, combines them and then converts them into a .gif file

Welcome to the Generative Animated Engine v3.0.1 ?? [8 minute read] This repo used to be called jalagar/Generative_Gif_Engine but because it now suppo

Jalagar 47 May 24, 2022
Accordion Slider is a jQuery plugin that combines the functionality of a slider with that of an accordion.

Accordion Slider - jQuery slider plugin A responsive and touch-enabled jQuery accordion slider plugin that combines the functionality of a slider with

null 0 Dec 29, 2022
jQuery plugin that combines the functionality of a grid with that of an accordion.

Grid Accordion - jQuery plugin A responsive and touch-enabled jQuery grid accordion plugin that combines the functionality of a grid with that of an a

null 1 Dec 16, 2022
A script that combines a folder of SVG files into a single sprites file and generates type definitions for safe usage.

remix-sprites-example A script that combines a folder of .svg files into a single sprites.svg file and type definitions for safe usage. Technical Over

Nicolas Kleiderer 19 Nov 9, 2022
Look up a city and get back weather forecast for searched city and top News headline related to that city and an interactive map which shows the location of that city.

WeatheredVibes Description As a user I want to look up a city to get the current weather and suggested current news articles based on the location sea

Sepideh Ayani 3 Mar 12, 2022
Explore Alveus Sanctuary with an interactive map and find out more about the different buildings on the property.

Alveus Sanctuary Interactive Map Explore Alveus Sanctuary with an interactive map and find out more about the different buildings on the property. htt

Matt Cowley 3 Aug 16, 2022
docsQL - Getting an overview over your Markdown file in your Jamstack site

docsQL Getting an overview of your Jamstack Markdown files. Demo Play with: https://peterbe.github.io/docsql/ You're supposed to run docsQL with your

Peter Bengtsson 19 Jan 3, 2023
Tempo is an easy, intuitive JavaScript rendering engine that enables you to craft data templates in pure HTML.

Tempo 2.0 Tempo is an easy, intuitive JavaScript rendering engine that enables you to craft data templates in pure HTML. Why use Tempo? Clear separati

Twigkit 707 Jan 3, 2023
front-end framework for fast and powerful configuration of utilities and intuitive UI

front-end framework for fast and powerful configuration of utilities and intuitive UI Getting Started with Vector → Getting started A variety of optio

Skill Class 12 Jun 29, 2022
front-end framework for fast and powerful configuration of utilities and intuitive UI

front-end framework for fast and powerful configuration of utilities and intuitive UI Getting Started with Vector → Getting started A variety of optio

DE:MO 12 Jun 29, 2022
Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team.

Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team. The user can create an account to monitor their results and achievements. The whole idea of the product is to make the player think and develop his logical thinking.

Vocational school for computer programming and innovation 14 Aug 8, 2022
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 5 support.

bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with

SnapAppointments 9.7k Dec 30, 2022
At Arctic Desert we set out to create an intuitive app that aids developer teams

At Arctic Desert we set out to create an intuitive app that aids developer teams. We aimed to create a service that integrates git workflow, task management and real-time communication. This is integrated into a single workspace, allowing you to seamlessly switch between teams, projects and branches.

Artic Desert 7 Jul 14, 2022
Simple and intuitive API Client made into a VSCode extension 😊

REST API Client Simple and intuitive API Client made into a VSCode extension. Visual Studio Marketplace • Repository • Releases Visual Studio Code ext

REST API Client 19 Dec 23, 2022