@tresjs/nuxt 1.2.0-next.2 → 1.2.0-next.3

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@tresjs/nuxt",
   "configKey": "tres",
-  "version": "1.2.0-next.2"
+  "version": "1.2.0-next.3"
 }

package/dist/module.mjs

@@ -1,11 +1,12 @@
 import { readFile } from 'fs/promises';
-import { defineNuxtModule, createResolver, addComponent, addImports, resolvePath } from '@nuxt/kit';
+import { createResolver, defineNuxtModule, addComponent, addImports, resolvePath } from '@nuxt/kit';
 import * as core from '@tresjs/core';
 import { templateCompilerOptions } from '@tresjs/core';
 import { readPackageJSON } from 'pkg-types';
 import { findExportNames } from 'mlly';
 import { defu } from 'defu';
 
+const resolver = createResolver(import.meta.url);
 const module = defineNuxtModule({
   meta: {
     name: "@tresjs/nuxt",
@@ -15,10 +16,17 @@ const module = defineNuxtModule({
     modules: []
   },
   async setup(options, nuxt) {
-    const resolver = createResolver(import.meta.url);
     addComponent({
-      filePath: resolver.resolve("./runtime/components/TresCanvas.vue"),
-      name: "TresCanvas"
+      name: "TresCanvas",
+      filePath: "@tresjs/core",
+      export: "TresCanvas",
+      mode: "client",
+      _raw: true
+    });
+    addComponent({
+      name: "TresCanvas",
+      filePath: resolver.resolve("./runtime/ServerTresCanvas.vue"),
+      mode: "server"
     });
     nuxt.options.build.transpile.push(/@tresjs/);
     for (const name in core) {
@@ -72,6 +80,9 @@ const module = defineNuxtModule({
     nuxt.options.vite.resolve = defu(nuxt.options.vite.resolve, {
       dedupe: ["three"]
     });
+    nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, {
+      include: ["three"]
+    });
   }
 });
 

package/dist/runtime/ServerTresCanvas.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <canvas />
+</template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/nuxt",
   "type": "module",
-  "version": "1.2.0-next.2",
+  "version": "1.2.0-next.3",
   "packageManager": "pnpm@8.6.2",
   "description": "TresJS integration for Nuxt.",
   "author": "Daniel Roe (https://github.com/danielroe/)",

package/dist/runtime/components/TresCanvas.vue

@@ -1,62 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { TresCanvas as TC } from '@tresjs/core'
-import type { TresCamera } from '@tresjs/core'
-import { ACESFilmicToneMapping, PCFSoftShadowMap, SRGBColorSpace } from 'three'
-import type { ColorSpace, ShadowMapType, ToneMapping, WebGLRendererParameters } from 'three'
-
-withDefaults(defineProps<TresCanvasProps>(), {
-  alpha: false,
-  antialias: true,
-  depth: true,
-  stencil: true,
-  preserveDrawingBuffer: false,
-})
-
-const rendererPresets = {
-  realistic: {
-    outputColorSpace: SRGBColorSpace,
-    toneMapping: ACESFilmicToneMapping,
-    toneMappingExposure: 3,
-    shadowMap: {
-      enabled: true,
-      type: PCFSoftShadowMap,
-    },
-  },
-}
-
-type RendererPresetsType = keyof typeof rendererPresets
-
-interface TresCanvasProps extends Omit<WebGLRendererParameters, 'canvas'> {
-  // required by for useRenderer
-  shadows?: boolean
-  clearColor?: string
-  toneMapping?: ToneMapping
-  shadowMapType?: ShadowMapType
-  useLegacyLights?: boolean
-  outputColorSpace?: ColorSpace
-  toneMappingExposure?: number
-
-  // required by useTresContextProvider
-  windowSize?: boolean
-  preset?: RendererPresetsType
-  disableRender?: boolean
-  camera?: TresCamera
-}
-const stateRef = ref()
-
-defineExpose({
-  state: stateRef,
-})
-</script>
-
-<template>
-  <ClientOnly>
-    <TC
-      ref="stateRef"
-      v-bind="$props"
-    >
-      <slot />
-    </TC>
-  </ClientOnly>
-</template>