yomguithereal / baobab Goto Github PK

JavaScript & TypeScript persistent and optionally immutable data tree with cursors.

License: MIT License

JavaScript 66.76% TypeScript 33.24%

baobab's Introduction

Welcome to my GitHub page, weary traveler. My name is Guillaume Plique, aka Yomguithereal and I am a research engineer working with social science researchers and designers in Sciences Po's médialab in Paris.

I am usually available for some light/short freelance or consulting work. You can join me by writing at guillaumeplique+freelance on gmail.com servers for such enquiries.

I usually work in the following domains:

Webmining (Scraping, APIs, Crawling etc.)
Algorithmics & data structures
Fuzzy matching & full-text search tweaking
Record linkage & deduplication
Natural Language Processing
Machine learning & data science
Graph theory & interactive visualisation
Fullstack web development

You can also read some shenanigans on my blog over there: https://yomguithereal.github.io/

Finally, you can support my Open Source work by sponsoring me directly on GitHub over here: https://github.com/sponsors/Yomguithereal

baobab's People

Contributors

Stargazers

Watchers

Forkers

mahendrasv jacomyal jondot mkuklis vog martindale dmorosinotto christianalfoni lvbaosong gyula-ny rj angus-c pindamonhangaba kaosat-dev chloeandisabel lewisl9029 stevenlangbroek jblz fricke cvallance jeroencoumans cyrusbowman zerkms alexmingoia frameworks-alexuser01 jondotsoy wpannell tschwecke dliabenow ogennadi antimatter15 kwangkim brukh tnrich mcanthony kraf zache kirjs luqmaan simudream beda-software zhaoheng seeq12 dieface marcin-mazurek bverjat awangbrace abalmos dumconstantin wheercool kaven276 gnribeiro guoguow voidexception simplerxing cpanmac gagayang geminiyellow ido-ofir hu19891110 thomsbg mj1618 sato-shi itattoo eugeny-dementev gdg xuming314 fmal networkrepositories albertzheng barbagrigia zodana kuangyunsheng kuangzhibin brendanannable bradbanister whitcik m-2k nimelrian zjungit jrust ackinc denistsoi valentinzberea imjerrybao monad-one tuhis techmexdev dobringanev riddle-and-lyre roark avinashdvv carlosdelfino mynameisbxh nukedawg superhuman rncorrelation fagan2888 paperscz josephclay

baobab's Issues

Leftmost / Rightmost

Using validate to perform lookeahead validation on push/unshift

Be sure that cursors attached to a component do not fire twice.

Object.freeze

Shouldcompup and typo

Handle log update better

So that sub updates should be dropped by parent's one (should not happen however thanks to merge).

Transact / update

Dropping lodash.clonedeep?

Rename $thread

The term thread is misleading for non-functional backgrounds. chain or stack maybe?

Possibility to pass a typology at instantiation

React controlled input have a hard time applying when updates are async

Commands to explicitely stack mutations

Need a way to intercept an update?

Not sure if really necessary.

Cursor merging

Plus would mean a drastic mixin simplification.

AND / OR

Cursor.set polymorphism?

Set polymorphisme in path

Problem with multiple cursors.

Hi there,

thanks for creating an interesting data tree module :)

While testing Baobab, I have a problem with multiple cursors.

A structure with a single cursor works nicely:

var tree = new Baobab({
  users: ['John', 'Jack'],
  firstlast: {
    john: {
      firstname: 'John',
      lastname: 'Silver'
    },
    jack: {
      firstname: 'Jack',
      lastname: 'Gold'
    }
  }
});

var BaobabTest = React.createClass({

    mixins: [tree.mixin],   
    cursor: ['users'],

    render: function() {

        var uniqueId = function() {
            return 'id-' + Math.random().toString(36).substr(2, 16);
        };

        var renderItem = function(name) {
            return <li key={uniqueId()}>Name: {name} Key: {uniqueId()}</li>;
        };

    return (
        <Title title='Boabab-Test'>
            <ul>{this.cursor.get().map(renderItem)}</ul>
        </Title>

    );
    }

});

The same structure with multiple cursors throws the error:
"ReferenceError: path is not defined"

var BoababTest = React.createClass({

    mixins: [tree.mixin],

    cursors: {
    users: ['users'],
    firstlast: ['firstlast']
    },

    render: function() {

        var uniqueId = function() {
            return 'id-' + Math.random().toString(36).substr(2, 16);
        };

        var renderItem = function(name) {
            return <li key={uniqueId()}>Name: {name} Key: {uniqueId()}</li>;
        };

    return (
        <Title title='Boabab-Test'>
            <ul>{this.cursors.users.get().map(renderItem)}</ul>
        </Title>

    );
    }

});