A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/cncjs/cncjs-widget-boilerplate below:

cncjs/cncjs-widget-boilerplate: Creating custom widgets for CNCjs

Custom Widget for CNCjs

Custom Widget Version CNCjs Version 0.x 1.9.10 or 1.9.11 1.x >=1.9.12 or later patch versions 2.x >=2.0.0 or later versions

Create a directory under src/widgets and put your code in there.

src/
   widgets/
      custom/index.jsx

Run yarn dev to start a development server.

Name Description token (Required) An authentication token to enable secure communication. The token will be automatically set by CNCjs. host (Optional) Specifies the host to connect to. Defaults to an empty string.

Run npm run dev to start a local development server for development, then connect to http://localhost:5000 and wait until bundle finished.

You can specify a mount path to test your widgets with CNCjs:

cncjs -vv --mount /widget:/path/to/cncjs-widget-boilerplate/dist

Run npm run prepublish to build production code. It will output index.html, fonts, images, and JavaScript files to the dist folder.

After that, you can copy all dist files to a directory (e.g. /home/widget), and specify a mount path for the static directory, as shown below:

mkdir -p /home/widget
cp -af /path/to/cncjs-widget-boilerplate/dist/* /home/widget
cncjs --mount /widget:/home/widget

  1. Click Manage Widgets to add a custom widget

  2. Click the icon to configure widget settings

  3. If everything goes well, you will see the loaded widget, like so:

MIT

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4