
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
cncjs-widget-boilerplate
Advanced tools
Custom widget support is only available for CNCjs 1.9.10 or later versions
npm i -g npm # Upgrade NPM to the latest version
npm install
Create a directory under src/widgets and put your code in there.
src/
widgets/
MyApp/index.js
When connecting to a local development server, you can specify the "widget" query parameter within your browser to switch between widgets (e.g. http://localhost:5000/?widget=MyApp
).
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. |
widget | (Optional) Specifies a folder name under 'src/widgets'. Defaults to 'ReactApp'. |
There is a widget written with React, you can download it from the releases page: https://github.com/cncjs/cncjs-widget-boilerplate/releases
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:
cnc -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
cnc --mount /widget:/home/widget
Click Manage Widgets to add a custom widget
Click the icon to configure widget settings
If everything goes well, you will see the loaded widget, like so:
MIT
FAQs
Creating custom widgets for CNCjs.
The npm package cncjs-widget-boilerplate receives a total of 0 weekly downloads. As such, cncjs-widget-boilerplate popularity was classified as not popular.
We found that cncjs-widget-boilerplate demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.