From: | Surinder Kumar <surinder(dot)kumar(at)enterprisedb(dot)com> |
---|---|
To: | pgadmin-hackers <pgadmin-hackers(at)postgresql(dot)org> |
Subject: | [pgAdmin4[Patch][Webpacking]: Enable source maps in pgAdmin4 for development environment |
Date: | 2017-08-02 13:41:56 |
Message-ID: | CAM5-9D-NnFxq9Zq-wfM2yCYyeJQcrp7nBZFGD2xrs_UjGduvTg@mail.gmail.com |
Views: | Raw Message | Whole Thread | Download mbox | Resend email |
Thread: | |
Lists: | pgadmin-hackers |
Hi All,
This patch enables source maps in pgAdmin4 for development environment.
On running yarn run bundle It will create source maps(i.e. extract each
module js file so that it is available to debug).
You can search each module(ie. menu.js to debug) file by filename as
follows:
1.
Start pgAdmin4 server or run separately yarn run bundle in pgadmin/web
2.
Open pgAdmin4 in browser(I am using chrome). Click sources panel and
press CMD+P and search for file menu.js. Click and then add breakpoint
to the line where you want to debug codebase. Screenshot attached for
reference.
I have excluded vendor and codemirror bundle from source map as i believe
we don’t debug these files. If someone needs, they can remove vendor.js
from source map plugin and rebuild.
I didn’t add this for production mode yet.
Reference to SourceMapDevToolPlugin
<https://webpack.js.org/plugins/source-map-dev-tool-plugin/#components/sidebar/sidebar.jsx>
Please find attached patch and review.
Thanks,
Surinder
Attachment | Content-Type | Size |
---|---|---|
sourceMap_file_search.png | image/png | 278.3 KB |
enable_source_maps_in_pgAdmin4.patch | application/octet-stream | 954 bytes |
From | Date | Subject | |
---|---|---|---|
Next Message | jvenegasperu . | 2017-08-02 20:40:26 | Add basic function search |
Previous Message | Harshal Dhumal | 2017-08-02 13:32:01 | [pgAdmin4][RM2586] Cleanup feature test |