react-contentscript-redux

Intended to be used in tandem with react-chrome-redux,
this package provides a set of utilities to extend the Redux store bridge into
user injected scripts from contentscripts.

Install

npm install react-contentscript-redux

Usage

$3

js

import { Store } from 'react-chrome-redux';

import { wrapStore } from 'react-contentscript-redux';



// Create a script element to inject in the page

var script = document.createElement('script');

script.src = chrome.extension.getURL('script.js');



// Wait for the script to load before creating the store and wrapping it with wrapStore()

script.onload = function() {

  const proxyStore = new Store({ portName: 'futbudd' });

  wrapStore(proxyStore);

};



(document.head || document.documentElement).appendChild(script);

$3

js

import React from 'react';

import { render } from 'react-dom';

import { Provider } from 'react-redux';

import Store from 'react-contentscript-redux';

import App from './components/App';



const anchor = document.createElement('div');

anchor.id = 'app-anchor';

document.body.insertBefore(anchor, document.body.childNodes[0]);



const store = new Store();

store.ready().then(() => {

  render(, document.getElementById('app-anchor'));

});

``

---

\o/