@bagelink/vue 1.15.664 → 1.15.667

package/package.json

@@ -1,105 +1,106 @@
 {
-  "name": "@bagelink/vue",
-  "type": "module",
-  "version": "1.15.664",
-  "description": "Bagel core sdk packages",
-  "author": {
-    "name": "Bagel Studio",
-    "email": "hi@bagelstudio.co.il"
-  },
-  "license": "MIT",
-  "homepage": "https://github.com/bageldb/bagelink/tree/master/packages/vue#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/bageldb/bagelink.git",
-    "directory": "packages/vue"
-  },
-  "bugs": "https://github.com/bageldb/bagelink/issues",
-  "keywords": [],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    "./tsconfig.json": "./tsconfig.json",
-    "./package.json": "./package.json",
-    "./src": "./src/index.ts",
-    "./src/components": "./src/components/index.ts",
-    "./src/utils": "./src/utils/index.ts",
-    "./src/types": "./src/types/index.ts",
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
-    },
-    "./style.css": "./dist/style.css",
-    "./styles/core.css": "./dist/core.css",
-    "./styles/admin.css": "./dist/style.css",
-    "./styles/fonts/admin.css": "./dist/admin.css",
-    "./styles/fonts/ploni.css": "./dist/ploni.css",
-    "./*": "./*"
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/*",
-        "./dist/index.d.ts"
-      ]
-    }
-  },
-  "bin": {
-    "experimentalGenTypedRoutes": "./bin/experimentalGenTypedRoutes.ts"
-  },
-  "files": [
-    "dist",
-    "src",
-    "./vite.config.ts",
-    "bin/experimentalGenTypedRoutes.ts"
-  ],
-  "devDependencies": {
-    "@types/leaflet": "^1.9.22",
-    "@types/signature_pad": "^4.0.0",
-    "vue": "^3.5.43",
-    "vue-component-type-helpers": "^2.2.12"
-  },
-  "peerDependencies": {
-    "@bagelink/sdk": "*",
-    "type-fest": "^4",
-    "vue": "*",
-    "vue-component-type-helpers": ">=2.2.10",
-    "vue-draggable-next": "^2.2.1",
-    "vue-router": "*"
-  },
-  "peerDependenciesMeta": {
-    "vue-draggable-next": {
-      "optional": true
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.8.0",
-    "@oddbird/popover-polyfill": "^0.6.1",
-    "@vueuse/core": "^13.9.0",
-    "@zxcvbn-ts/core": "^3.0.4",
-    "axios": "^1.20.0",
-    "floating-vue": "^5.4.0",
-    "libphonenumber-js": "^1.13.14",
-    "page-flip": "^2.0.7",
-    "pdfjs-dist": "^6.3.289",
-    "signature_pad": "^5.1.4",
-    "swiper": "^12.2.0",
-    "vue-i18n": "^11.4.12",
-    "vue-toastification": "^2.0.0-rc.5"
-  },
-  "scripts": {
-    "dev": "tsx watch src/index.ts",
-    "build": "vite build && pnpm verify:css",
-    "verify:css": "tsx scripts/verify-css-build.ts",
-    "gen:cheatsheet": "tsx scripts/gen-cheatsheet.ts",
-    "start": "tsx src/index.ts"
-  }
-}
+	"name": "@bagelink/vue",
+	"type": "module",
+	"version": "1.15.667",
+	"description": "Bagel core sdk packages",
+	"author": {
+		"name": "Bagel Studio",
+		"email": "hi@bagelstudio.co.il"
+	},
+	"license": "MIT",
+	"homepage": "https://github.com/bageldb/bagelink/tree/master/packages/vue#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/bageldb/bagelink.git",
+		"directory": "packages/vue"
+	},
+	"bugs": "https://github.com/bageldb/bagelink/issues",
+	"keywords": [],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"exports": {
+		"./tsconfig.json": "./tsconfig.json",
+		"./package.json": "./package.json",
+		"./src": "./src/index.ts",
+		"./src/components": "./src/components/index.ts",
+		"./src/utils": "./src/utils/index.ts",
+		"./src/types": "./src/types/index.ts",
+		".": {
+			"types": "./dist/index.d.ts",
+			"require": "./dist/index.cjs",
+			"import": "./dist/index.mjs"
+		},
+		"./style.css": "./dist/style.css",
+		"./styles/core.css": "./dist/core.css",
+		"./styles/admin.css": "./dist/style.css",
+		"./styles/fonts/admin.css": "./dist/admin.css",
+		"./styles/fonts/ploni.css": "./dist/ploni.css",
+		"./*": "./*"
+	},
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.ts",
+	"typesVersions": {
+		"*": {
+			"*": [
+				"./dist/*",
+				"./dist/index.d.ts"
+			]
+		}
+	},
+	"bin": {
+		"experimentalGenTypedRoutes": "./bin/experimentalGenTypedRoutes.ts"
+	},
+	"files": [
+		"dist",
+		"src",
+		"./vite.config.ts",
+		"bin/experimentalGenTypedRoutes.ts"
+	],
+	"devDependencies": {
+		"@types/leaflet": "^1.9.22",
+		"@types/signature_pad": "^4.0.0",
+		"vue": "^3.5.43",
+		"vue-component-type-helpers": "^2.2.12"
+	},
+	"peerDependencies": {
+		"@bagelink/sdk": "*",
+		"type-fest": "^4",
+		"vue": "*",
+		"vue-component-type-helpers": ">=2.2.10",
+		"vue-draggable-next": "^2.2.1",
+		"vue-router": "*"
+	},
+	"peerDependenciesMeta": {
+		"vue-draggable-next": {
+			"optional": true
+		}
+	},
+	"scripts": {
+		"prepublishOnly": "pnpm build",
+		"dev": "tsx watch src/index.ts",
+		"build": "vite build && pnpm verify:css",
+		"verify:css": "tsx scripts/verify-css-build.ts",
+		"gen:cheatsheet": "tsx scripts/gen-cheatsheet.ts",
+		"start": "tsx src/index.ts"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"dependencies": {
+		"@floating-ui/dom": "^1.8.0",
+		"@oddbird/popover-polyfill": "^0.6.1",
+		"@vueuse/core": "^13.9.0",
+		"@zxcvbn-ts/core": "^3.0.4",
+		"axios": "^1.20.0",
+		"floating-vue": "^5.4.0",
+		"libphonenumber-js": "^1.13.14",
+		"page-flip": "^2.0.7",
+		"pdfjs-dist": "^6.3.289",
+		"signature_pad": "^5.1.4",
+		"swiper": "^12.2.0",
+		"vue-i18n": "^11.4.12",
+		"vue-toastification": "^2.0.0-rc.5"
+	}
+}

package/src/components/Icon/Icon.vue

@@ -266,12 +266,10 @@ const iconStyle = computed(() => {
 
 .bgl_icon-font.fa {
 	font-family: 'Font Awesome 6 Free', serif !important;
-	font-display: swap;
 }
 
 .bgl_icon-font.fa-brands {
 	font-family: 'Font Awesome 6 Brands', serif !important;
-	font-display: swap;
 }
 
 /* ── Entrance / loop animations (opt-in via `animate`) ─────────────────────── */

package/src/components/form/inputs/CodeEditor/Index.vue

@@ -18,6 +18,18 @@ const props = defineProps({
 	height: { type: String, default: '240px' },
 	/** Mobile-only height override. Accepts CSS lengths or a unitless pixel value. */
 	mobileHeight: { type: String, default: undefined },
+	/**
+	 * Cap the editor height (CSS length). Pair with `height="auto"` to let the
+	 * editor grow with its content up to this cap — suits log/console output.
+	 */
+	maxHeight: { type: String, default: undefined },
+	/**
+	 * Terminal window chrome: a title bar with traffic-light dots on the
+	 * project's code surface (`--bgl-code-bg` / `--bgl-code-color`).
+	 */
+	terminal: { type: Boolean, default: false },
+	/** Title shown in the terminal title bar (e.g. a file name or step key). */
+	title: { type: String, default: '' },
 	disabled: { type: Boolean, default: false },
 	/** Wrap long lines instead of scrolling horizontally */
 	wrap: { type: Boolean, default: false },
@@ -173,10 +185,21 @@ watch(() => props.modelValue, () => {
 
 <template>
 	<div
-		class="bagel-input code-editor-container ltr" :class="[shellClass, { '': label && !singleLine, 'has-value': hasCodeValue, 'single-line': singleLine }]"
-		:style="[{ height: maxHeight }, shellStyle]"
+		class="bagel-input code-editor-container ltr" :class="[shellClass, { '': label && !singleLine, 'has-value': hasCodeValue, 'single-line': singleLine, terminal }]"
+		:style="[{ height: maxHeight, '--code-max-height': props.maxHeight }, shellStyle]"
 	>
 		<label v-if="label" class="label">{{ label }}</label>
+		<div
+			v-if="terminal"
+			class="code-terminal-bar monospace flex gap-05 py-05 px-075 txt11 line-height-1 border-bottom"
+		>
+			<span class="inline-flex gap-025 flex-shrink-0" aria-hidden="true">
+				<span class="square-10 round bg-red" />
+				<span class="square-10 round bg-yellow" />
+				<span class="square-10 round bg-green" />
+			</span>
+			<span v-if="title" class="opacity-5 ellipsis-1">{{ title }}</span>
+		</div>
 		<div
 			v-if="loaded"
 			ref="editorRef"
@@ -215,6 +238,7 @@ watch(() => props.modelValue, () => {
 	border-radius: var(--code-border-radius, 0.25rem);
 	width: 100%;
 	height: 100%;
+	max-height: var(--code-max-height, none);
 	overflow: auto;
 	overscroll-behavior: contain;
 	padding: 1ch;
@@ -352,6 +376,32 @@ watch(() => props.modelValue, () => {
 	font-size: var(--bgl-input-font-size);
 	white-space: pre;
 }
+
+/* ── Terminal window variant ─────────────────────────────────────────────────
+   A console/CI-log surface with a traffic-light title bar. Surface and ink come
+   from the project's `--bgl-code-bg` / `--bgl-code-color` tokens. */
+.code-editor-container.terminal {
+	padding: 0;
+	margin-bottom: 0;
+	overflow: hidden;
+	color: var(--bgl-code-color, #38bdf8);
+	background: var(--bgl-code-bg, #0b0f19);
+	border: 1px solid var(--bgl-border-color);
+	border-radius: calc(var(--bgl-radius, 6px) * 2);
+}
+
+.code-terminal-bar {
+	background: rgba(255, 255, 255, 0.04);
+}
+
+.code-editor-container.terminal .code-editor-grandpa {
+	flex: 1 1 auto;
+	height: auto;
+	min-height: 0;
+	background: transparent;
+	border-radius: 0;
+	padding: 0.75rem;
+}
 </style>
 
 <style>

package/src/styles/core.css

@@ -74,3 +74,39 @@ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
 @media screen and (max-width: 910px) {
     body { min-height: 100vh; min-height: -webkit-fill-available; height: -webkit-fill-available; }
 }
+
+/* ── Icon font display strategy ─────────────────────────────────────────────
+   Font Awesome ships every face with `font-display: block`, keeping icon glyphs
+   invisible for up to 3s (flagged by Lighthouse). Its glyphs render through
+   `::before` on an empty element, so `swap` shows no fallback text and causes no
+   layout shift — `Icon.vue` additionally holds the span at `visibility: hidden`
+   until `document.fonts.check` passes.
+
+   These re-declarations must come AFTER the `@import` at the top of this file
+   (the last matching `@font-face` wins) and stay in sync with the pinned Font
+   Awesome version in that import. Material Symbols is deliberately left at its
+   default `block`: it renders ligature *text* (`arrow_back`), which `swap` would
+   flash on screen before the font loads. */
+@font-face {
+	font-display: swap;
+	font-family: 'Font Awesome 6 Brands';
+	font-style: normal;
+	font-weight: 400;
+	src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2') format('woff2');
+}
+
+@font-face {
+	font-display: swap;
+	font-family: 'Font Awesome 6 Free';
+	font-style: normal;
+	font-weight: 400;
+	src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2') format('woff2');
+}
+
+@font-face {
+	font-display: swap;
+	font-family: 'Font Awesome 6 Free';
+	font-style: normal;
+	font-weight: 900;
+	src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2') format('woff2');
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Bagel Studio
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.