@nuxt/devtools-ui-kit-nightly 2.2.1-29030665.68df38e → 2.2.1-29030669.2ceb77f

package/README.md

@@ -25,9 +25,6 @@ Unleash Nuxt Developer Experience.
 
 <br>
 
-> [!NOTE]
-> You are viewing the v2.x branch which are in active development. For the latest stable version, please refer to the [v1.x branch](https://github.com/nuxt/devtools/tree/v1)
-
 ## Installation
 
 > Nuxt DevTools v2 requires **Nuxt v3.15.0 or higher**.

package/dist/components/NBadgeHashed.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { getHslColorFromStringHash } from '../composables/color'
+import NBadge from './NBadge.vue'
+
+const props = defineProps<{
+  text: string
+}>()
+
+const color = computed(() => {
+  const foreground = getHslColorFromStringHash(props.text, 50, 60)
+  const background = getHslColorFromStringHash(props.text, 50, 60, 0.05)
+  return { color: foreground, background }
+})
+</script>
+
+<template>
+  <NBadge :style="color">
+    {{ text }}<slot />
+  </NBadge>
+</template>

package/dist/components/NCodeBlock.vue

@@ -10,6 +10,7 @@ const props = withDefaults(
     lang?: BuiltinLanguage | 'text'
     lines?: boolean
     inline?: boolean
+    grammarContextCode?: string
     transformRendered?: (code: string) => string
   }>(),
   {
@@ -22,7 +23,7 @@ const emit = defineEmits(['loaded'])
 const rendered = computed(() => {
   const result = props.lang === 'text'
     ? { code: props.code, supported: false }
-    : devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang) || { code: props.code, supported: false }
+    : devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang, { grammarContextCode: props.grammarContextCode }) || { code: props.code, supported: false }
   if (result.supported && props.transformRendered)
     result.code = props.transformRendered(result.code)
   if (result.supported)

package/dist/composables/color.d.ts

@@ -0,0 +1 @@
+export declare function getHslColorFromStringHash(name: string, saturation?: number, lightness?: number, opacity?: number | string): string;

package/dist/composables/color.mjs

@@ -0,0 +1,7 @@
+export function getHslColorFromStringHash(name, saturation = 65, lightness = 50, opacity = 1) {
+  let hash = 0;
+  for (let i = 0; i < name.length; i++)
+    hash = name.charCodeAt(i) + ((hash << 5) - hash);
+  const h = hash % 360;
+  return `hsla(${h}, ${saturation}%, ${lightness}%, ${opacity})`;
+}

package/dist/module.json

@@ -1,7 +1,7 @@
 {
-  "name": "devtools-ui-kit",
+  "name": "@nuxt/devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "2.2.1-29030665.68df38e",
+  "version": "2.2.1-29030669.2ceb77f",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "3.5.0"

package/dist/module.mjs

@@ -13,7 +13,7 @@ function rPath(p) {
 }
 const module = defineNuxtModule({
   meta: {
-    name: "devtools-ui-kit",
+    name: "@nuxt/devtools-ui-kit",
     configKey: "devtoolsUIKit"
   },
   defaults: {
@@ -26,7 +26,6 @@ const module = defineNuxtModule({
     nuxt.options.css.unshift(rPath("assets/styles.css"));
     if (!options.dev)
       nuxt.options.unocss = extendUnocssOptions(nuxt.options.unocss);
-    nuxt.options.vueuse = nuxt.options.vueuse || {};
     nuxt.options.colorMode = defu(nuxt.options.colorMode, { classSuffix: "" });
     const resolver = createResolver(import.meta.url);
     await installModule(await resolver.resolvePath("@unocss/nuxt"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit-nightly",
   "type": "module",
-  "version": "2.2.1-29030665.68df38e",
+  "version": "2.2.1-29030669.2ceb77f",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/ui-kit",
   "repository": {
@@ -28,14 +28,14 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.2.1-29030665.68df38e"
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.2.1-29030669.2ceb77f"
   },
   "dependencies": {
     "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/ri": "^1.2.5",
     "@iconify-json/tabler": "^1.2.17",
-    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.2.1-29030665.68df38e",
+    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.2.1-29030669.2ceb77f",
     "@nuxt/kit": "^3.16.0",
     "@unocss/core": "^66.0.0",
     "@unocss/nuxt": "^66.0.0",
@@ -53,7 +53,7 @@
     "v-lazy-show": "^0.3.0"
   },
   "devDependencies": {
-    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.2.1-29030665.68df38e",
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.2.1-29030669.2ceb77f",
     "nuxt": "^3.16.0"
   },
   "publishConfig": {