markdown カスタムタグの雏形を作成

Posted 2021-05-06

{
  "name": "makeTag",
  "version": "1.0.0",
  "description": "",
  "bin": "index.js",
  "keywords": [],
  "author": "",
  "license": "ISC"
}

#!/usr/bin/env node

let fs = require('fs');

// タグ名を取得
let tagName = process.argv[2];

// tagファイルのテンプレ
let tagTamplate = `<${ tagName }>
  <p>${ tagName }</p>
</${ tagName }>`;

// jsファイルのテンプレ
let jsTemplate = `import './${ tagName }.tag';`


// ファイルの生成処理
fs.access(tagName, fs.constants.R_OK | fs.constants.W_OK, (error) => {
  if (error) {
    if (error.code === "ENOENT") {
      fs.mkdir(tagName, (err) => {
        fs.writeFile(`${ tagName }/${ tagName }.tag`, tagTamplate, () => {});
        fs.writeFile(`${ tagName }/index.js`, jsTemplate, () => {});
      });
    } else {
      console.error('Miss.');
    }
  } else {
    console.error('Miss.');
  }
});

# やること
1. コマンドを実行したディレクトリにフォルダ作成
1. 1で作成したフォルダ内にタグファイル作成
1. 1で作成したフォルダ内にindex.jsの作成

## 例

### 実行コマンド
```bash
# my-headerタグを作成
npx https://gist.github.com/t4y3/c1bd2522ab2b0a72d73dc12c3fb5030c my-header
```

### 出力されるフォルダ & ファイル

```
└── my-header
    ├── index.js
    └── my-header.tag

```

### my-headerの内容
```html
<my-header>
  <p>my-header</p>
</my-header>
```
### index.jsの内容
```js
import './my-header.tag';
```