Giter VIP home page Giter VIP logo

unist-util-modify-children's Introduction

unist-util-modify-children

Build Coverage Downloads Size Sponsors Backers Chat

unist utility to change children of a parent.

Contents

What is this?

This is a tiny utility that you can use to create a reusable function that modifies children.

When should I use this?

Probably never! Use unist-util-visit.

Install

This package is ESM only. In Node.js (version 16+), install with npm:

npm install unist-util-modify-children

In Deno with esm.sh:

import {modifyChildren} from 'https://esm.sh/unist-util-modify-children@4'

In browsers with esm.sh:

<script type="module">
  import {modifyChildren} from 'https://esm.sh/unist-util-modify-children@4?bundle'
</script>

Use

import u from 'unist-builder'
import {modifyChildren} from 'unist-util-modify-children'

const tree = u('root', [
  u('leaf', '1'),
  u('parent', [u('leaf', '2')]),
  u('leaf', '3')
])
const modify = modifyChildren(function (node, index, parent) {
  if (node.type === 'parent') {
    parent.children.splice(index, 1, {type: 'subtree', children: parent.children})
    return index + 1
  }
})

modify(tree)

console.dir(tree, {depth: undefined})

Yields:

{
  type: 'root',
  children: [
    {type: 'leaf', value: '1'},
    {type: 'subtree', children: [{type: 'leaf', value: '2'}]},
    {type: 'leaf', value: '3'}
  ]
}

API

This package exports the identifier modifyChildren. There is no default export.

modifyChildren(modifier)

Wrap modifier to be called for each child in the nodes later given to modify.

Parameters
  • modifier (Modifier) — callback called for each child in parent later given to modify
Returns

Modify children of parent (Modify).

Modifier

Callback called for each child in parent later given to modify (TypeScript type).

Parameters
  • child (Node) — child of parent
  • index (number) — position of child in parent
  • parent (Node) — parent node
Returns

Position to move to next (optional) (number or undefined).

Modify

Modify children of parent (TypeScript type).

Parameters
  • parent (Node) — parent node
Returns

Nothing (undefined).

Types

This package is fully typed with TypeScript. It exports the additional types Modifier and Modify.

Compatibility

Projects maintained by the unified collective are compatible with maintained versions of Node.js.

When we cut a new major release, we drop support for unmaintained versions of Node. This means we try to keep the current release line, unist-util-modify-children@^4, compatible with Node.js 16.

Related

Contribute

See contributing.md in syntax-tree/.github for ways to get started. See support.md for ways to get help.

This project has a code of conduct. By interacting with this repository, organization, or community you agree to abide by its terms.

License

MIT © Titus Wormer

unist-util-modify-children's People

Contributors

christianmurphy avatar greenkeeperio-bot avatar murderlon avatar wooorm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

unist-util-modify-children's Issues

test issue

Initial checklist

  • I read the support docs
  • I read the contributing guide
  • I agree to follow the code of conduct
  • I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions: n/a

Steps to reproduce

  1. things
  2. more

Link to code example: n/a

Expected behavior

things

Actual behavior

other things

test issue 2

Initial checklist

  • I read the support docs
  • I read the contributing guide
  • I agree to follow the code of conduct
  • I searched issues and couldn’t find anything (or linked relevant results below)

Subject

a

Problem

b

Solution

c

Alternatives

d

Would love TypeScript types for this package

Subject of the feature

I think this is the first unist-util package that typescript wants types for. So first and foremost, thanks for all the really useful code that's already out there, this stuff is making my life a whole hella lot easier!

Any chance of adding types to this package? I guess I'll do a quick and dirty any type for now as my package typing fu is not so strong. I'd be happy to support with a PR or some review if that's helpful. I'd need some pointers on the PR front, but if you could potentially point me at another repo which does have types, maybe I could copy the typing concepts into this one, or something like that. Will wait to hear back before diving into it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.