universal-debug-api-js.netlify.app

Get convenient dev and debug features for your JavaScript code

Latest Version

Version

0.2.0

Update

April 7, 2021

Size

1.04MiB

Developer

universal-debug-api-js.netlify.app

Offirmo’s Universal Web Dev Tool Extension

THIS IS A DEVELOPER TOOL, for web apps developers.

A minimum of knowledge of web programming is required to be able to properly use this extension.

Technical details and usage guide: https://universal-debug-api-js.netlify.com/

Source (open): https://github.com/Offirmo/offirmo-monorepo/tree/master/4-tools/universal-debug-api-companion-webextension/src

This is for web developers writing complex/semi-complex JavaScript.

No clue about what your app is doing?
Wish you could just turn logs on prod?

You can with Offirmo’s Universal Debug API (for node & browser + isomorphic)
- loggers with controllable log level
- local overrides of variables
- debug commands (in alpha)
- exposition of internal data (in alpha)

This extension is a companion to the debug API, allowing to control it through a UI.

You'll have to modify your source code to include and use \"Offirmo’s Universal Debug API\" (https://universal-debug-api-js.netlify.com/) but this comes at nearly no cost since you only have to bundle/use a very small \"placeholder\" version, doing nothing at all.

However, when this extension is used and active,
the placeholder version will be dynamically replaced by an active version,
served by the extension.
The replacement is done synchronously before any other code can execute,
so it just works without any complex setup.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 2,\t"name": "Offirmo\u2019s Universal Web Dev Tool",\t"description": "Get convenient dev and debug features for your JavaScript code",\t"version": "0.2.0",\t"homepage_url": "https://universal-debug-api-js.netlify.app/",\t"short_name": "Offirmo\u2019s Universal Web Dev Tool",\t"icons": {\t\t"64": "icons/icon_64x64.png",\t\t"32": "icons/icon_32x32.png",\t\t"16": "icons/icon_16x16.png"\t},\t"browser_action": {\t\t"default_icon": "icons/icon_32x32.png",\t\t"default_title": "Universal Debug Tool",\t\t"default_popup": "ui/popup/popup.html"\t},\t"permissions": [\t\t"",\t\t"tabs"\t],\t"background": {\t\t"scripts": ["background/background.js"]\t},\t"content_scripts": [\t\t{\t\t\t"matches": [""],\t\t\t"all_frames": true,\t\t\t"run_at": "document_start",\t\t\t"js": ["content-scripts/start.js"]\t\t}\t],\t"options_ui": {\t\t"page": "ui/options/options.html"\t},\t"web_accessible_resources": [\t\t"api/full/index.js"\t]}

Download CRX(1.04MiB)