Git Product home page Git Product logo

carbide-support's People

Contributors

andersme avatar

Stargazers

 avatar  avatar

Watchers

 avatar

carbide-support's Issues

Export DSL format

Is your feature request related to a problem? Please describe.
I prefer the look of the Structurizr diagrams, but I like your interface for building it vs. having to write the DSL manually.

Describe the solution you'd like
An export option to export to C4 DSL so that I can use Structurizr to render the diagrams.

Describe alternatives you've considered
Could support different rendering formats natively in Carbide, including the Structurizr look.

Additional context
Example of the diagrams on the C4 site

Push notification

It would be nice if I can get notified when someone from my team makes changes in to the system

[HIGH]: Rights management is flawed

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

To Reproduce
Steps to reproduce the behavior:

  1. Go to "members", logged in as an editor
  2. Click on "invite(top right)"
  3. Invite any new member, and make that user an "editor"
  4. This will kick yourself out, without any prompt or blocking

This issue essentially kicked me out of my own account without recovery, unless I know the user I invited and he can hopefully login and put my back as an editor.

Expected behavior
It should be prompted, blocked or mentioned that doing so will essentially remove any "editor" access.

Desktop (please complete the following information):

  • OS: Mac
  • Browser: Chrome
  • Version: 109.0.5414.87 (Official Build) (arm64)

".png" export has a background

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

To Reproduce
Steps to reproduce the behavior:

  1. Go to any diagram
  2. Click on "export > .png"

Expected behavior
The benefit of a .png is not having any background.

Screenshots
Steps to reproduce will display the issue(s)

Desktop (please complete the following information):

  • OS: Mac
  • Browser: Chrome
  • Version: 109.0.5414.87 (Official Build) (arm64)

Diagram rendering broken in locales that use "," as decimal point

Describe the bug
Under cetain browser locale settings, the numbers in SVG paths in the Diagram view are using commas as decimal points instead of periods, causing the SVGs to render incorrectly. Several locales, including es-AR — the one I'm on — use a comma for the decimal point instead of a period, so you would say Pi is "3,14159". For some reason this is carrying over to the numbers in the app's dynamically generated SVG code. Of course, SVG still expects periods as the decimal point, so this causes problems.

To Reproduce
Assuming you are on a locale that uses period decimal points (like en-US):

  1. Install Locale Switcher or similar
  2. Open a diagram in Carbide
  3. Verify that it is rendering correctly
  4. Switch to a locale that uses comma decimals, such as es-AR (don't worry Carbide will still be in English)
  5. You might have to refresh
  6. See that the diagram is now rendering incorrectly. Specifically, elements' sizes and dimensions are all wrong

Expected behavior
A typical element within the SVGs should look like this:

<path ... d="M 212,150.66666666666669 L 366.7111111111111,186 L 566.7111111111111,186 L 722.7555555555556,140.66666666666669"></path>

but instead they look like this:

<path ... d="M 212,150,66666666666669 L 366,7111111111111,186 L 566,7111111111111,186 L 722,7555555555556,140,66666666666669"></path>

Note that all of the decimals are being separated with commas and thus being treated as separate numbers.
In this example the intended sequence is 212, then 150.66666666666669, and so on.
In the incorrectly-generated SVG, we are getting 212, then 150, then 66666666666669. Oh no.

Screenshots
Expected
image

Actual
image

Desktop:

  • OS: Windows 10 22H2
  • Browser: Google Chrome
  • Version: Stable 116.0.5845.141

[HIGH]: "i"(info) tooltip remove/not working

Describe the bug
The tooltip added in a previous(closed) issue is non-functional. It was added in another issue, and upon testing it simply does not display any information you've in your "model description"

To Reproduce
Steps to reproduce the behavior:

  • Not possible to reproduce as the info tooltip was removed.
  • It is possible to confirm that the diagram has access to the data as it's returned by the api. Most likely a frontend issue

Expected behavior
Upon hover of the icon, the description should be displayed.

Desktop (please complete the following information):

  • OS: Mac
  • Browser: Chrome
  • Version: 109.0.5414.87 (Official Build) (arm64)

Refresh icon for diagram

Is your feature request related to a problem? Please describe.
When an item/relation has been updated (on another tab), we have to either refresh the whole page or change the selected diagram to get updates.

Describe the solution you'd like
A simple refresh button next to dropdowns, which will re-load the diagram.

Describe alternatives you've considered

  • Automatic updates to diagram from local pub/sub, event etc
  • Refresh notification on icon (like red dot on icon, saying refresh is available, click to refresh)

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

Component detail doesn't display it's container

Describe the bug
The component's detail doesn't display the container you selected when creating it. Which makes it extremely hard to keep track of what component is associated with which container.

To Reproduce
Steps to reproduce the behavior:

  1. Create a new component
  2. Select the container you wish to assign it to
  3. Navigate back to the detail of the new component
  4. No container detail is shown.

Expected behavior
At minimum, the field shown in the creation should be there either disabled or modifiable.

Desktop (please complete the following information):

  • OS: Mac
  • Browser: Chrome
  • Version: 109.0.5414.87 (Official Build) (arm64)

Description should be shown in export

Is your feature request related to a problem? Please describe.
The description often emphasizes on the context, which cannot be shown when exporting. Resulting in taking screenshots of the interface as an alternative, which isn't possible due to the tooltip not working

Describe the solution you'd like
It's honestly hard to justify how to display a fully functioning markdown description through an export. This could be pretty catastrophic. I believe exporting the diagram is one thing, but allowing to export a secondary file with only the markdown + model names could help. A sort of documentation to support the visual exports.

Describe alternatives you've considered
There is none.

Allow markdown for description fields

It would be ideal if the description fields supported Markdown. This allows users to enter much more rich descriptions for the different elements of their system.

Relationship list is empty, even thought the diagram clearly shows one

Describe the bug
I am able to add relationship between containers of the system, but unable to see/edit them once added. (Free user, hoping to covert to paid, if the bug is sorted)

To Reproduce
Steps to reproduce the behavior:

  • Nothing peculiar steps wise, please fllow the happy path

Expected behavior
A list of relationships should appear that a user can edit

Screenshots
Screenshot 2023-08-21 at 12 54 44 PM

Empty list
Screenshot 2023-08-21 at 12 54 22 PM

Desktop (please complete the following information):

  • Macbook Pro
  • Chrome
  • Version 116.0.5845.96 (Official Build) (x86_64)

Request to participate in fixes

I've already contacted the founder, but I'd be interested in supporting this project as I want to use it in many use cases.

Thank you.

UI/UX Suggestion: Move Color Picker

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 [...]

  • When the color picker flyout is opened on the Tags page, it covers up the Submit and Cancel buttons.

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

  • Center/right-align the color picker flyout with the color input

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

  • Moving the buttons to the right side of the page would align thematically with the rest of the app, and also resolve the issue.

Additional context

URL: https://app.carbide.dev/enterprises/xxx-id-xxx/tags/add

Screenshots for reference

Open:
image
Closed:
image
Element:
image

Brief-Aside: I've been trying to wrap my head around C4 diagramming for months on-and-off and your platform is the first tool that I've found that is both accessible and actually works without abstracting away so much of the usefulness of the C4 format that it's no longer helpful. I'm a hobbyist dev still cutting my teeth on to-do apps and having entry-level accessible tooling to help me wrap my head around different context scopes is making a huge difference. Thank you for making such an incredible tool available at no cost!

Group components list by parent container (and parent softwaresystem?)

Is your feature request related to a problem? Please describe.
I have 43 components across a number of containers. The list is starting to get unwieldy and it's hard to find components. I'm not even half way through my system so it's only going to get worse. Some components are proxies for others so they have similar names, which adds to the confusion in a single list, but is plenty clear when viewed in the context of their parent.

Describe the solution you'd like
I'd like the view of the components to be grouped by parent container, and possibly their parent software system, so that I can easily hone in on the components I want to find.

Describe alternatives you've considered
Using the container list, going into the container and then selecting the component is possible, but that's adding multiple clicks. I'd rather have a quick route to find things.
An alternative is a view where the whole system is shown in a tree hierarchy, so that I can drill into the software system, container and then component.

Additional context
N/A

Icons in exports are broken

Describe the bug
They aren't properly displayed/broken

To Reproduce
Steps to reproduce the behavior:

  1. Go to a diagram
  2. Click on export(svg, jpeg or png); they're all broken
  3. Open the export
  4. Each icon is either a "square"(invalid svg) or random letters/symbols

Expected behavior
The icon used in the diagram should be the one available in the export.

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

Desktop (please complete the following information):

  • OS: Mac
  • Browser: Chrome
  • Version: 109.0.5414.87 (Official Build) (arm64)

Improve linking algorithm

Describe the bug
Certain edge cases causes overlap, breaks context and aren't efficiently managed

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

Screenshots
nBrIOz1um3jbA== 3
nBrIOz1um3jbA== 2
nBrIOz1um3jbA== 4

  1. and 2) Self explanatory
  2. This is actually a side-by-side component, and for an odd reason the links are super compacted/close for no justified spacing reason.

Additional context
A consideration could be to allow dragging...as edge cases can't always be covered, and the user could take control when those cases happen.

Diagram card doesn't support 2 lines

Describe the bug
When creating a component(or any type), if the title goes over a certain amount of characters it will go go over the allowed space in the "diagram" section.

Expected behavior
A management of this use case should be considered.

Screenshots
image

Desktop (please complete the following information):

  • OS: Mac
  • Browser: Chrome
  • Version: 109.0.5414.87 (Official Build) (arm64)

Remove members

Is your feature request related to a problem? Please describe.
Added users to test the "editor/viewer" feature, after testing them I do not need them anymore.

Describe the solution you'd like
Simply being able to remove a user you invited, without obviously allowing the possibility to remove yourself.

Describe alternatives you've considered
There is none.

Desktop (please complete the following information):

  • OS: Mac
  • Browser: Chrome
  • Version: 109.0.5414.87 (Official Build) (arm64)

Diagram export does not work properly

Describe the bug
Exporting a Diagram does not work properly. A SVG export is empty and the Info-Icon is missing in a PNG and JPEG export.

To Reproduce
Steps to reproduce the behavior:

  1. Go to any but not empty 'diagrams'
  2. Click on 'Export'
  3. Select any format
  4. See error

Expected behavior
SVG, PNG and JPEG should look look exactly like the diagram shown in the web ui.

Screenshots
Web:
image
Export:
Test - System Context.zip

Desktop (please complete the following information):

  • OS: Ubuntu 22
  • Browser Firefox 106.0.5 (64-bit)

Show systems' descriptions in Context and Landscape diagrams

"Canonical" C4 models include descriptions in diagrams, which helps with comprehensibility. Do you plan to have them too in future versions? It would also be nice to have an ON/OFF switch to control this behavior.

Expected behavior

https://c4model.com/img/bigbankplc-SystemContext.png

image

Actual behavior

image


Thanks for the great product and for offering it free to alpha users!


P.S. The arrows also don't have any captions. But I guess it's worth a separate issue.

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.