posthtml / posthtml-beautify Goto Github PK

View Code? Open in Web Editor NEW

28.0 5.0 9.0 9.27 MB

A posthtml plugin to beautify you html files. Online service -

Home Page: https://posthtml.github.io/posthtml-beautify/

License: MIT License

JavaScript 13.71% HTML 86.29%

posthtml beautify posthtml-plugins code-quality html

posthtml-beautify's People

Stargazers

Watchers

Forkers

aoshee sjelfull-forks nilsboy wmhilton-contrib andreyvolokitin begrafx anikethsaha shebbys bikashdaga

posthtml-beautify's Issues

add changelog linter

https://github.com/marionebl/conventional-changelog-lint

[feat]: Add dict for tag groups

{
  groups: ['meta', 'script', 'link']
}

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

instead

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

[perf]: change args to object

export default {
    a: {
        status: [],
        attrs: []
    }
}

Enforce eol setting at end of file

Currently the eol setting does nothing to the last line in file. Having it set to \n should add a new blank line to the end of file.

[perf]: use string-collapse-white-space

https://github.com/codsen/string-collapse-white-space

posthtml-parset module not found

[fix]: tree.messages set to undefined after posthtml-beautify done processing

In posthtml.config.js I have multiple plugins, which set tree.messages API property for later usage by posthtml-loader. I also have posthtml-beautify as a last plugin declared in posthtml.config.js.

tree.messages has proper value if there is no posthtml-beautify declared in config, but it has undefined value if I declare posthtml-beautify in a config (I test this value by checking result.messages in a posthtml-loader on this line). So posthtml-beautify somehow interferes with this property, but from the source I yet can not find how exactly

add format and sortig style

https://github.com/morishitter/stylefmt
postcss-sorting

[perf]: use rest\spread for lovercasetag

https://github.com/sebmarkbage/ecmascript-rest-spread

change string eol to os.eol

resolve parses Downlevel-revealed and valid version

Downlevel-revealed Conditional Comments

<![if !IE]><p>You are not using Internet Explorer.</p><![endif]>

after htmlparser2 return

{ tag: 'p',
  content: [ 'You are not using Internet Explorer.' ] }

Valid Downlevel-revealed Conditional Comments

<!--[if !IE]>--><link href="non-ie.css" rel="stylesheet"><!--<![endif]-->
<!--[if gte IE 7]><!--><p>This is shown in downlevel browsers and IE7 or later.</p><!--<![endif]-->

after htmlparser2 return

1: '<!--[if !IE]>-->',
2: { tag: 'link',
     attrs: { href: 'non-ie.css', rel: 'stylesheet' } },
3: '<!--<![endif]-->'
4: '<!--[if gt IE 6]><!-->'
5: 'This code displays on non-IE browsers and on IE 7 or higher.'
6: '<!--<![endif]-->'

change pkg name on postpublish

test with plugins

posthtml-include
posthtml-modules

Add a description for the option sync

see options posthtml processor and options for myself

[perf]: minifier

change config for clinton

remove "editorconfig": "off" after publish 29

[node 4] Cannot find module 'core-js/modules/es6.map'

incorrect set indent

input html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>instagramator</title>
  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <module href="src/html/components/btn-outline.html">Анализировать</module>
</body>
</html>

output html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">

    <title>instagramator</title>

    <link rel="stylesheet" href="css/main.css">
  </head>

  <body>

      <button class="btn-outline">
        Анализировать
      </button>

  </body>
</html>

module html

<button class="btn-outline">
  <content></content>
</button>

[test]: Try jsinspector

https://github.com/danielstjules/jsinspect?utm_source=forwebdev&utm_medium=announcement&utm_campaign=js-inspect-uproschaet-refaktoring--avtomat

add Transform lower case element names

[feat]: add support attributs for tags

use browser-compat-data

export default {
    a: {
        status: [],
        attrs: ['href', 'target']
    }
}

add clinton

https://github.com/SamVerschueren/clinton

add linter and validator

https://squizlabs.github.io/HTML_CodeSniffer/
Posthtml-w3c
Posthtml-hint
Posthtml-lint

the rules should be as property

instead {indend} should be {rules}
rules value should be string or boolean

us reflect

https://msdn.microsoft.com/ru-ru/library/mt146826(v=vs.94).aspx

babel-polyfill

use details for hidden config

Summary Goes Here

...this is hidden, collapsable content...

[feat]: add full list attrs

export default {
    require: {
        status: ['deprecated', 'email'], // email - convert style to old attrs for email
        boolean: true
    }
}

add testen

[perf]: try array from

Посмотрите, о чем твитнул(а) @forwebdev: https://twitter.com/forwebdev/status/816347934052728832?s=09

Index 140

Beautify style and script tag content

How do you feel about running the content of <style></style> tags through stylefmt and the contents of <script></script> tags through eslint?

[perf]: update tags list & status

http://htmlreference.io
html-tag-names

fix incorrest EOL in test

const fixture = '<div></div>\n\n<div></div>';

need return unix notation

[fix]: incorrect build main file destination

Support sync mode

When I try to use posthtml-beautify with posthtml running in sync mode, I get this error:

Error: Can’t process contents in sync mode because of async plugin:

not pretty if used posthtml-extends

base.html

<html>
    <head>
        <meta charset="utf-8">
        <title><block name="title"></block></title>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.0.0/normalize.min.css">
        <link rel="stylesheet" href="css/demo.css">
        <link rel="stylesheet" href="../dist/css/slims.min.css">
    </head>

    <body class="sl-row-12">
        <div class="sl-row-11">
            <nav class="sl-offset-pv-10">
                <a
                    href="/"
                    class="sl-box-inline sl-v-top sl-offset-ph-15 sl-offset-pv-15"
                    >slims
                </a><a
                    href="https://github.com/gitscrum/slims"
                    class="sl-box-inline sl-v-top sl-offset-ph-15 sl-offset-pv-15"
                    >view on GitHub</a>
            </nav>
            <main><block name="content"></block></main>
        </div>
        <footer class="sl-row-1 sl-offset-pv-20"><block name="footer">footer content</block></footer>
    </body>
</html>

index.html

<extends src="layout/base.html">
    <block name="title">slims</block>

    <block name="content">
        <div class="sl-clearfix sl-offset-pv-20">
            <aside class="sl-box-right sl-col-4"><module href="layout/menu.html"></module></aside>
            <section class="sl-box-left sl-col-8">
                <header>
                    <h1 class="sl-offset-mh-0">slims</h1>
                    <p>Vanilla CSS framework</p>
                </header>
            </section>
        </div>
    </block>
</extends>

resutl.html

<html>
    <head>
        <meta charset="utf-8">
        <title>slims</title>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.0.0/normalize.min.css">
        <link rel="stylesheet" href="css/demo.css">
        <link rel="stylesheet" href="../dist/css/slims.min.css">
    </head>

    <body class="sl-row-12">
        <div class="sl-row-11">
            <nav class="sl-offset-pv-10">
                <a href="/" class="sl-box-inline sl-v-top sl-offset-ph-15 sl-offset-pv-15">slims
                </a><a href="https://github.com/gitscrum/slims" class="sl-box-inline sl-v-top sl-offset-ph-15 sl-offset-pv-15">view on GitHub</a>
            </nav>
            <main>
    <div class="sl-clearfix sl-offset-pv-20">
      <aside class="sl-box-right sl-col-4">
        <ul>
          <li>test</li>
        </ul>
      </aside>

      <section class="sl-box-left sl-col-8">
        <header>
          <h1 class="sl-offset-mh-0">slims</h1>

          <p>Vanilla CSS framework</p>
        </header>
      </section>
    </div>
  </main>
        </div>
        <footer class="sl-row-1 sl-offset-pv-20">footer content</footer>
    </body>
</html>

add perf for last node on level 0

if (level === 0 && (tree.length - 1) === index) {
    return [...previousValue, node];
}

update to

if (level === 0 && (tree.length - 1) === index) {
    return [...previousValue, getIndent(level), node];
}

initial project

Read

add clinton ignores

update editorconfig

change babel min to babili

https://github.com/babel/babili

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

posthtml / posthtml-beautify Goto Github PK

posthtml-beautify's People

Stargazers

Watchers

Forkers

posthtml-beautify's Issues

Recommend Projects

Recommend Topics

Recommend Org