@brickflow/ui 0.0.39 → 0.0.40

package/dist/module.json

@@ -4,7 +4,7 @@
   },
   "configKey": "brickflowUi",
   "name": "@brickflow/ui",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -536,10 +536,13 @@ const toComponentStyleKey = (path) => {
   const componentName = basename(dirname(path));
   return `${componentName[0]?.toLowerCase()}${componentName.slice(1)}`;
 };
-const collectComponentStyleValues = (source, componentPath, styles) => [...new Set(collectUiStylePathsFromCode(source).map((path) => path.join(".")))].sort().map((path) => {
+const collectComponentStyleValues = (source, componentPath, config) => [
+  ...collectUiStylePathsFromCode(source),
+  ...collectUiConfigStyleReferencePaths(config.uiConfig).filter(([component]) => component === toComponentStyleKey(componentPath)).map((path) => path.slice(1))
+].map((path) => path.join(".")).filter(Boolean).filter((path, index, paths) => paths.indexOf(path) === index).sort().map((path) => {
   const segments = path.split(".");
-  const componentValue = readObjectPath(styles, [toComponentStyleKey(componentPath), ...segments]);
-  const globalValue = readObjectPath(styles, segments);
+  const componentValue = readObjectPath(config.uiStyles, [toComponentStyleKey(componentPath), ...segments]);
+  const globalValue = readObjectPath(config.uiStyles, segments);
   let value;
   if (typeof componentValue === "string") {
     value = componentValue;
@@ -778,7 +781,7 @@ const module$1 = defineNuxtModule({
       filename: "brickflow/ui-catalog.ts",
       getContents: async () => {
         const files = await scanUiStyleFiles(componentsDirectory);
-        const styles = (await loadUiConfig()).uiStyles;
+        const config = await loadUiConfig();
         const components = await Promise.all(
           files.filter((path) => UI_COMPONENT_FILE_PATTERN.test(path)).sort().map(async (path) => {
             const source = await readFile(path, "utf8");
@@ -802,7 +805,7 @@ const module$1 = defineNuxtModule({
               path,
               props: collectComponentProps(source),
               slots: collectComponentSlots(source),
-              styles: collectComponentStyleValues(source, path, styles)
+              styles: collectComponentStyleValues(source, path, config)
             };
           })
         );
@@ -880,13 +883,15 @@ const module$1 = defineNuxtModule({
     });
     nuxt.hook("builder:watch", async (_event, path) => {
       const absolutePath = resolve(nuxt.options.srcDir, path);
-      if (relative(runtimePath, absolutePath).startsWith("..") || !UI_STYLE_FILE_PATTERN.test(path)) {
+      const isConfigFile = absolutePath === resolvedConfigPath;
+      const isRuntimeFile = !relative(runtimePath, absolutePath).startsWith("..") && UI_STYLE_FILE_PATTERN.test(path);
+      if (!isConfigFile && !isRuntimeFile) {
         return;
       }
       await updateTemplates({
         filter: (template) => template.filename === uiStyleTypeTemplate.filename || template.filename === uiConfigLiteralTypeTemplate.filename || template.filename === uiConfigSchemaTypeTemplate.filename
       });
-      if (!relative(componentsDirectory, absolutePath).startsWith("..") && (UI_COMPONENT_FILE_PATTERN.test(path) || UI_DEMO_FILE_PATTERN.test(path))) {
+      if (isConfigFile || !relative(componentsDirectory, absolutePath).startsWith("..") && (UI_COMPONENT_FILE_PATTERN.test(path) || UI_DEMO_FILE_PATTERN.test(path))) {
         await updateTemplates({ filter: (template) => template.filename === uiCatalogTemplate.filename });
       }
     });

package/dist/runtime/composables/useTranslate.js

@@ -13,5 +13,5 @@ export function provideBrickflowConfig(app, config) {
   app.provide(brickflowConfigKey, config);
 }
 export function useTranslate() {
-  return inject(brickflowConfigKey)?.i18n ?? useTranslateFallback();
+  return inject(brickflowConfigKey, void 0)?.i18n ?? useTranslateFallback();
 }

package/dist/runtime/pages/ui.vue

@@ -425,7 +425,7 @@ watch(
             :key="component.id"
             :aria-current="activeComponent?.id === component.id ? 'page' : void 0"
             :class="[
-  'block rounded-lg px-3 py-2.5 text-sm transition',
+  'block rounded-lg px-3 py-2.5 text-sm font-semibold tracking-wide transition',
   activeComponent?.id === component.id ? 'bg-blue-900 text-blue-100' : 'text-zinc-400 hover:bg-zinc-900 hover:text-zinc-100'
 ]"
             :to="{
@@ -456,7 +456,7 @@ watch(
             :key="component.id"
             :aria-current="activeComponent?.id === component.id ? 'page' : void 0"
             :class="[
-  'block rounded-lg px-3 py-2 text-sm transition',
+  'block rounded-lg px-3 py-2 text-sm font-semibold tracking-wide transition',
   activeComponent?.id === component.id ? 'bg-blue-900 text-blue-100' : 'text-zinc-400 hover:bg-zinc-900 hover:text-zinc-100'
 ]"
             :to="{
@@ -726,5 +726,5 @@ watch(
 </style>
 
 <style module>
-:global(.ui-code-comment){color:var(--color-zinc-500)}:global(.ui-code-string){color:var(--color-emerald-400)}:global(.ui-code-keyword){color:var(--color-blue-400)}:global(.ui-code-number){color:var(--color-amber-300)}:global(.ui-code-tag){color:var(--color-cyan-500)}:global(.ui-code-attribute){color:var(--color-violet-300)}:global(.ui-code-punctuation){color:var(--color-zinc-400)}:global(.ui-color-swatch){background:var(--ui-color-swatch);border:1px solid hsla(0,0%,100%,.1);border-radius:.2rem;display:inline-block;height:.65rem;margin-right:.25rem;opacity:.85;vertical-align:-.1rem;width:.65rem}.mobileNavigation{width:min(18rem,calc(100vw - 3rem))}@media (width >= 40rem){.styleGrid{grid-template-columns:minmax(12rem,.8fr) minmax(0,1.8fr)}}.styleValue :global(.ui-code-keyword){color:var(--color-zinc-500)}.styleValue :global(.ui-code-attribute){color:var(--color-zinc-200)}.styleValue :global(.ui-code-string){color:var(--color-zinc-300)}.styleValue :global(.ui-code-number){color:var(--color-zinc-400)}.styleValue :global(.ui-code-punctuation){color:var(--color-zinc-500)}
+:global(.ui-code-comment){color:var(--color-zinc-500,#71717a)}:global(.ui-code-string){color:var(--color-emerald-400,#34d399)}:global(.ui-code-keyword){color:var(--color-blue-400,#60a5fa)}:global(.ui-code-number){color:var(--color-amber-300,#fcd34d)}:global(.ui-code-tag){color:var(--color-cyan-500,#22d3ee)}:global(.ui-code-attribute){color:var(--color-violet-300,#c4b5fd)}:global(.ui-code-punctuation){color:var(--color-zinc-400,#a1a1aa)}:global(.ui-color-swatch){background:var(--ui-color-swatch);border:1px solid hsla(0,0%,100%,.1);border-radius:.2rem;display:inline-block;height:.65rem;margin-right:.25rem;opacity:.85;vertical-align:-.1rem;width:.65rem}.mobileNavigation{width:min(18rem,calc(100vw - 3rem))}@media (width >= 40rem){.styleGrid{grid-template-columns:minmax(12rem,.8fr) minmax(0,1.8fr)}}.styleValue :global(.ui-code-keyword){color:var(--color-zinc-500,#71717a)}.styleValue :global(.ui-code-attribute){color:var(--color-zinc-200,#e4e4e7)}.styleValue :global(.ui-code-string){color:var(--color-zinc-300,#d4d4d8)}.styleValue :global(.ui-code-number){color:var(--color-zinc-400,#a1a1aa)}.styleValue :global(.ui-code-punctuation){color:var(--color-zinc-500,#71717a)}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickflow/ui",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "type": "module",
   "description": "brickflow UI Nuxt module.",
   "files": [