From 4fda484704e3c99afae775f7314c6884f43683d5 Mon Sep 17 00:00:00 2001 From: Neko Ayaka Date: Mon, 16 Jun 2025 02:12:21 +0800 Subject: [PATCH] fix(playground-prompt-engineering): build --- .../package.json | 4 + .../tsconfig.json | 3 - .../uno.config.ts | 103 +----------------- apps/stage-web/uno.config.ts | 3 +- package.json | 1 + pnpm-lock.yaml | 77 +++++++++++++ uno.config.ts | 4 +- 7 files changed, 86 insertions(+), 109 deletions(-) diff --git a/apps/playground-prompt-engineering/package.json b/apps/playground-prompt-engineering/package.json index 3e5b2d650..04446fc47 100644 --- a/apps/playground-prompt-engineering/package.json +++ b/apps/playground-prompt-engineering/package.json @@ -19,11 +19,15 @@ "devDependencies": { "@iconify/vue": "^5.0.0", "@types/node": "^24.0.1", + "@unocss/reset": "^66.2.0", "@vitejs/plugin-vue": "^5.2.4", "typescript": "~5.8.3", "unocss": "^66.2.0", + "unplugin-vue-macros": "^2.14.5", + "unplugin-vue-router": "^0.12.0", "vite": "^6.3.5", "vite-plugin-vue-devtools": "^7.7.6", + "vite-plugin-vue-layouts": "^0.11.0", "vue-tsc": "^2.2.10" } } diff --git a/apps/playground-prompt-engineering/tsconfig.json b/apps/playground-prompt-engineering/tsconfig.json index e5656da93..4fc51be23 100644 --- a/apps/playground-prompt-engineering/tsconfig.json +++ b/apps/playground-prompt-engineering/tsconfig.json @@ -11,9 +11,6 @@ "paths": { "@proj-airi/stage-ui/*": [ "../../packages/stage-ui/src/*" - ], - "@proj-airi/ui-transitions": [ - "../../packages/ui-transitions/src/index.ts" ] }, "resolveJsonModule": true, diff --git a/apps/playground-prompt-engineering/uno.config.ts b/apps/playground-prompt-engineering/uno.config.ts index aa134f4db..ac0e80c06 100644 --- a/apps/playground-prompt-engineering/uno.config.ts +++ b/apps/playground-prompt-engineering/uno.config.ts @@ -1,102 +1,3 @@ -import { colorToString } from '@unocss/preset-mini/utils' -import { - defineConfig, - presetAttributify, - presetIcons, - presetTypography, - presetWebFonts, - presetWind3, - transformerDirectives, - transformerVariantGroup, -} from 'unocss' -import { parseColor } from 'unocss/preset-mini' +import { sharedUnoConfig } from '../../uno.config' -function createColorSchemeConfig(hueOffset = 0) { - return { - DEFAULT: `oklch(62% var(--theme-colors-chroma) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 50: `color-mix(in srgb, oklch(95% var(--theme-colors-chroma-50) calc(var(--theme-colors-hue) + ${hueOffset})) 30%, oklch(100% 0 360))`, - 100: `color-mix(in srgb, oklch(95% var(--theme-colors-chroma-100) calc(var(--theme-colors-hue) + ${hueOffset})) 80%, oklch(100% 0 360))`, - 200: `oklch(90% var(--theme-colors-chroma-200) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 300: `oklch(85% var(--theme-colors-chroma-300) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 400: `oklch(74% var(--theme-colors-chroma-400) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 500: `oklch(62% var(--theme-colors-chroma) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 600: `oklch(54% var(--theme-colors-chroma-600) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 700: `oklch(49% var(--theme-colors-chroma-700) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 800: `oklch(42% var(--theme-colors-chroma-800) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 900: `oklch(37% var(--theme-colors-chroma-900) calc(var(--theme-colors-hue) + ${hueOffset}))`, - 950: `oklch(29% var(--theme-colors-chroma-950) calc(var(--theme-colors-hue) + ${hueOffset}))`, - } -} - -export default defineConfig({ - presets: [ - presetWind3(), - presetAttributify(), - presetTypography(), - presetWebFonts({ - fonts: { - sans: 'DM Sans', - serif: 'DM Serif Display', - mono: 'DM Mono', - cute: 'Kiwi Maru', - cuteen: 'Sniglet', - }, - timeouts: { - warning: 5000, - failure: 10000, - }, - }), - presetIcons({ - scale: 1.2, - }), - ], - transformers: [ - transformerDirectives({ - applyVariable: ['--at-apply'], - }), - transformerVariantGroup(), - ], - safelist: 'prose prose-sm m-auto text-left'.split(' '), - // hyoban/unocss-preset-shadcn: Use shadcn ui with UnoCSS - // https://github.com/hyoban/unocss-preset-shadcn - // - // Thanks to - // https://github.com/unovue/shadcn-vue/issues/34#issuecomment-2467318118 - // https://github.com/hyoban-template/shadcn-vue-unocss-starter - // - // By default, `.ts` and `.js` files are NOT extracted. - // If you want to extract them, use the following configuration. - // It's necessary to add the following configuration if you use shadcn-vue or shadcn-svelte. - content: { - pipeline: { - include: [ - // the default - /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/, - // include js/ts files - '(components|src)/**/*.{js,ts}', - '**/stage-ui/**/*.{js,ts}', - ], - }, - }, - rules: [ - [/^mask-\[(.*)\]$/, ([, suffix]) => ({ '-webkit-mask-image': suffix.replace(/_/g, ' ') })], - [/^bg-dotted-\[(.*)\]$/, ([, color], { theme }) => { - const parsedColor = parseColor(color, theme) - // Util usage: https://github.com/unocss/unocss/blob/f57ef6ae50006a92f444738e50f3601c0d1121f2/packages-presets/preset-mini/src/_utils/utilities.ts#L186 - return { - 'background-image': `radial-gradient(circle at 1px 1px, ${colorToString(parsedColor?.cssColor ?? parsedColor?.color ?? color, 'var(--un-background-opacity)')} 1px, transparent 0)`, - '--un-background-opacity': parsedColor?.cssColor?.alpha ?? parsedColor?.alpha ?? 1, - } - }], - ['transition-colors-none', { - 'transition-property': 'color, background-color, border-color, text-color', - 'transition-duration': '0s', - }], - ], - theme: { - colors: { - primary: createColorSchemeConfig(), - complementary: createColorSchemeConfig(180), - }, - }, -}) +export default sharedUnoConfig() diff --git a/apps/stage-web/uno.config.ts b/apps/stage-web/uno.config.ts index 861a460f0..ea67ae1a8 100644 --- a/apps/stage-web/uno.config.ts +++ b/apps/stage-web/uno.config.ts @@ -1,10 +1,9 @@ import { mergeConfigs } from 'unocss' -import { histoireUnoConfig, sharedUnoConfig } from '../../uno.config' +import { sharedUnoConfig } from '../../uno.config' export default mergeConfigs([ sharedUnoConfig(), - histoireUnoConfig(), { rules: [ ['transition-colors-none', { diff --git a/package.json b/package.json index 2e748c803..4fb96b0ba 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,7 @@ "@types/node": "^24.0.1", "@unocss/eslint-config": "^66.2.0", "@unocss/eslint-plugin": "^66.2.0", + "@unocss/preset-mini": "^66.2.0", "@vitest/coverage-v8": "^3.2.3", "bumpp": "^10.1.1", "eslint": "^9.28.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4fc1727ff..f84598fe0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -84,6 +84,9 @@ importers: '@unocss/eslint-plugin': specifier: ^66.2.0 version: 66.2.0(eslint@9.28.0(jiti@2.4.2))(typescript@5.8.3) + '@unocss/preset-mini': + specifier: ^66.2.0 + version: 66.2.0 '@vitest/coverage-v8': specifier: ^3.2.3 version: 3.2.3(vitest@3.2.3(@types/debug@4.1.12)(@types/node@24.0.1)(jiti@2.4.2)(jsdom@25.0.1(bufferutil@4.0.9)(utf-8-validate@5.0.10))(less@4.3.0)(lightningcss@1.30.1)(msw@2.7.3(@types/node@24.0.1)(typescript@5.8.3))(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0)) @@ -169,6 +172,9 @@ importers: '@types/node': specifier: ^24.0.1 version: 24.0.1 + '@unocss/reset': + specifier: ^66.2.0 + version: 66.2.0 '@vitejs/plugin-vue': specifier: ^5.2.4 version: 5.2.4(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0))(vue@3.5.16(typescript@5.8.3)) @@ -178,12 +184,21 @@ importers: unocss: specifier: ^66.2.0 version: 66.2.0(postcss@8.5.3)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0))(vue@3.5.16(typescript@5.8.3)) + unplugin-vue-macros: + specifier: ^2.14.5 + version: 2.14.5(@vueuse/core@13.3.0(vue@3.5.16(typescript@5.8.3)))(esbuild@0.25.5)(rolldown@1.0.0-beta.11-commit.f051675)(rollup@4.43.0)(typescript@5.8.3)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0))(vue-tsc@2.2.10(typescript@5.8.3))(vue@3.5.16(typescript@5.8.3)) + unplugin-vue-router: + specifier: ^0.12.0 + version: 0.12.0(vue-router@4.5.1(vue@3.5.16(typescript@5.8.3)))(vue@3.5.16(typescript@5.8.3)) vite: specifier: ^6.3.5 version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0) vite-plugin-vue-devtools: specifier: ^7.7.6 version: 7.7.6(rollup@4.43.0)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0))(vue@3.5.16(typescript@5.8.3)) + vite-plugin-vue-layouts: + specifier: ^0.11.0 + version: 0.11.0(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0))(vue-router@4.5.1(vue@3.5.16(typescript@5.8.3)))(vue@3.5.16(typescript@5.8.3)) vue-tsc: specifier: ^2.2.10 version: 2.2.10(typescript@5.8.3) @@ -16533,6 +16548,22 @@ snapshots: transitivePeerDependencies: - vue + '@vue-macros/volar@0.30.15(typescript@5.8.3)(vue-tsc@2.2.10(typescript@5.8.3))(vue@3.5.16(typescript@5.8.3))': + dependencies: + '@vue-macros/boolean-prop': 0.5.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/common': 1.16.1(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/config': 0.6.1(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/short-bind': 1.1.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/short-vmodel': 1.5.5(vue@3.5.16(typescript@5.8.3)) + '@vue/language-core': 2.1.10(typescript@5.8.3) + muggle-string: 0.4.1 + ts-macro: 0.1.31 + optionalDependencies: + vue-tsc: 2.2.10(typescript@5.8.3) + transitivePeerDependencies: + - typescript + - vue + '@vue-macros/volar@0.30.15(typescript@5.8.3)(vue-tsc@3.0.0-alpha.10(typescript@5.8.3))(vue@3.5.16(typescript@5.8.3))': dependencies: '@vue-macros/boolean-prop': 0.5.5(vue@3.5.16(typescript@5.8.3)) @@ -24022,6 +24053,52 @@ snapshots: - vue-tsc - webpack + unplugin-vue-macros@2.14.5(@vueuse/core@13.3.0(vue@3.5.16(typescript@5.8.3)))(esbuild@0.25.5)(rolldown@1.0.0-beta.11-commit.f051675)(rollup@4.43.0)(typescript@5.8.3)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0))(vue-tsc@2.2.10(typescript@5.8.3))(vue@3.5.16(typescript@5.8.3)): + dependencies: + '@vue-macros/better-define': 1.11.4(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/boolean-prop': 0.5.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/chain-call': 0.4.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/common': 1.16.1(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/config': 0.6.1(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-emit': 0.5.4(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-models': 1.3.5(@vueuse/core@13.3.0(vue@3.5.16(typescript@5.8.3)))(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-prop': 0.6.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-props': 4.0.6(@vue-macros/reactivity-transform@1.1.6(vue@3.5.16(typescript@5.8.3)))(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-props-refs': 1.3.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-render': 1.6.6(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-slots': 1.2.6(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/define-stylex': 0.2.3(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/devtools': 0.4.1(typescript@5.8.3)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0)) + '@vue-macros/export-expose': 0.3.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/export-props': 0.6.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/export-render': 0.3.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/hoist-static': 1.7.0(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/jsx-directive': 0.10.6(typescript@5.8.3) + '@vue-macros/named-template': 0.5.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/reactivity-transform': 1.1.6(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/script-lang': 0.2.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/setup-block': 0.4.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/setup-component': 0.18.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/setup-sfc': 0.18.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/short-bind': 1.1.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/short-emits': 1.6.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/short-vmodel': 1.5.5(vue@3.5.16(typescript@5.8.3)) + '@vue-macros/volar': 0.30.15(typescript@5.8.3)(vue-tsc@2.2.10(typescript@5.8.3))(vue@3.5.16(typescript@5.8.3)) + unplugin: 1.16.1 + unplugin-combine: 1.2.1(esbuild@0.25.5)(rolldown@1.0.0-beta.11-commit.f051675)(rollup@4.43.0)(unplugin@1.16.1)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0)) + unplugin-vue-define-options: 1.5.5(vue@3.5.16(typescript@5.8.3)) + vue: 3.5.16(typescript@5.8.3) + transitivePeerDependencies: + - '@rspack/core' + - '@vueuse/core' + - esbuild + - rolldown + - rollup + - typescript + - vite + - vue-tsc + - webpack + unplugin-vue-macros@2.14.5(@vueuse/core@13.3.0(vue@3.5.16(typescript@5.8.3)))(esbuild@0.25.5)(rolldown@1.0.0-beta.11-commit.f051675)(rollup@4.43.0)(typescript@5.8.3)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.17.6)(tsx@4.20.3)(yaml@2.8.0))(vue-tsc@3.0.0-alpha.10(typescript@5.8.3))(vue@3.5.16(typescript@5.8.3)): dependencies: '@vue-macros/better-define': 1.11.4(vue@3.5.16(typescript@5.8.3)) diff --git a/uno.config.ts b/uno.config.ts index 4b5251350..02453b0c1 100644 --- a/uno.config.ts +++ b/uno.config.ts @@ -103,6 +103,7 @@ export function sharedUnoConfig() { ], safelist: [ ...'prose prose-sm m-auto text-left'.split(' '), + ...safelistAllPrimaryBackgrounds(), ], // hyoban/unocss-preset-shadcn: Use shadcn ui with UnoCSS // https://github.com/hyoban/unocss-preset-shadcn @@ -151,9 +152,6 @@ export function histoireUnoConfig() { presets: [ presetStoryMockHover(), ], - safelist: [ - ...safelistAllPrimaryBackgrounds(), - ], }) }