Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions content/site/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Example gallery

Start with a small diagram, then move through groups, layout constraints, provider icons, and production-like systems. Every thumbnail below is generated from the canonical source pinned to the public Stack specification.
Start small, then explore groups, layout, and provider icons. Each preview loads a canonical `.stack` source and renders on your device with the same WASM engine as the Playground. Engine updates improve these previews too; no separate SVG images need regeneration.

Provider examples keep artwork caller-owned: install the listed icon packs when you want branded icons. Without a pack, the same source remains valid and renders with Stack's deterministic missing-icon fallback.
This gallery uses built-in fallback shapes for provider icons. To use branded artwork in your own diagram, explicitly import the listed icon packs in the [Playground](../guide/provider-icons.md) or [CLI](../guide/getting-started.md). Source links remain available when JavaScript or preview loading is unavailable.

<ExampleGallery locale="en" />
6 changes: 3 additions & 3 deletions content/site/ja/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Example gallery
# 作例ギャラリー

小さなdiagramから始め、group、layout constraint、provider icon、production-likeなsystemへ段階的に進めます。下のthumbnailはすべて、公開Stack specificationへpinしたcanonical sourceから生成しています
小さな構成図から始め、グループ、配置、サービスのアイコンへと表現を広げましょう。各プレビューは正本の `.stack` を読み込み、Playgroundと同じWASM engineで端末上に描画します。Engineを更新すれば作例にも反映され、SVG画像の再生成は不要です

Provider exampleのartworkはcaller-ownedです。Brand iconを使う場合は表示されたicon packを導入してください。Packがなくても同じsourceはvalidで、Stackのdeterministicなmissing-icon fallbackを使ってrenderされます
このギャラリーではサービスのアイコンを組み込みの代替図形で表示します。自分の図でブランドのアイコンを使う場合は、表示されたicon packを[Playground](../guide/provider-icons.md)または[CLI](../guide/getting-started.md)に明示的に取り込んでください。JavaScriptやプレビューを利用できない場合も、ソースへのリンクから原稿を読めます

<ExampleGallery locale="ja" />
4 changes: 2 additions & 2 deletions content/site/ko/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# 예제 갤러리

작은 다이어그램에서 시작해 그룹, 레이아웃 제약, 클라우드 제공자 아이콘, 프로덕션 수준의 시스템으로 단계적으로 확장합니다. 아래의 모든 썸네일은 공개 Stack 명세에 고정된 canonical source에서 생성됩니다.
작은 다이어그램으로 시작해 그룹, 레이아웃, 제공자 아이콘을 살펴보세요. 각 미리보기는 정본 `.stack` 소스를 불러와 Playground와 같은 WASM 엔진으로 기기에서 렌더링합니다. 엔진이 업데이트되면 미리보기에도 반영되므로 별도의 SVG 이미지를 다시 생성할 필요가 없습니다.

Provider 예제의 아트워크는 caller-owned입니다. 브랜드 아이콘이 필요하면 표시된 아이콘 팩을 설치하세요. 팩이 없어도 같은 소스는 유효하며 Stack의 deterministic missing-icon fallback으로 렌더링됩니다.
이 갤러리는 제공자 아이콘에 기본 대체 도형을 사용합니다. 자신의 다이어그램에 브랜드 아이콘을 사용하려면 [Playground](../guide/provider-icons.md) 또는 [CLI](../guide/getting-started.md)에서 표시된 아이콘 팩을 명시적으로 가져오세요. JavaScript나 미리보기를 사용할 수 없어도 소스 링크에서 원문을 읽을 수 있습니다.

<ExampleGallery locale="ko" />
4 changes: 2 additions & 2 deletions content/site/zh/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# 示例库

从小型图开始,逐步学习分组、布局约束、云服务商图标和接近生产环境的系统。下面的每个缩略图都由固定到公开 Stack 规范的规范源代码生成
从小型图开始,逐步探索分组、布局和云服务商图标。每个预览都会加载规范的 `.stack` 源码,并使用与 Playground 相同的 WASM 引擎在您的设备上渲染。引擎更新也会改善这些预览,无需重新生成独立的 SVG 图片

云服务商示例中的图标资源由调用方管理。需要品牌图标时,请安装页面标出的图标包。即使没有图标包,同一份源代码仍然有效,并会使用 Stack 的确定性缺失图标回退进行渲染
此图库使用内置替代图形显示云服务商图标。要在自己的图中使用品牌图标,请在 [Playground](../guide/provider-icons.md) 或 [CLI](../guide/getting-started.md) 中明确导入页面列出的图标包。即使 JavaScript 或预览加载不可用,您仍可通过链接阅读源码

<ExampleGallery locale="zh" />
8 changes: 4 additions & 4 deletions generated/manifest.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
},
{
"path": "site/examples/index.md",
"sha256": "458d6c20c38e7575a106674cae869aed2ec8470aaa51f0a4625afc59017cf50f"
"sha256": "39074c46d21db23757e0f2a7395f0b5fecd2123ac47e8bcf68bab93219b2f2da"
},
{
"path": "site/guide/coding-agents.md",
Expand Down Expand Up @@ -44,7 +44,7 @@
},
{
"path": "site/ja/examples/index.md",
"sha256": "56b4ca1171feaa383b4b9af622d8a899e19d02b26aa1c6011682d81d67f7647a"
"sha256": "f1320c67f8c902f69a8d095e0fdac4baa8ef204768b56f5ed3c0131a55709b73"
},
{
"path": "site/ja/guide/coding-agents.md",
Expand Down Expand Up @@ -100,7 +100,7 @@
},
{
"path": "site/ko/examples/index.md",
"sha256": "fcc69e690339ab7a89c8dd2a67f9525cddae6a1c5b867068db13a5814d105de0"
"sha256": "25a64a9aa5087cf4cdddf968c2f812e0f58b3497c072c01e1b53380f568ba5cf"
},
{
"path": "site/ko/guide/coding-agents.md",
Expand Down Expand Up @@ -184,7 +184,7 @@
},
{
"path": "site/zh/examples/index.md",
"sha256": "de0575c5ffe6d1f525023f4eea20293fd9e6332fdfeb8973ace1673b23d6a535"
"sha256": "738b43483cbef305b120f351c5a76169c42d669456f2843fe836798a2fb13913"
},
{
"path": "site/zh/guide/coding-agents.md",
Expand Down
4 changes: 2 additions & 2 deletions generated/site/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Example gallery

Start with a small diagram, then move through groups, layout constraints, provider icons, and production-like systems. Every thumbnail below is generated from the canonical source pinned to the public Stack specification.
Start small, then explore groups, layout, and provider icons. Each preview loads a canonical `.stack` source and renders on your device with the same WASM engine as the Playground. Engine updates improve these previews too; no separate SVG images need regeneration.

Provider examples keep artwork caller-owned: install the listed icon packs when you want branded icons. Without a pack, the same source remains valid and renders with Stack's deterministic missing-icon fallback.
This gallery uses built-in fallback shapes for provider icons. To use branded artwork in your own diagram, explicitly import the listed icon packs in the [Playground](../guide/provider-icons.md) or [CLI](../guide/getting-started.md). Source links remain available when JavaScript or preview loading is unavailable.

<ExampleGallery locale="en" />
6 changes: 3 additions & 3 deletions generated/site/ja/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Example gallery
# 作例ギャラリー

小さなdiagramから始め、group、layout constraint、provider icon、production-likeなsystemへ段階的に進めます。下のthumbnailはすべて、公開Stack specificationへpinしたcanonical sourceから生成しています
小さな構成図から始め、グループ、配置、サービスのアイコンへと表現を広げましょう。各プレビューは正本の `.stack` を読み込み、Playgroundと同じWASM engineで端末上に描画します。Engineを更新すれば作例にも反映され、SVG画像の再生成は不要です

Provider exampleのartworkはcaller-ownedです。Brand iconを使う場合は表示されたicon packを導入してください。Packがなくても同じsourceはvalidで、Stackのdeterministicなmissing-icon fallbackを使ってrenderされます
このギャラリーではサービスのアイコンを組み込みの代替図形で表示します。自分の図でブランドのアイコンを使う場合は、表示されたicon packを[Playground](../guide/provider-icons.md)または[CLI](../guide/getting-started.md)に明示的に取り込んでください。JavaScriptやプレビューを利用できない場合も、ソースへのリンクから原稿を読めます

<ExampleGallery locale="ja" />
4 changes: 2 additions & 2 deletions generated/site/ko/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# 예제 갤러리

작은 다이어그램에서 시작해 그룹, 레이아웃 제약, 클라우드 제공자 아이콘, 프로덕션 수준의 시스템으로 단계적으로 확장합니다. 아래의 모든 썸네일은 공개 Stack 명세에 고정된 canonical source에서 생성됩니다.
작은 다이어그램으로 시작해 그룹, 레이아웃, 제공자 아이콘을 살펴보세요. 각 미리보기는 정본 `.stack` 소스를 불러와 Playground와 같은 WASM 엔진으로 기기에서 렌더링합니다. 엔진이 업데이트되면 미리보기에도 반영되므로 별도의 SVG 이미지를 다시 생성할 필요가 없습니다.

Provider 예제의 아트워크는 caller-owned입니다. 브랜드 아이콘이 필요하면 표시된 아이콘 팩을 설치하세요. 팩이 없어도 같은 소스는 유효하며 Stack의 deterministic missing-icon fallback으로 렌더링됩니다.
이 갤러리는 제공자 아이콘에 기본 대체 도형을 사용합니다. 자신의 다이어그램에 브랜드 아이콘을 사용하려면 [Playground](../guide/provider-icons.md) 또는 [CLI](../guide/getting-started.md)에서 표시된 아이콘 팩을 명시적으로 가져오세요. JavaScript나 미리보기를 사용할 수 없어도 소스 링크에서 원문을 읽을 수 있습니다.

<ExampleGallery locale="ko" />
4 changes: 2 additions & 2 deletions generated/site/zh/examples/index.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# 示例库

从小型图开始,逐步学习分组、布局约束、云服务商图标和接近生产环境的系统。下面的每个缩略图都由固定到公开 Stack 规范的规范源代码生成
从小型图开始,逐步探索分组、布局和云服务商图标。每个预览都会加载规范的 `.stack` 源码,并使用与 Playground 相同的 WASM 引擎在您的设备上渲染。引擎更新也会改善这些预览,无需重新生成独立的 SVG 图片

云服务商示例中的图标资源由调用方管理。需要品牌图标时,请安装页面标出的图标包。即使没有图标包,同一份源代码仍然有效,并会使用 Stack 的确定性缺失图标回退进行渲染
此图库使用内置替代图形显示云服务商图标。要在自己的图中使用品牌图标,请在 [Playground](../guide/provider-icons.md) 或 [CLI](../guide/getting-started.md) 中明确导入页面列出的图标包。即使 JavaScript 或预览加载不可用,您仍可通过链接阅读源码

<ExampleGallery locale="zh" />