.tsx support
See original GitHub issueIs your feature request related to a problem? Please describe.
I’m trying to run emerge
against a big React app codebase.
python emerge.py -c frontend.yml
---
project_name: frontend
loglevel: info
analyses:
- analysis_name: check_tsx_files
source_directory: <some-project-path>/frontend/src
only_permit_languages:
- javascript
only_permit_file_extensions:
- .tsx
- .ts
ignore_dependencies_containing:
- node_modules
ignore_files_containing:
- spec.ts
- story.ts
- mock.ts
- .snap
- .gql
file_scan:
- number_of_methods
- source_lines_of_code
- dependency_graph
- louvain_modularity
- fan_in_out
export:
- directory: <some-project-path>/frontend
- graphml
- dot
- json
- tabular_file
- tabular_console_overall
- d3
I’m getting tons and tons of messages:
.tsx is an unknown extension, ignoring `/<edited>/src/Issues/Issues/Issues.tsx`
Pretty much the whole app gets skipped and not mapped.
Describe the solution you’d like
I’d like to be able to analyze a codebase that contains tsx
which are essentially jsx
with Typescript.
Given the size of our app, the ability to visualise it and check in an interactive way, would be an immense help.
Issue Analytics
- State:
- Created 2 years ago
- Comments:11 (5 by maintainers)
Top Results From Across the Web
wonderful-panda/vue-tsx-support - GitHub
vue-tsx-support is a type checker for TypeScript, not a transpiler. You must install babel presets (@vue/babel-preset-app or @vue/babel-preset-jsx) separatedly.
Read more >TMX TSX | TSXV - Contact Us
TMX Market Operations Support Team: ; Trading Services Support, +1 416 947-4357 or toll-free +1 877 370-0020 ; Vendor Services Support, +1 416...
Read more >vue-tsx-support - npm
TSX (JSX for TypeScript) support library for Vue. Latest version: 3.2.0, last published: a year ago. Start using vue-tsx-support in your ...
Read more >Documentation - JSX - TypeScript
TypeScript supports embedding, type checking, and compiling JSX directly to ... Since the above syntax cannot be used in .tsx files, an alternate...
Read more >Transactional Synchronization Extensions - Wikipedia
Support for TSX/TSX-NI emulation is provided as part of the Intel Software Development Emulator. There is also experimental support for TSX/TSX-NI emulation ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@glato using aliases is quite a common thing in bigger JS projects. I will see if I can find some examples to help with testing
@glato that would be awesome!
I have found a couple of projects that might be handy:
Typescript only:
tsx, ts
https://github.com/cypress-io/cypress-realworld-app https://github.com/HospitalRun/hospitalrun-frontend https://github.com/excalidraw/excalidraw/More known, mixed language types: https://github.com/grafana/grafana/tree/main/packages https://github.com/getsentry/sentry
Javascript
js, jsx
:src
folder)Of course, I’m happy to help with testing on our codebase, we have a fairly big app (~5000 ts/tsx files), I cannot share as it’s a private repo.
Let me know if that’s enough 😃