Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
A state controller with its own debugger
You can access the webpage at http://christianalfoni.com/cerebral/. You will find all the information you need there.
view packages in Cerebral just uses an instantiated Cerebral controller to get state, do state changes and listen to state changes. The package you create basically just needs an instance of a Cerebral controller and you will have access to the following information.
// The controller instantiated can be passed to the package. With React it is
// done so with a wrapper component and with Angular using a provider. You have
// to decide what makes sense for your view layer
function myCustomViewPackage (controller) {
// Get state
controller.get(path);
// Listen to state changes
controller.on('change', function () {
});
// Listen to debugger time traversal
controller.on('remember', function () {
});
};
That is basically all need to update the view layer.
In this example we will use Baobab.
index.js
var Baobab = require('baobab');
var deepmerge = require('deepmerge');
var Model = function (initialState, options) {
options = options || {};
var tree = new Baobab(initialState, options);
var model = function (controller) {
controller.on('reset', function () {
tree.set(initialState);
});
controller.on('seek', function (seek, isPlaying, recording) {
var newState = deepmerge(initialState, recording.initialState);
tree.set(newState);
});
return {
tree: tree,
get: function (path) {
return tree.get(path);
},
toJSON: function () {
return tree.toJSON();
},
export: function () {
return tree.serialize();
},
import: function (newState) {
var newState = deepmerge(initialState, newState);
tree.set(newState);
},
mutators: {
set: function (path, value) {
tree.set(path, value);
},
unset: function (path) {
tree.unset(path);
},
push: function (path, value) {
tree.push(path, value);
},
splice: function () {
tree.splice.apply(tree, arguments);
},
merge: function (path, value) {
tree.merge(path, value);
},
concat: function () {
tree.apply(path, function (existingValue) {
return existingValue.concat(value);
});
},
pop: function (path) {
tree.apply(path, function (existingValue) {
existingValue.pop();
return existingValue;
});
},
shift: function (path) {
tree.apply(path, function (existingValue) {
existingValue.shift();
return existingValue;
});
},
unshift: function (path, value) {
tree.unshift(path, value);
}
}
};
};
model.tree = tree;
return model;
};
Model.monkey = Baobab.monkey;
module.exports = Model;
TodoMVC: www.christianalfoni.com/todomvc
Read this article introducing Cerebral: Cerebral developer preview
Thanks guys!
FAQs
A state controller with its own debugger
We found that cerebral demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 6 open source maintainers 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.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.