question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Is 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:open
  • Created 2 years ago
  • Comments:11 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
gustaff-weldoncommented, Nov 2, 2021

@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

1reaction
gustaff-weldoncommented, Oct 20, 2021

@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:

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 😃

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found