@tresjs/nuxt 4.1.0-next.1 → 5.0.0-rc.0

package/dist/module.mjs

@@ -7,8 +7,10 @@ import { findExportNames } from 'mlly';
 import { readPackageJSON } from 'pkg-types';
 import glsl from 'vite-plugin-glsl';
 import { existsSync } from 'node:fs';
+import { addCustomTab } from '@nuxt/devtools-kit';
+import { dirname, join } from 'node:path';
 
-const version = "4.1.0-next.1";
+const version = "5.0.0-rc.0";
 
 const DEVTOOLS_UI_ROUTE = "/__tres_nuxt_devtools";
 const DEVTOOLS_UI_LOCAL_PORT = 3300;
@@ -28,30 +30,39 @@ function setupDevToolsUI(nuxt, resolver) {
       config.server = config.server || {};
       config.server.proxy = config.server.proxy || {};
       config.server.proxy[DEVTOOLS_UI_ROUTE] = {
-        target: `http://localhost:${DEVTOOLS_UI_LOCAL_PORT}${DEVTOOLS_UI_ROUTE}`,
+        target: "http://localhost:" + DEVTOOLS_UI_LOCAL_PORT + DEVTOOLS_UI_ROUTE,
         changeOrigin: true,
         followRedirects: true,
         rewrite: (path) => path.replace(DEVTOOLS_UI_ROUTE, "")
       };
     });
   }
-  nuxt.hook("devtools:customTabs", (tabs) => {
-    tabs.push({
-      // unique identifier
-      name: "tres-nuxt-devtools",
-      // title to display in the tab
-      title: "TresJS",
-      // any icon from Iconify, or a URL to an image
-      icon: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
-      // iframe view
-      view: {
-        type: "iframe",
-        src: DEVTOOLS_UI_ROUTE
-      }
-    });
-  });
+  addCustomTab(() => ({
+    name: "tres-nuxt-devtools",
+    title: "TresJS",
+    icon: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
+    view: {
+      type: "iframe",
+      src: DEVTOOLS_UI_ROUTE
+    }
+  }));
 }
 
+async function getAllPackageDeps(nuxtRootDir) {
+  const localPkg = await readPackageJSON(nuxtRootDir);
+  let rootPkg = localPkg;
+  const parentDir = dirname(nuxtRootDir);
+  const rootPkgPath = join(parentDir, "package.json");
+  if (existsSync(rootPkgPath)) {
+    rootPkg = await readPackageJSON(parentDir);
+  }
+  return {
+    ...rootPkg.dependencies,
+    ...rootPkg.devDependencies,
+    ...localPkg.dependencies,
+    ...localPkg.devDependencies
+  };
+}
 const module = defineNuxtModule({
   meta: {
     name: "@tresjs/nuxt",
@@ -93,8 +104,8 @@ const module = defineNuxtModule({
       references.push({ types: "@tresjs/core" });
     });
     nuxt.options.vue.compilerOptions.isCustomElement = templateCompilerOptions.template.compilerOptions.isCustomElement;
-    const pkg = await readPackageJSON(nuxt.options.rootDir);
-    const coreDeps = Object.keys({ ...pkg.dependencies, ...pkg.devDependencies }).filter((d) => d.startsWith("@tresjs/"));
+    const allDeps = await getAllPackageDeps(nuxt.options.rootDir);
+    const coreDeps = Object.keys(allDeps).filter((d) => d.startsWith("@tresjs/"));
     for (const mod of /* @__PURE__ */ new Set([...options.modules, ...coreDeps])) {
       if (mod === "@tresjs/core" || mod === "@tresjs/nuxt") {
         continue;

package/dist/runtime/TresCanvas.client.vue

@@ -1,9 +1,11 @@
 <script setup>
 import { TresCanvas as CoreTresCanvas } from "@tresjs/core";
+const attrs = useAttrs();
+console.log({ attrs });
 </script>
 
 <template>
-  <CoreTresCanvas>
+  <CoreTresCanvas v-bind="attrs">
     <slot />
   </CoreTresCanvas>
 </template>

package/dist/runtime/TresCanvas.client.vue.d.ts

@@ -1,2 +1,12 @@
-declare const _default: {};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/TresCanvas.server.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: {};
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tresjs/nuxt",
   "type": "module",
-  "version": "4.1.0-next.1",
-  "packageManager": "pnpm@10.11.0",
+  "version": "5.0.0-rc.0",
+  "packageManager": "pnpm@10.17.0",
   "description": "TresJS integration for Nuxt.",
   "author": "Daniel Roe (https://github.com/danielroe/)",
   "license": "MIT",
@@ -36,7 +36,7 @@
     "dist"
   ],
   "scripts": {
-    "prepack": "pnpm run module:build && pnpm run client:build",
+    "build": "pnpm run module:build && pnpm run client:build",
     "module:build": "nuxt-module-build prepare && nuxt-module-build build",
     "client:build": "nuxt prepare client && nuxi generate client",
     "client:dev": "nuxi dev client --port 3300",
@@ -53,48 +53,38 @@
     "three": ">=0.133"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.16.0",
-    "@nuxt/ui": "^2.21.0",
-    "@tresjs/core": "5.0.0-next.6",
-    "@unocss/nuxt": "^66.0.0",
+    "@nuxt/kit": "4.1.2",
+    "@tresjs/core": "5.0.0-rc.0",
     "defu": "^6.1.4",
-    "mlly": "^1.7.4",
-    "pkg-types": "^1.3.1",
-    "sirv": "^3.0.1",
-    "vite-plugin-glsl": "^1.3.1"
+    "mlly": "^1.8.0",
+    "ohash": "^2.0.11",
+    "pkg-types": "^2.3.0",
+    "sirv": "^3.0.2",
+    "vite-plugin-glsl": "^1.5.1"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.2.5",
-    "@iconify-json/file-icons": "^1.2.1",
-    "@iconify-json/iconoir": "^1.2.6",
-    "@iconify-json/ph": "^1.2.2",
-    "@nuxt/devtools": "^2.4.0",
-    "@nuxt/devtools-ui-kit": "^2.4.1",
-    "@nuxt/eslint-config": "^1.4.1",
-    "@nuxt/icon": "^1.10.2",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.4",
-    "@nuxt/test-utils": "^3.18.0",
-    "@nuxt/ui": "^2.20.0",
-    "@release-it/conventional-changelog": "^9.0.3",
-    "@tresjs/cientos": "5.0.0-next.3",
-    "@types/node": "^22.15.21",
-    "@types/three": "^0.177.0",
-    "@unocss/nuxt": "^66.1.2",
-    "changelogen": "^0.6.1",
-    "eslint": "^9.26.0",
-    "nuxt": "^3.17.4",
-    "playwright": "^1.49.1",
-    "release-it": "^19.0.3",
-    "three": "^0.177.0",
+    "@nuxt/devtools": "^2.6.4",
+    "@nuxt/devtools-ui-kit": "^2.6.4",
+    "@nuxt/eslint-config": "^1.9.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.1.2",
+    "@nuxt/test-utils": "^3.19.2",
+    "@nuxt/ui-pro": "^3.3.4",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@tresjs/cientos": "5.0.0-rc.0",
+    "@tresjs/leches": "1.0.0-next.0",
+    "@types/node": "^24.0.14",
+    "@types/three": "^0.180.0",
+    "@vueuse/nuxt": "13.9.0",
+    "eslint": "^9.31.0",
+    "nuxt": "4.1.2",
+    "playwright": "^1.54.1",
+    "release-it": "^19.0.4",
+    "three": "^0.180.0",
     "typescript": "^5.8.3",
-    "vitest": "^3.1.3",
-    "vue": "3.5.17"
-  },
-  "resolutions": {
-    "@nuxt/kit": "3.17.4",
-    "nuxt": "3.17.4",
-    "vue": "3.5.14"
+    "vitest": "^3.2.4",
+    "vue": "3.5.21",
+    "vue-tsc": "^3.0.7"
   },
   "build": {
     "externals": [
@@ -112,7 +102,8 @@
       "pnpapi",
       "picocolors",
       "source-map-js",
-      "nanoid/non-secure"
+      "nanoid/non-secure",
+      "@nuxt/devtools-kit"
     ]
   },
   "pnpm": {