.js Unsupported file type

imageslr commented 7 years ago

I have been using HTML-CSS-JS Prettify for a long time, but today suddenly it cannot prettifies js code in file with .js extension. It works well in other files such as .vue.

Here are all my configurations:

node version: v8.4.0
html-css-js prettify: v2.0

preference default:

{
// The plugin looks for a .jsbeautifyrc file in the same directory as the
// source file you're prettifying (or any directory above if it doesn't exist,
// or in your home folder if everything else fails) and uses those options
// along the default ones.

// Details: https://github.com/victorporof/Sublime-HTMLPrettify#using-your-own-jsbeautifyrc-options
// Documentation: https://github.com/beautify-web/js-beautify

"all":
{
    // These rules apply to all HTML, CSS, JS and JSON files to be prettified
    // and have the lowest level of precedence (meaning any of the settings in
    // the 'html', 'css', 'js', 'json' and 'custom' categories override these).

    // You can add other .jsbeautifyrc rules in this section too.

    // End output with newline
    "end_with_newline": false,

    // Character(s) to use as line terminators.
    "eol": "\n",

    // Initial indentation level
    "indent_level": 0,

    // Indentation character
    "indent_char": " ",

    // Indentation size
    "indent_size": 4,

    // Indent with tabs, overrides `indent_size` and `indent_char`
    "indent_with_tabs": false,

    // Maximum number of line breaks to be preserved in one chunk (0 disables)
    "max_preserve_newlines": 0,

    // Whether existing line breaks before elements should be preserved (only works before elements, not inside tags or for text)
    "preserve_newlines": true,

    // Lines should wrap at next opportunity after this number of characters (0 disables)
    "wrap_line_length": 0
},

"html":
{
    // Rules added here apply only to HTML files. They take precedence over all
    // of the settings in the 'all' category above.

    // You can add other .jsbeautifyrc rules in this section too.

    // e.g. {{#foo}}, {{/foo}}
    "indent_handlebars": false,

    // Indent <head> and <body> sections
    "indent_inner_html": false,

    // [keep|separate|normal]
    "indent_scripts": "keep",

    // List of tags that should not be reformatted
    "unformatted": ["a", "span", "img", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike", "big", "small", "pre", "h1", "h2", "h3", "h4", "h5", "h6"]
},

"css":
{
    // Rules added here apply only to CSS files. They take precedence over all
    // of the settings in the 'all' category above.

    // You can add other .jsbeautifyrc rules in this section too.

    // Add a new line after every css rule
    "newline_between_rules": true,

    // Selector separator character
    "selector_separator": " ",

    // Separate selectors with newline or not (e.g. "a,\nbr" or "a, br")
    "selector_separator_newline": true
},

"js":
{
    // Rules added here apply only to JS files. They take precedence over all
    // of the settings in the 'all' category above.

    // You can add other .jsbeautifyrc rules in this section too.

    // [collapse|collapse-preserve-inline|expand|end-expand|none] Put braces on the same line as control statements (default), or put braces on own line (Allman / ANSI style), or put end braces on own line, or attempt to keep them where they are
    "brace_style": "collapse-preserve-inline",

    // Break chained method calls across subsequent lines
    "break_chained_methods": false,

    // Put commas at the beginning of new line instead of end
    "comma_first": false,

    // Pass E4X xml literals through untouched
    "e4x": false,

    // If true, then jslint-stricter mode is enforced
    "jslint_happy": false,

    // Preserve array indentation
    "keep_array_indentation": false,

    // Preserve function indentation
    "keep_function_indentation": false,

    // [before-newline|after-newline|preserve-newline] Set operator position
    "operator_position": "before-newline",

    // Should the space before an anonymous function's parens be added, "function()" vs "function ()"
    "space_after_anon_function": false,

    // Should the space before conditional statement be added, "if(true)" vs "if (true)"
    "space_before_conditional": true,

    // Add padding spaces within empty paren, "f()" vs "f( )"
    "space_in_empty_paren": false,

    // Add padding spaces within paren, ie. f( a, b )
    "space_in_paren": false,

    // Should printable characters in strings encoded in \xNN notation be unescaped, "example" vs "\x65\x78\x61\x6d\x70\x6c\x65"
    "unescape_strings": false
},

"json":
{
    // Rules added here apply only to JSON files. They take precedence over all
    // of the settings in the 'all' category above.

    // You can add other .jsbeautifyrc rules in this section too.

    // [collapse|collapse-preserve-inline|expand|end-expand|none] Put braces on the same line as control statements (default), or put braces on own line (Allman / ANSI style), or put end braces on own line, or attempt to keep them where they are
    "brace_style": "expand",

    // Preserve array indentation
    "keep_array_indentation": false,

    // Should printable characters in strings encoded in \xNN notation be unescaped, "example" vs "\x65\x78\x61\x6d\x70\x6c\x65"
    "unescape_strings": false
},

"custom":
{
    // Rules added here apply only to some files matching specific glob strings.
    // For the following entries, keys are globs and values are objects which
    // can contain any kind of .jsbeautifyrc setting. They take precedence over
    // all of the above settings.

    "package?(-lock).json":
    {
        "indent_size": 2,
        "brace_style": "collapse"
    },

    "*.sublime-@(settings|keymap|commands|menu)":
    {
        "indent_size": 4,
        "brace_style": "expand"
    }
}
}

preference user: empty

plugin options default:

{
// Simply using `node` without specifying a path sometimes doesn't work :(
// https://github.com/victorporof/Sublime-HTMLPrettify#oh-noez-command-not-found
// http://nodejs.org/#download
"node_path":
{
    "windows": "C:/Program Files/nodejs/node.exe",
    "linux": "/usr/bin/nodejs",
    "osx": "/usr/local/bin/node"
},

// Automatically format when a file is saved.
"format_on_save": false,

// Automatically format when a file is opened. (Sublime Text 3 only)
"format_on_open": false,

// Automatically format when a file is focused. (Sublime Text 3 only)
"format_on_focus": false,

// Automatically format when a file loses focus. (Sublime Text 3 only)
"format_on_focus_lost": false,

// Automatically format while a file is being edited. (Experimental / Sublime Text 3 only)
"format_while_editing": false,

// Only format the selection if there's one available.
"format_selection_only": true,

// Save to a temporary file before prettifying.
"save_to_temp_file_before_prettifying": true,

// Settings determining which files are allowed to be prettified.
// All the keys below need to be included in your user settings for them to work.
"global_file_rules":
{
    // Be sure to include the `html` key in your user settings to be able
    // to prettify html files.
    "html":
    {
        "allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg"],
        "allowed_file_syntaxes": ["html", "xml"],
        "disallowed_file_patterns": []
    },
    // Be sure to include the `css` key in your user settings to be able
    // to prettify css files.
    "css":
    {
        "allowed_file_extensions": ["css", "scss", "sass", "less"],
        "allowed_file_syntaxes": ["css", "sass", "less"],
        "disallowed_file_patterns": []
    },
    // Be sure to include the `js` key in your user settings to be able
    // to prettify js files.
    "js":
    {
        "allowed_file_extensions": ["js"],
        "allowed_file_syntaxes": ["javascript", "ecma"],
        "disallowed_file_patterns": []
    },
    // Be sure to include the `json` key in your user settings to be able
    // to prettify json files.
    "json":
    {
        "allowed_file_extensions": [
            "json",
            "babelrc",
            "eslintrc",
            "jshintrc",
            "jsbeautifyrc",
            "sublime-settings",
            "sublime-keymap",
            "sublime-commands",
            "sublime-menu"
        ],
        "allowed_file_syntaxes": ["json"],
        "disallowed_file_patterns": []
    }
},

// Respect `.editorconfig` rules, overriding settings from `.jsbeautifyrc`.
// Note that `use_editor_syntax` and `use_editor_indentation` have precedence
// and will always override any other settings from any configuration file
// like `.jsbeautifyrc` and `.editorconfig`.
"respect_editorconfig_files": true,

// Use current syntax to determine file type, instead of the extension.
"use_editor_syntax": true,

// Use current identation settings to override the ones from `.jsbeautifyrc`.
"use_editor_indentation": false,

// Log the settings passed to the prettifier from `.jsbeautifyrc`.
"print_diagnostics": true
}

plugin options user: empty

victorporof commented 7 years ago

Will look into it.

victorporof commented 7 years ago

Can you post the output in sublime’s console?

imageslr commented 7 years ago

Sorry I didn't get notification. Here is the output in console:

[HTMLPrettify] Using editor text temp file: True
[HTMLPrettify] Global file rules: {"html": {"allowed_file_syntaxes": ["html", "xml"], "disallowed_file_patterns": [], "allowed_file_extensions": ["vue"]}}
[HTMLPrettify] Respecting .editorconfig files: True
[HTMLPrettify] Editor file syntax: Packages/JavaScript/JavaScript.sublime-syntax
[HTMLPrettify] Editor indent size: ?
[HTMLPrettify] Editor indent with tabs: ?
[HTMLPrettify] Editor text file path: /Users/zhukaihao/Library/Application Support/Sublime Text 3/Packages/HTML-CSS-JS Prettify/62459ff7-31cc-4c23-ba0d-6e3bc6674da1
[HTMLPrettify] Editor text file contents: null
[HTMLPrettify] Original file path: /Users/zhukaihao/Desktop/软件杯/提交作品/source-code/desktop-wiki-app/src/api/fetch.js
[HTMLPrettify] Config extra lookup paths: /Users/zhukaihao/Library/Application Support/Sublime Text 3/Packages/User,/Users/zhukaihao/Library/Application Support/Sublime Text 3/Packages/HTML-CSS-JS Prettify
[HTMLPrettify] Computed extra lookup paths for .jsbeautifyrc: ["/Users/zhukaihao/Desktop/软件杯/提交作品/source-code/desktop-wiki-app/src/api","/Users/zhukaihao/Desktop/软件杯/提交作品/source-code/desktop-wiki-app/src","/Users/zhukaihao/Desktop/软件杯/提交作品/source-code/desktop-wiki-app","/Users/zhukaihao/Desktop/软件杯/提交作品/source-code","/Users/zhukaihao/Desktop/软件杯/提交作品","/Users/zhukaihao/Desktop/软件杯","/Users/zhukaihao/Desktop","/Users/zhukaihao","/Users","/Users/zhukaihao","/Users/zhukaihao/Library/Application Support/Sublime Text 3/Packages/User","/Users/zhukaihao/Library/Application Support/Sublime Text 3/Packages/HTML-CSS-JS Prettify"]
[HTMLPrettify] Attempting to parse file: /Users/zhukaihao/Library/Application Support/Sublime Text 3/Packages/HTML-CSS-JS Prettify/.jsbeautifyrc.defaults.json
[HTMLPrettify] Attempting to parse file: /Users/zhukaihao/Library/Application Support/Sublime Text 3/Packages/User/.jsbeautifyrc
[HTMLPrettify] Attempting to parse file: /Users/zhukaihao/Desktop/软件杯/提交作品/source-code/desktop-wiki-app/.editorconfig
[HTMLPrettify] Computed prettify options: {"html":{"end_with_newline":true,"eol":"\n","indent_level":0,"indent_char":" ","indent_size":"2","indent_with_tabs":false,"max_preserve_newlines":0,"preserve_newlines":true,"wrap_line_length":0,"indent_handlebars":false,"indent_inner_html":false,"indent_scripts":"keep","unformatted":["a","span","img","code","pre","sub","sup","em","strong","b","i","u","strike","big","small","pre","h1","h2","h3","h4","h5","h6"],"css":{"newline_between_rules":true,"selector_separator":" ","selector_separator_newline":true},"js":{"brace_style":"collapse-preserve-inline","break_chained_methods":false,"comma_first":false,"e4x":false,"jslint_happy":false,"keep_array_indentation":false,"keep_function_indentation":false,"operator_position":"before-newline","space_after_anon_function":false,"space_before_conditional":true,"space_in_empty_paren":false,"space_in_paren":false,"unescape_strings":false},"charset":"utf-8","end_of_line":"lf","trim_trailing_whitespace":true},"css":{"end_with_newline":true,"eol":"\n","indent_level":0,"indent_char":" ","indent_size":"2","indent_with_tabs":false,"max_preserve_newlines":0,"preserve_newlines":true,"wrap_line_length":0,"newline_between_rules":true,"selector_separator":" ","selector_separator_newline":true,"charset":"utf-8","end_of_line":"lf","trim_trailing_whitespace":true},"js":{"end_with_newline":true,"eol":"\n","indent_level":0,"indent_char":" ","indent_size":"2","indent_with_tabs":false,"max_preserve_newlines":0,"preserve_newlines":true,"wrap_line_length":0,"brace_style":"collapse-preserve-inline","break_chained_methods":false,"comma_first":false,"e4x":false,"jslint_happy":false,"keep_array_indentation":false,"keep_function_indentation":false,"operator_position":"before-newline","space_after_anon_function":false,"space_before_conditional":true,"space_in_empty_paren":false,"space_in_paren":false,"unescape_strings":false,"charset":"utf-8","end_of_line":"lf","trim_trailing_whitespace":true},"json":{"end_with_newline":true,"eol":"\n","indent_level":0,"indent_char":" ","indent_size":"2","indent_with_tabs":false,"max_preserve_newlines":0,"preserve_newlines":true,"wrap_line_length":0,"brace_style":"expand","keep_array_indentation":false,"unescape_strings":false,"charset":"utf-8","end_of_line":"lf","trim_trailing_whitespace":true}}
[HTMLPrettify] Unsupported file type

Thank you so much.

victorporof commented 7 years ago

From the above output, “Global file rules” clearly misses everythibg except html, so you’ve removed the other dictionary entries (such as “js”) in one of your config files.

Can you confirm?

imageslr commented 7 years ago

Yes, thanks. I will try to find a solution.

I found it was because I modified Plugin Options - User. I thought the options in the file will be merged into Plugin Options - Default. But it seems like Plugin Options - User and Plugin Options - Default is unrelated?

victorporof / Sublime-HTMLPrettify

.js Unsupported file type #478