npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

xconv

v1.5.4

Published

Structured text resolver

Downloads

79

Readme

xconv

标记语言转换器

更新

  • 1.1.0 x-reader.read_attr$value内部参数错误修复。

NPM: https://www.npmjs.com/package/xconv

使用

npm i xconv
const { jsonx, xmlx } = require('xconv');

console.log(JSON.stringify(jsonx.parse(`callback({
  a: 1,
  b: [
      { c: 1 }, null, 1, 2
      '123',
      "{}}}([[[]]]]]])",
  ],
});
`), null, '    '))

console.log(
    xmlx.parse(`
<text disabled a=1 b=2 data-city='{{util.cal("a", 1)}}'>
<!-- comment -->
fdasfasdadf{{couponInfo.parValue('abc', 1)}}<button disabled />
</text>
`, { format: true, indent: '    ' }
).root.toString());

输出:

{
    "a": 1,
    "b": [
        {
            "c": 1
        },
        null,
        1,
        2,
        "123",
        "{}}}([[[]]]]]])"
    ]
}
<root>
    <text disabled a="1" b="2" data-city='{{util.cal("a", 1)}}'>
        <!-- comment -->
        fdasfasdadf
        {{ couponInfo.parValue('abc', 1) }}
        <button disabled/>
    </text>
</root>

Generic-JSON

泛JSON类型,包含 JSONJSONPJS-Object 等多种标准嵌套封闭的文本格式。

QUOTE不敏感

对 双引号(")、单引号(')、撇号(`) 等可识别。

JSONP可识别

callback({
    a: 1,
    b: [
        { c: 1 }, null, 1, 2
        '123',
        "{}}}([[[]]]]]])",
    ],
});

转换结果

{
    "a": 1,
    "b": [
        {
            "c": 1
        },
        null,
        1,
        2,
        "123",
        "{}}}([[[]]]]]])"
    ]
}

Generic-XML

XML的标签识别,主要依赖对<>的成对标记解析。

松散的属性分析

标签内属性基本遵循HTML的松散原则,对引号("')和独立标记属性(disabledchecked 等等)可识别。

基于oop-node的DOM树构建

https://www.npmjs.com/package/oop-node

格式化输出

对缩进和换行的格式化

const { jsonx, xmlx } = require('./index');
console.log(xmlx.parse(`
<text disabled a=1 b=2 data-city='{{util.cal("a", 1)}}'>
<!-- comment -->
fdasfasdadf{{couponInfo.parValue('abc', 1)}}<button disabled />
</text>
`, { format: true, indent: '    ' }).root.toString());

输出结果

<root>
    <text disabled a="1" b="2" data-city='{{util.cal("a", 1)}}'>
        <!-- comment -->
        fdasfasdadf
        {{ couponInfo.parValue('abc', 1) }}
        <button disabled/>
    </text>
</root>

注意:当节点属性被识别为数据绑定时,会保留原始的属性包围引号。...data-city='{{util.cal("a", 1)}}'...

Readers

Readers是解析器的依赖。对应不同的文档。JReaderXReader继承自Reader

const {
    Reader,
    JReader,
    XReader
} = require('xconv');

Reader

读取一般的引号封闭与语法嵌套

JReader

对应jsonx,读取Generic-JSON文本。

XReader

对应xmlx,读取Generic-XML文本。