@nuxt/devtools-ui-kit 2.2.1 → 2.3.0

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/NButton.mjs

@@ -22,7 +22,6 @@ export default defineComponent({
       ...attrs,
       ...!props.to && { type: props.type },
       ...props.disabled ? { disabled: true } : { tabindex: 0 },
-      // @ts-expect-error ignore type
       class: [
         props.border ? "n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover" : "",
         slots.default ? "" : "n-icon-button",

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",
+  "version": "2.3.0",
   "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",
   "type": "module",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/ui-kit",
   "repository": {
@@ -28,33 +28,33 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "2.2.1"
+    "@nuxt/devtools": "2.3.0"
   },
   "dependencies": {
     "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/ri": "^1.2.5",
-    "@iconify-json/tabler": "^1.2.16",
-    "@nuxt/kit": "^3.15.4",
+    "@iconify-json/tabler": "^1.2.17",
+    "@nuxt/kit": "^3.16.0",
     "@unocss/core": "^66.0.0",
     "@unocss/nuxt": "^66.0.0",
     "@unocss/preset-attributify": "^66.0.0",
     "@unocss/preset-icons": "^66.0.0",
     "@unocss/preset-mini": "^66.0.0",
     "@unocss/reset": "^66.0.0",
-    "@vueuse/core": "^12.8.0",
-    "@vueuse/integrations": "^12.8.0",
-    "@vueuse/nuxt": "^12.8.0",
+    "@vueuse/core": "^13.0.0",
+    "@vueuse/integrations": "^13.0.0",
+    "@vueuse/nuxt": "^13.0.0",
     "defu": "^6.1.4",
     "focus-trap": "^7.6.4",
-    "splitpanes": "^3.1.8",
+    "splitpanes": "^3.2.0",
     "unocss": "^66.0.0",
     "v-lazy-show": "^0.3.0",
-    "@nuxt/devtools-kit": "2.2.1"
+    "@nuxt/devtools-kit": "2.3.0"
   },
   "devDependencies": {
-    "nuxt": "^3.15.4",
-    "@nuxt/devtools": "2.2.1"
+    "nuxt": "^3.16.0",
+    "@nuxt/devtools": "2.3.0"
   },
   "publishConfig": {
     "access": "public"