Skip to content

Instantly share code, notes, and snippets.

@jugyo
Last active October 5, 2018 10:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jugyo/70ff4f6da59e3d4a50b6cac2ee55f499 to your computer and use it in GitHub Desktop.
Save jugyo/70ff4f6da59e3d4a50b6cac2ee55f499 to your computer and use it in GitHub Desktop.
"use strict";
import * as process from "process";
import * as vscode from "vscode";
import * as fs from "fs-extra";
const dirPath = `${process.env.HOME}/.vscode/jsnippet`;
const extension = "snippet";
const template = "console.log($1);";
const open = async (name: string, code: string = "") => {
const path = `${dirPath}/${encodeName(name)}`;
if (!fs.existsSync(path)) {
await fs.outputFile(path, code);
}
const doc = await vscode.workspace.openTextDocument(vscode.Uri.file(path));
vscode.window.showTextDocument(doc);
};
const encodeName = (name: string) => `${encodeURIComponent(name)}.${extension}`;
const decodeName = (name: string) =>
decodeURIComponent(name.replace(new RegExp(`\.${extension}$`), ""));
const createSnippet = async () => {
const name = await vscode.window.showInputBox({
prompt: "Enter snippet name"
});
if (!name || name.length === 0) {
return;
}
let code = null;
const editor = vscode.window.activeTextEditor;
if (editor) {
const selection = editor.selection;
code = editor.document.getText(selection);
}
code = code || template;
open(name, code);
};
const selectSnippet = async () => {
const files = await fs.readdir(dirPath);
const items = files
.filter((i: string) => i.endsWith(`.${extension}`))
.map(decodeName);
return await vscode.window.showQuickPick(items);
};
const openSnippet = async () => {
const name = await selectSnippet();
if (!name) {
return;
}
open(name);
};
const pasteSnippet = async () => {
const name = await selectSnippet();
if (!name) {
return;
}
const path = `${dirPath}/${encodeName(name)}`;
const code = await fs.readFile(path, "utf8");
if (vscode.window.activeTextEditor) {
await vscode.window.activeTextEditor.insertSnippet(
new vscode.SnippetString(code)
);
}
};
export function activate(context: vscode.ExtensionContext) {
context.subscriptions.push(
vscode.commands.registerCommand(
"extension.jsnippet.createSnippet",
createSnippet
),
vscode.commands.registerCommand(
"extension.jsnippet.openSnippet",
openSnippet
),
vscode.commands.registerCommand(
"extension.jsnippet.pasteSnippet",
pasteSnippet
)
);
}
export function deactivate() {}
@wraith13
Copy link

wraith13 commented Oct 5, 2018

好みの問題もあるかと思いますが、 context.subscriptions.push は複数引数を取れるので

  context.subscriptions.push(
    vscode.commands.registerCommand(
      "extension.jsnippet.createSnippet",
      createSnippet
    ),
    vscode.commands.registerCommand(
      "extension.jsnippet.openSnippet",
      openSnippet
    ),
    vscode.commands.registerCommand(
      "extension.jsnippet.pasteSnippet",
      pasteSnippet
    )
);

とできますよ。あと、これも好みの問題の範囲ですが

const encodeName = (name: string) => `${encodeURIComponent(name)}.${extension}`;

みたいな方がシュッとしてて自分的には好き。

@jugyo
Copy link
Author

jugyo commented Oct 5, 2018

なるほど!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment