extension.js

const hx = require("hbuilderx");
const fs = require("fs")
const path = require("path")
const stylelint = require("stylelint")

const EMBEDDED_FILE_SUPPORT = ['html', 'vue', 'nvue']
const CSS_FILE_SUPPORT = ['css', 'less', 'scss', 'sass']

let output = null;

function showOutput(msg)
{
	if (!output) output = hx.window.createOutputChannel('stylelint-order');
	// output.clear();
	output.show();
	output.appendLine('[stylelint-order]:');
	output.append(msg);
}

function getEmbeddedBlock(args)
{
	const
	{
		document
	} = args;
	let content = null;
	let pos = 0;
	let char = '';
	let startIndex = -1;
	let syntax = 'css';
	const text = document.getText();
	const textLangth = text.length;
	while (pos < textLangth)
	{
		char = text.charAt(pos);
		if (char === '<' && text.substr(pos, 6) === '<style')
		{
			let tag = '';
			do {
				char = text.charAt(pos);
				tag += char;
				pos++;
			} while (char !== '>' && pos < text.length);
			const matchedSyntax = tag.match(/lang=['"](.+)?['"]/);
			syntax = matchedSyntax ? matchedSyntax[1] : 'less';
			startIndex = pos + 2;
		}

		if (char === '<' && text.substr(pos, 8) === '</style>')
		{
			content = text.substring(startIndex, pos);
			const range = {
				start: startIndex,
				end: pos
			};

			return {
				range,
				content,
				syntax
			};
		}

		pos++;
	}
}

function getCssBlock(args)
{
	const
	{
		document,
		selection,
		languageId
	} = args;
	let range = null;
	let content = null;

	if (!selection || (selection && selection.isEmpty()))
	{
		const end = document.getText().length
		range = {
			start: 0,
			end: end
		};
		content = document.getText();
	}
	else
	{
		range = {
			start: selection.start,
			end: selection.end
		};
		content = document.getText(selection);
	}

	return {
		range,
		content,
		syntax: languageId
	};
}

function getBlock(args)
{
	const
	{
		languageId,
		document,
		selection
	} = args
	let block = null;
	if (~EMBEDDED_FILE_SUPPORT.indexOf(languageId))
	{
		block = getEmbeddedBlock(
		{
			document
		});
	}
	else if (~CSS_FILE_SUPPORT.indexOf(languageId))
	{
		block = getCssBlock(
		{
			document,
			selection,
			languageId
		});
	}
	return block
}

//该方法将在插件激活的时候调用
function activate(context)
{
	const onCommand = hx.commands.registerTextEditorCommand('stylelint.formatter', function(textEditor)
	{
		const
		{
			document,
			selection
		} = textEditor;
		const
		{
			languageId
		} = document;
		const block = getBlock(
		{
			languageId,
			document,
			selection
		});
		if (!block) return showOutput(`${ languageId } syntac not support now.`);
		const
		{
			range,
			content,
			syntax
		} = block;

		const _options = require("./.stylelintrc.js")
		if (process.env.EXTENSION_DATA_DIR &&
			fs.existsSync(process.env.EXTENSION_DATA_DIR + "/.stylelintrc.js"))
		{
			_options = require(process.env.EXTENSION_DATA_DIR + "/.stylelintrc.js");
		}
		stylelint.lint(
		{
			code: content,
			config: _options,
			configBasedir: path.join(__dirname, "/"),
			fix: true
		}).then((res) =>
		{
			textEditor.edit(builder =>
			{
				builder.replace(range, res.output);
			})
			// 执行系统格式化
			hx.commands.executeCommand("editor.action.format")
		}).catch(err => showOutput(err.stack));
	});

	const onSave = hx.workspace.onWillSaveTextDocument(function(event)
	{
		const
		{
			document
		} = event;
		const
		{
			languageId,
			fileName
		} = document;
		const settings = hx.workspace.getConfiguration('stylelint-order');
		const autoFixOnSave = settings.get('autoFixOnSave', false)
		if (!autoFixOnSave) return null;
		const block = getBlock(
		{
			languageId,
			document
		});
		console.log('block', block);
		if (!block) return;
		const
		{
			range,
			content,
			syntax
		} = block;

		const _options = require("./.stylelintrc.js")
		if (process.env.EXTENSION_DATA_DIR &&
			fs.existsSync(process.env.EXTENSION_DATA_DIR + "/.stylelintrc.js"))
		{
			_options = require(process.env.EXTENSION_DATA_DIR + "/.stylelintrc.js");
		}
		stylelint.lint(
		{
			code: content,
			config: _options,
			configBasedir: path.join(__dirname, "/"),
			fix: true
		}).then((res) =>
		{
			console.log('res', res.output);
			hx.TextEdit.replace(range, res.output)
			// 执行系统格式化
			hx.commands.executeCommand("editor.action.format")
		}).catch(err => showOutput(err.stack));
	});

	//订阅销毁钩子，插件禁用的时候，自动注销该command。
	context.subscriptions.push(onCommand)
	context.subscriptions.push(onSave)
}
//该方法将在插件禁用的时候调用（目前是在插件卸载的时候触发）
function deactivate()
{

}
module.exports = {
	activate,
	deactivate
}