fix: embed translation content in generated file

.gitignore

@@ -12,4 +12,7 @@ vite.config.ts.timestamp-*
 
 *storybook.log
 storybook-static
-.direnv
+.direnv
+
+src/lib/assets/icons/index.ts
+src/lib/localization/translations/index.ts

package.json

@@ -2,17 +2,18 @@
 	"name": "@adofai-gg/ui",
 	"version": "0.0.1",
 	"scripts": {
-		"dev": "vite dev",
+		"dev": "pnpm generate && vite dev",
 		"build": "vite build && npm run package",
 		"preview": "vite preview",
-		"package": "svelte-kit sync && svelte-package && publint",
+		"package": "pnpm generate && svelte-kit sync && svelte-package && publint",
 		"prepublishOnly": "npm run package",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write .",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build"
+		"storybook": "pnpm generate && storybook dev -p 6006",
+		"build-storybook": "pnpm generate && storybook build",
+		"generate": "node scripts/generateGlobImports.mjs"
 	},
 	"exports": {
 		".": {

scripts/generateGlobImports.mjs

@@ -1,5 +1,5 @@
 import { globIterate } from 'glob'
-import { writeFile } from 'fs/promises'
+import { readFile, writeFile } from 'fs/promises'
 import { format, resolveConfig } from 'prettier'
 
 const prettierConfig = await resolveConfig()
@@ -39,11 +39,11 @@ const generateTranslations = async () => {
 
 	for await (const i of globIterate('src/lib/localization/translations/*/*.ftl')) {
 		const name = i.slice(prefix.length, i.length - 4)
-		const importName = name.replace(/\//g, '_')
+		// const importName = name.replace(/\//g, '_')
 
-		lines.push(`import ${importName} from './${name}.ftl?raw'`)
+		// lines.push(`import ${importName} from './${name}.ftl?raw'`)
 
-		translationData.push(`${JSON.stringify(name)}: ${importName}`)
+		translationData.push(`${JSON.stringify(name)}: ${JSON.stringify(await readFile(i, 'utf-8'))}`)
 	}
 
 	lines.push('')