bm-view-preview

KO | EN

gitlite — search

#javascript #react #go #machine-learning #deep-learning #linux #macos #java #awesome #cli #vue #pytorch #security #ios

bm-view-preview

(★ 9)

ローカル環境のファイルの更新を検知して、ベースマキナのビュー機能のコードエディタに自動で反映するツール

bm-view-preview 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# bm-view-preview

ローカル環境のファイルの更新を検知して、ベースマキナのビュー機能のコードエディタに自動で反映するツールです。

## 使い方

### 動作確認環境

Node.js v22 (macOS) での動作を確認しています。

### インストール

1. ビューのファイルを管理するリポジトリを用意する
1. `package.json`を作成する
1. `npm install --save-dev @basemachina/bm-view-preview`を実行する
1. 設定ファイルを作成する

#### 設定ファイルの作り方

以下のように`bm-view-preview.config.json`を作成してください。

```json
{
  "baseUrl": "https://{your_tenant}.basemachina.com/projects/{your_project_id}/environments/{your_environment_id}",
  "sourceDir": "./dist"
}
```

- `baseUrl`: ビュー機能のプレビューを実行する環境のURLを指定してください。
- `sourceDir`: プレビューするファイルのあるディレクトリのパスを指定してください。設定ファイルからの相対パスが使えます。
- `allowExtensions`: （オプショナル）Chrome拡張のインストールを許可する場合、`true`を指定してください。デフォルト値は`false`です。
- `launchOptions`: （オプショナル）Chromiumの起動オプションを指定できます。Playwrightの[launchPersistentContext](https://playwright.dev/docs/api/class-browsertype#browser-type-launch-persistent-context)のオプションがそのまま使えます。例: `{"channel": "chrome"}`

### 起動方法

以下のコマンドを実行してください。

```
$ npx bm-view-preview
```

起動すると新しいプロファイルのChromeが開きます。（プロファイルは`~/.cache/bm-view-preview/chromium_profile`に保存されます。）

ページ内に`sourceDir`のファイルが一覧表示され、選択したファイルがプレビュー表示されます。ファイルを更新すると自動でプレビューに反映されます。

![スクリーンショット](https://raw.githubusercontent.com/basemachina/bm-view-preview/main/docs/screenshot.png)

## 開発方法

- 依存パッケージのインストール: `pnpm install`
- 起動: `node bin/bm-view-preview`
- テスト: `pnpm test`
- ソースコードのフォーマット: `pnpm format`

bm-view-preview

bm-view-preview 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

bm-view-preview

bm-view-preview 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README