@ecomfe/san-devhook

San-DevHook

Hook for San-DevTool. Append a san_devtool namespace on global context which contains components and stores raw data.

Entries

• Browser context
• External script
• Module
• Extension context
• For San-DevTool

Usage

Automatically

• Add autohook in page URL: http://xxx/?autohook
• Add autohook in script URL: <script src="http://xxx/hook.js?autohook"></script>

Programmatically

import {initHook} from 'san-devhook';

const config = {
    hookOnly: false,                     // Do not send any message to content script (Only for extension).
    subKey: 'treeData',                  // Key for the array of sub component tree.
    treeDataGenerator: () => {},         // Append customized data for generating component tree.
    beforeSanEventListener: () => {},    // Do something before a San event.
    onSanMessage: () => {},              // Do something when a San event triggering.
    afterSanEventListener: () => {},     // Do something after a San event.
    beforeStoreEventListener: () => {},  // Do something before a san-store event.
    onStoreMessage: () => {},            // Do something when a san-store event triggering.
    afterStoreEventListener: () => {}    // Do something after a san-store event.
};

initHook(config);

Run extension test

$ npm run chrome

And open a page using San.