include

include は PHP のコマンドモジュールを変更せず、任意の CSS／JavaScript インターフェースパッケージを合成します。パッケージは現在のセッションだけで使うことも、.lil.css と .lil.js に保存することもできます。

システムバージョン 1.2.6安定版
lil-terminal

概要

include はオプションのブラウザー層を PHP core から独立して管理します。Base／コードエディター assets をセッションだけに読み込み、テスト用に UI の厳密な版を固定し、ローカル保存や kill -include での共通削除ができます。

インターフェースパッケージはコマンドコードを変えません

include が変更するのはブラウザー層で、PHP のコマンド実装ではありません。セッションパッケージはセッション終了で消え、-s は永続 .lil.css/.lil.js を作成し、kill -include は Core 内蔵インターフェースへ戻します。

構文

lil-terminal
include [package] [options]

リファレンス

include

導入済み UI パッケージを表示する

include -css

Base CSS レイヤーを導入する

include -js

Base JavaScript レイヤーを導入する

include -lil

完全な Base UI を導入する

include -hotkeys

キーボードショートカットと任意のデスクトップ表示を導入する

include -code

構文エディターの CSS と JavaScript を導入する

include -l

repository で利用できるインターフェースパッケージを一覧表示する

-v <version>

インターフェースパッケージの正確なバージョンを選ぶ

-s

永続的な .lil.css/.lil.js 保存へ切り替える

-i

選択したパッケージの情報を表示する

-u

選択したパッケージまたはコンポーネントを削除する

include -u @kill

kill -include を使ってローカル・セッションの全インターフェース資産を削除する

include

導入済み UI パッケージを表示する

include -css

Base CSS レイヤーを導入する

include -js

Base JavaScript レイヤーを導入する

include -lil

完全な Base UI を導入する

include -hotkeys

キーボードショートカットと任意のデスクトップ表示を導入する

include -code

構文エディターの CSS と JavaScript を導入する

include -l

repository で利用できるインターフェースパッケージを一覧表示する

-v <version>

インターフェースパッケージの正確なバージョンを選ぶ

-s

永続的な .lil.css/.lil.js 保存へ切り替える

-i

選択したパッケージの情報を表示する

-u

選択したパッケージまたはコンポーネントを削除する

include -u @kill

kill -include を使ってローカル・セッションの全インターフェース資産を削除する

インタラクティブな sandbox プレビュー

用意された例をページ上でそのまま実行できます。結果は事前に生成されてブラウザに表示され、サーバーではターミナルコマンドを実行しません。

Include · 01

インストールと管理

現在の互換バージョンをインストールします。全機能は Base、縮小版は Minimum を選び、すでに導入済みのモジュール更新には upgrade を使います。

Base と Minimum は同じ現在のモジュールリリースの二つのパッケージです。

Base パッケージ

ローカル参照と公開済みの全モードを含む完全パッケージをインストールします。

install include
Minimum パッケージ

縮小パッケージをインストールします。ローカルリファレンスは含まれず、help <cmd> -i で現在のサーバーリファレンスを開きます。

install include -m
正確な公開版

この公開済みバージョンを正確に指定してインストールします。

install include -v 1.2.6
確認または更新

upgrade が互換性を確認し、必要な場合だけブロックを置換します。

upgrade include
モジュールを削除

コアや他のモジュールに触れず拡張ブロックを削除します。

install include -u

例

例はコピーできますが、サイトは実行しません。実プロジェクトではパス、権限、破壊的オプションを確認してください。

Include · 01
include
用意された学習用の結果です。Play は実際の環境を変更しません。
Storage   session
Packages  (none)
結果は導入済みパッケージやリポジトリの状態によって異なります。
Include · -l
include -l
用意された学習用の結果です。Play は実際の環境を変更しません。
lil       1.1.22
hotkeys   1.1.3
code      1.1.1
xbig      1.1.1
xgeek     1.1.1
evelynspink  1.1.1
結果は導入済みパッケージやリポジトリの状態によって異なります。
Include · -lil
include -lil -i
用意された学習用の結果です。Play は実際の環境を変更しません。
Package     lil
Version     1.1.22
Components  css + js
Installed   no
結果は導入済みパッケージやリポジトリの状態によって異なります。
Include · -lil
include -lil
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -css
include -css
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -js
include -js
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -hotkeys
include -hotkeys
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -code
include -code
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -hotkeys
include -hotkeys -i
用意された学習用の結果です。Play は実際の環境を変更しません。
Package     hotkeys
Version     1.1.3
Components  css + js
Installed   no
結果は導入済みパッケージやリポジトリの状態によって異なります。
Include · -code
include -code -v 1.1.1 -i
用意された学習用の結果です。Play は実際の環境を変更しません。
Package     code
Version     1.1.1
Components  css + js
Installed   no
結果は導入済みパッケージやリポジトリの状態によって異なります。
Include · -hotkeys
include -hotkeys -v 1.1.3
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -lil
include -lil -s
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -hotkeys
include -hotkeys -s
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -hotkeys
include -hotkeys -u
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -code
include -code -u
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -css
include -css -u
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -js
include -js -u
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -u
include -u
用意された学習用の結果です。Play は実際の環境を変更しません。
実際のターミナルでは操作後に画面が再読み込みされることがあります。
LIL_RELOAD
Include · -missing-pac
include -missing-package -i
用意された学習用の結果です。Play は実際の環境を変更しません。
Interface package not found
Include · -code
include -code -i -u
用意された学習用の結果です。Play は実際の環境を変更しません。
?
Include · -hotkeys
include -hotkeys -code
用意された学習用の結果です。Play は実際の環境を変更しません。
Choose one interface package
Include · -code
include -code -v bad!
用意された学習用の結果です。Play は実際の環境を変更しません。
Invalid version

この例で使うファイル: sandbox/public/assets/style.css

例では、保護されたドキュメント用 /sandbox/ ワークスペースのファイルまたはディレクトリを使います。

:root {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  color-scheme: dark;
}

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #08090b;
  color: #d7d9dd;
}

.card {
  width: min(32rem, calc(100% - 2rem));
  padding: 1.5rem;
  border: 1px solid #30343a;
  border-radius: .75rem;
}

関連ドキュメント

画面が空白、または古く見える場合は？ →コードエディタはどのように動作しますか？ →モジュールをインストールするには？ →「command not found」と表示されるのはなぜですか？ →

現在の公開版

v1.2.62026-10-31

複数依存パッケージの確実な適用

依存関係が複数あっても、必要な CSS と JavaScript のすべてを保持してインストールします。

# バージョン履歴