Merge 12a0e1e433 into 218070eb13

packages/frontend-embed/vite.config.ts

@@ -64,6 +64,8 @@ function toBase62(n: number): string {
 }
 
 export function getConfig(): UserConfig {
+	const localesHash = toBase62(hash(JSON.stringify(locales)));
+
 	return {
 		base: '/embed_vite/',
 
@@ -148,9 +150,9 @@ export function getConfig(): UserConfig {
 						// dependencies of i18n.ts
 						'config': ['@@/js/config.js'],
 					},
-					entryFileNames: 'scripts/[hash:8].js',
+					entryFileNames: `scripts/${localesHash}-[hash:8].js`,
-					chunkFileNames: 'scripts/[hash:8].js',
+					chunkFileNames: `scripts/${localesHash}-[hash:8].js`,
-					assetFileNames: 'assets/[hash:8][extname]',
+					assetFileNames: `assets/${localesHash}-[hash:8][extname]`,
 					paths(id) {
 						for (const p of externalPackages) {
 							if (p.match.test(id)) {

packages/frontend/src/components/MkPostForm.vue

@@ -1619,19 +1619,16 @@ html[data-color-scheme=light] .preview {
 
 .footerLeft {
 	flex: 1;
-	display: grid;
+	display: flex;
-	grid-auto-flow: row;
+	height: 40px;
-	grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
+	overflow: auto;
-	grid-auto-rows: 40px;
 }
 
 .footerRight {
 	flex: 0;
 	margin-left: auto;
-	display: grid;
+	display: flex;
-	grid-auto-flow: row;
+	height: 40px;
-	grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
-	grid-auto-rows: 40px;
 	direction: rtl;
 }
 
@@ -1641,6 +1638,7 @@ html[data-color-scheme=light] .preview {
 	margin: 0;
 	font-size: 1em;
 	width: auto;
+	min-width: 42px;
 	height: 100%;
 	border-radius: 6px;
 

packages/frontend/vite.config.ts

@@ -85,6 +85,8 @@ export function toBase62(n: number): string {
 }
 
 export function getConfig(): UserConfig {
+	const localesHash = toBase62(hash(JSON.stringify(locales)));
+
 	return {
 		base: '/vite/',
 
@@ -188,9 +190,9 @@ export function getConfig(): UserConfig {
 						// dependencies of i18n.ts
 						'config': ['@@/js/config.js'],
 					},
-					entryFileNames: 'scripts/[hash:8].js',
+					entryFileNames: `scripts/${localesHash}-[hash:8].js`,
-					chunkFileNames: 'scripts/[hash:8].js',
+					chunkFileNames: `scripts/${localesHash}-[hash:8].js`,
-					assetFileNames: 'assets/[hash:8][extname]',
+					assetFileNames: `assets/${localesHash}-[hash:8][extname]`,
 					paths(id) {
 						for (const p of externalPackages) {
 							if (p.match.test(id)) {