rath / angular-folding Goto Github PK
View Code? Open in Web Editor NEWIntelliJ Plugin that groups Angular component files
Home Page: https://plugins.jetbrains.com/plugin/10090-angular-component-folding
IntelliJ Plugin that groups Angular component files
Home Page: https://plugins.jetbrains.com/plugin/10090-angular-component-folding
Fantastic plugin! However, it has one issue: once the plugin is enabled. The 'scroll from source' and 'autoscroll from source' functions that locate the current file in the project pane no longer work if the file is part of a 'collapsed' angular file (i.e. a .ts, .css, .html) being modified by this plugin:
In the project view a subfolder does not expand but says "loading..." MacOs Finder shows me that there are approx. 65 files and subsubfolders. Disabling the Plugin shows the correct behaviour
IntelliJ IDEA 2023.2 (Ultimate Edition)
Build #IU-232.8660.185, built on July 26, 2023
Runtime version: 17.0.7+7-b1000.6 aarch64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
macOS 13.4.1
From what I've seen in code and how the plugin currently works spec files are not grouped.
It would be great if they were also folded together with html, style and so on.
First, I want to thank you for this plugin! There's just a few issues that could be fixed to make it perfect.
Thanks!
Thanks for this great plugin! I would like to make a suggestion - it would be nice if when you double click on a folded component it automatically opens the .ts
file which is most likely where you would like to go. Maybe also make it configurable for people who might want it configured differently?
As seen in the screenshot, components are still displayed separately in the project view, not grouped.
1.3.0
WebStorm 2018.1.1
Build #WS-181.4445.68, built on April 9, 2018
JRE: 1.8.0_152-release-1136-b27 amd64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Linux 4.15.15-63.current
When the folded component is selected, any action such as "add to git" or "refactor name" is applied only on the .ts file.
I'ts not really a problem but it'll be nice if the folded components could be considered as a folder.
keep it going, this is a really nice plug-in
The plugin does not seem to be folding @pipes together
ex:
something-pipe.ts
something-pipe.spec.ts
Otherwise awesome plugin!
Wasn't this feature already available in the IDE?
No longer working with latest webstorm
the plugin jut can use in IDEA . please compatible with WebStorm
Currently, the html, css, ts files must be renamed individually.
It would be nice if the normal "Rename" Refactoring would work on the top item and automatically rename the three corresponding files.
It turns out that angular supports templates with the 'svg' extension.
Here is a PR to add this support: #22
Can make some changed if needed.
First of all, great work, super helpful plugin :). The rest is all pretty much in the title. Would be awesome to add these to the file pattern or maybe make the regex configurable.
Great idea! When I install the plugin, it works fine in the "Project" view.
However, it does not work in all other views I tried.
Especially when using a self defined scope, it's not working (which is really sad, because using those scopes is my only chance to survive navigation in huge projects).
With default settings, ng generate component
already groups components into folders.
With this plugin in use, in each filesystem folder, there now is a virtual folder for the component.
I suggest adding on option to hide the filesystem folder in the tree view to save one line of text and reduce redundancy.
A structure like this
src
app
home
home.component
.css
.html
.spec.ts
.ts
about
about.component
.css
.html
.spec.ts
.ts
app.component
.css
.html
.spec.ts
.ts
should appear like this after the change:
src
app
home.component
.css
.html
.spec.ts
.ts
about.component
.css
.html
.spec.ts
.ts
app.component
.css
.html
.spec.ts
.ts
I do realize this can create confusion of whether a component is placed in a subfolder or not, but i believe a small indicator in the icon could be enough to address this, and most generated components are in subfolders today anyways.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.