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.

How can I inspect the packages while running examples?

See original GitHub issue

I’m running the examples using yarn run start and I’m trying to investigate how Slate and Slate-React handle things like setting selection, compositionEvents, etc. when using a mobile browser, but I am not able to inspect any of the relevant files. I’m not familiar with Lerna, so I’m not sure if that’s related.

How can I view the files for Slate-React when inspecting the Rich Text example in the browser?

image

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
justinweisscommented, Jul 13, 2018

Just a note for anyone else taking a look at this:

If you yarn link packages/slate-react into the example, you should be able to get valid source maps, and have changes you make to slate-react take effect immediately (as long as you’re also running yarn watch.

0reactions
Slapboxcommented, Jun 18, 2018

The real issue is not the sourcemaps, as much as it is enabling use of the entire Slate monorepo as easily debuggable source code.

The sourcemap issue can probably be resolved with Babel@7.x, but what I can’t figure out for the life of me is how to get the examples to use the unpackaged versions of packages like slate-react as opposed to the package from npm.

I’m pretty experienced with Webpack (which is to say, I’ve had some less than fun experiences), but this one I can’t figure out. On the surface it would seem like my attempt to import the package’s directly from source should work, but oh boy does it not work.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Inspecting and extracting RPM package contents
Learn how to inspect and extract RPM package contents with working codes and examples in this article.
Read more >
Run inspections | IntelliJ IDEA Documentation - JetBrains
From the main menu, select Code | Inspect Code. · Select the scope of files that you want to analyze. Click the the...
Read more >
inspect — Inspect live objects — Python 3.11.1 documentation
The inspect module provides several useful functions to help get information about live objects such as modules, classes, methods, functions, tracebacks, frame ...
Read more >
Inspect network activity - Chrome Developers
Click getstarted.html . The Headers tab is shown. Use this tab to inspect HTTP headers. Click the Preview tab.
Read more >
Stepping through code and inspecting variables to isolate bugs
If the root cause of a bug isn't immediately obvious when inspecting your source code, watching your variables change as you step through...
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