Git Product home page Git Product logo

vscode-ts-uml's Introduction

vscode-ts-uml

Version Installs Ratings

Average time to resolve an issue Percentage of issues still open


Dynamic generates TypeScript UML diagrams to Visual Studio Code (minimum supported version: 1.25.0)

Supported filename extensions: ts, tsx, .d.ts, only supported single file now.

base-usage

dynamic-usage


Installation

To install the extension just execute the following command:

ext install vscode-ts-uml

Usage

After reloading vscode.

  • RightClick .ts, .tsx, .d.ts files, select Show Typescript UML from file menu to open vscode-ts-uml window.
  • Use shortkey Ctrl + Alt + Shift + Q to select current editor focus file and open vscode-ts-uml window.

License

The source code is licensed under the MIT license.

The icons are licensed under the Creative Commons - ShareAlike (CC BY-SA) license.

Branded icons are licensed under their copyright license.

Change Log

You can checkout all our changes in our change log.

Enjoy!

vscode-ts-uml's People

Contributors

myxvisual avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vscode-ts-uml's Issues

Adopt VS Code's 'asWebviewUri' API

Hi, I maintain VS Code's Webview API

Issue

Our telemetry suggests that your extension uses webviews and may be loading resources in these webviews using hardcoded vscode-resource: URIs. These URIs have some important limitations and don't work properly when VS Code is run in a browser. We are also making changes in the desktop version of VS Code that may cause these URIs to not work properly in future versions of VS Code.

While we are making our best effort to continue support existing webview extensions that use vscode-resource: URIs on desktop versions of VS Code, we will not able to fully support all uses cases.

Fix

To ensure that your extension continues to work in as many environments as possible—including on web and remotely—please:

These APIs shipped around 2 years ago so they should be available in all modern versions of VS Code. You can find additional information about the issue here: microsoft/vscode#97962

Let me know if you have any questions about this change

Render problem

I appreciate the work put on this extension a lot.
I have a problem with how it renders. When I open the view pane all the UML constructs are squashed together and can't seem to maintain their positions after dragging them into place
Every time I edit the .ts file the render is Stacked. could you make it such that everything spaces out even on modification of the .ts file

Your VS Code extension is affected by event stream and have been blocked

Hi,

Kenneth here from the VS Code team.

Your extension is affected by https://code.visualstudio.com/blogs/2018/11/26/event-stream, and we have blocked your extension.

In order to enable your extension again the workflow is:

  1. Fix the extension, submit an update to the marketplace
  2. Send mail to [email protected] and [email protected] and notify us.
  3. We will verify that the extension is okay
  4. Our marketplace will publish the extension again and we'll remove the extension from the blocklist

/k

command 'tsUML.showFile' not found

Hi @myxvisual, Awesome extension, it seems really interesting!

Unfortunately, I am unable to get it to work on my vscode instance. However, I was able to get it to work if I bump down the version to v0.0.1

vscode version: 1.30.1
vscode-ts-uml version: 0.0.2
computer: MacOS Mojave, 10.14.2

Save UML

It would be great if the plugin save (with the user's changes, eg. if the user re-arrange the position of the arrow, box) the state of the generated UML in a folder( .vscode?).
Also when the user run it again on the same file, it start from the saved layout.

How to include multiple files into the diagram?

As far as I can see there's no way to add multiple files yet, is there?
It looks like the Diagram would support it since it adds a Window for a file. It would be great if it could show more that AliasExcludes for a dependency.

Apart from that very nicely done!

type Array<complexType> is not picked up

given this declaration:

export interface TypeA {
id: string;
bTypes: Array;
}

export interface TypeB {
id: string;
}

the bTypesproperty is rendered as type any.

image

zsh: command not found: ext

When executing your instructions in terminal I get the error:
zsh: command not found: ext
This after executing:
ext install vscode-ts-uml

Export UML in png/svg

Hi,

Thanks for your work, it's very helpful!
It would be great to have the feature to export the diagram in the svg/png (other common formats).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.