docs: fix token missing issue

Author: s3xysteak

.gitattributes

@@ -1 +1,2 @@
 src/docs/public/logo.* filter=lfs diff=lfs merge=lfs -text
+src/core/composables/useWaterPlane/golden_eagle.glb filter=lfs diff=lfs merge=lfs -text

src/.vitepress/.env

@@ -0,0 +1 @@
+VITE_ION_TOKEN="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI5YmIwZDQxOC0zZmI0LTRmNzYtODVlMS1jYTllYjQxMDc0MGMiLCJpZCI6MjIxOTMyLCJpYXQiOjE3MTgyNjA4MDd9.5cxobvDxZQ9SU4yuQVT4hZXMjdfsoCLi9JYLqbMCDhE"

src/.vitepress/components/Viewer.vue

@@ -5,6 +5,9 @@ import { useFullscreen } from '@vueuse/core'
 import { useViewerProvider } from '../../core/composables/useViewer'
 import 'cesium/Build/Cesium/Widgets/widgets.css'
 
+// @ts-expect-error - vite env
+Cesium.Ion.defaultAccessToken = import.meta.env.VITE_ION_TOKEN
+
 const container = ref<HTMLDivElement>()
 const { isMounted } = useViewerProvider(() => {
   const viewer = new Cesium.Viewer(container.value as HTMLDivElement, {

src/.vitepress/shared.ts

@@ -43,6 +43,7 @@ export const shared = defineConfig({
     resolve: {
       alias,
     },
+    envDir: resolve(fileURLToPath(import.meta.url), '..'),
     build: {
       rollupOptions: {
         external: ['cesium'],

src/core/composables/useTimeline/demo.vue

@@ -55,6 +55,8 @@ const entity = viewer.entities.add({
 })
 
 viewer.trackedEntity = entity
+
+play()
 </script>
 
 <template>

src/core/composables/useWaterPlane/demo.vue

@@ -2,39 +2,40 @@
 import { reactive, watchEffect } from 'vue'
 import * as Cesium from 'cesium'
 import WaterImage from './waterNormals.jpg'
+import glb from './golden_eagle.glb?url'
 import { useWaterPlane } from '.'
-import { useViewer, defineColor } from '~/index'
+import { defineColor, toCartesian3, useViewer } from '~/index'
 
 const viewer = useViewer()
 
-async function run() {
-  const tileset = await Cesium.Cesium3DTileset.fromIonAssetId(2464651)
-  viewer.scene.primitives.add(tileset)
-
-  viewer.flyTo(tileset)
-}
-run()
+viewer.flyTo(viewer.entities.add({
+  position: toCartesian3(119.95, 31.8, 100),
+  model: {
+    uri: glb,
+    scale: 100,
+  },
+}))
 
 const positions = [
   [
-    -76.36747995597236,
-    34.96256844815245,
+    119.78,
+    31.98,
   ],
   [
-    -76.37906600247254,
-    34.93306058888281,
+    119.78,
+    31.62,
   ],
   [
-    -76.33575625722067,
-    34.93249520055339,
+    120.15,
+    31.62,
   ],
   [
-    -76.33575625722067,
-    34.96335970042942,
+    120.15,
+    31.98,
   ],
   [
-    -76.36747995597236,
-    34.96256844815245,
+    119.78,
+    31.98,
   ],
 ]
 
@@ -47,12 +48,12 @@ const primitive = waterPlane({
 })
 
 const form = reactive({
-  height: 10,
+  height: 100,
   reflectivity: 0.15,
-  rippleSize: 100,
+  rippleSize: 1000,
   waterColor: '#020E12',
   waterAlpha: 0.9,
-  distortionScale: 10,
+  distortionScale: 50,
 })
 watchEffect(() => {
   primitive.height = form.height

src/core/composables/useWaterPlane/golden_eagle.glb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:97b74fa54a0e43624022202ad429ff7a5e82b6d48007985e1b475e0abc77a9ae
+size 31348016