fix(core): remove histoire

packages/tres/histoire.config.ts

@@ -1,22 +0,0 @@
-import { defineConfig } from 'histoire'
-import { HstVue } from '@histoire/plugin-vue'
-
-export default defineConfig({
-  theme: {
-    title: 'TresJS',
-
-    logo: {
-      light: '/logo.svg',
-      dark: '/logo-dark.svg',
-    },
-  },
-  setupFile: './histoire.setup.ts',
-  storyMatch: ['src/playground/**/*.story.vue'],
-  collectMaxThreads: 1,
-  plugins: [HstVue()],
-  defaultStoryProps: {
-    iconColor: '#00c5a5',
-    /*   responsiveDisabled: true, */
-    autoPropsDisabled: true,
-  },
-})

packages/tres/histoire.setup.ts

@@ -1,7 +0,0 @@
-import { defineSetupVue3 } from '@histoire/plugin-vue'
-
-import Tres from '@tresjs/core'
-
-export const setupVue3 = defineSetupVue3(({ app }) => {
-  app.use(Tres)
-})

packages/tres/package.json

@@ -37,9 +37,6 @@
     "test:ci": "vitest run",
     "test:ui": "vitest --ui",
     "coverage": "vitest run --coverage",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.vue",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
   },
@@ -52,7 +49,6 @@
   },
   "devDependencies": {
     "@alvarosabu/utils": "^2.2.0",
-    "@histoire/plugin-vue": "0.12.4",
     "@tresjs/cientos": "workspace:^1.4.0",
     "@types/three": "^0.148.0",
     "@vitejs/plugin-vue": "^4.0.0",
@@ -61,7 +57,6 @@
     "@vueuse/core": "^9.7.0",
     "gl": "6.0.1",
     "happy-dom": "^8.1.0",
-    "histoire": "0.12.4",
     "kolorist": "^1.6.0",
     "pathe": "^1.0.0",
     "release-it": "^15.5.1",

packages/tres/src/examples/Basic.story.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { Color } from 'three'
-import { useTres } from '/@/core'
-import { OrbitControls } from '@tresjs/cientos'
-
-const floorTeal = new Color('gray')
-/* const { state } = useTres() */
-</script>
-<template>
-  <Story title="Basic">
-    <Variant title="playground">
-      <TresCanvas clear-color="#82DBC5" shadows alpha window-size>
-        <TresPerspectiveCamera :position="[3, 3, 3]" />
-        <TresScene>
-          <OrbitControls />
-          <!--   <TresOrbitControls v-if="state.renderer" :args="[state.camera, state.renderer?.domElement]" /> -->
-          <TresMesh :position="[-2, 6, 0]" :rotation="[0, Math.PI, 0]" cast-shadow>
-            <TresConeGeometry :args="[1, 1.5, 3]" />
-            <TresMeshToonMaterial color="#82DBC5" />
-          </TresMesh>
-          <TresMesh :position="[0, 4, 0]" cast-shadow>
-            <TresBoxGeometry :args="[1.5, 1.5, 1.5]" />
-            <TresMeshToonMaterial color="#4F4F4F" />
-          </TresMesh>
-          <TresMesh :position="[2, 2, 0]" cast-shadow>
-            <TresSphereGeometry />
-            <TresMeshToonMaterial color="#FBB03B" />
-          </TresMesh>
-          <TresDirectionalLight :position="[0, 8, 4]" :intensity="0.7" cast-shadow />
-          <TresMesh :rotation="[-Math.PI / 2, 0, 0]" receive-shadow>
-            <TresPlaneGeometry :args="[10, 10, 10, 10]" />
-            <TresMeshToonMaterial :color="floorTeal" />
-          </TresMesh>
-        </TresScene>
-      </TresCanvas>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/GUI/Tweakpane.story.vue

@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import { Color } from 'three'
-import { OrbitControls, useTweakPane } from '@tresjs/cientos'
-
-useTweakPane()
-const floorTeal = new Color('gray')
-</script>
-<template>
-  <Story title="GUI/TweakPane">
-    <Variant title="playground">
-      <TresCanvas clear-color="#82DBC5" shadows alpha>
-        <TresPerspectiveCamera :position="[11, 11, 11]" />
-        <OrbitControls />
-        <TresScene>
-          <TresMesh :position="[-2, 6, 0]" :rotation="[0, Math.PI, 0]" cast-shadow>
-            <TresConeGeometry :args="[1, 1.5, 3]" />
-            <TresMeshToonMaterial color="#82DBC5" />
-          </TresMesh>
-          <TresMesh :position="[0, 4, 0]" cast-shadow>
-            <TresBoxGeometry :args="[1.5, 1.5, 1.5]" />
-            <TresMeshToonMaterial color="#4F4F4F" />
-          </TresMesh>
-          <TresMesh :position="[2, 2, 0]" cast-shadow>
-            <TresSphereGeometry />
-            <TresMeshToonMaterial color="#FBB03B" />
-          </TresMesh>
-          <TresDirectionalLight :position="[0, 8, 4]" :intensity="0.7" cast-shadow />
-          <TresMesh :rotation="[-Math.PI / 2, 0, 0]" receive-shadow>
-            <TresPlaneGeometry :args="[10, 10, 10, 10]" />
-            <TresMeshToonMaterial :color="floorTeal" />
-          </TresMesh>
-        </TresScene>
-      </TresCanvas>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/cientos/controls/OrbitControls.story.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { OrbitControls } from '@tresjs/cientos'
-</script>
-<template>
-  <Story title="cientos/controls/OrbitControls">
-    <Variant title="playground">
-      <TresCanvas clear-color="#82DBC5" shadows alpha>
-        <OrbitControls />
-        <TresPerspectiveCamera :position="[5, 5, 5]" :fov="45" :aspect="1" :near="0.1" :far="1000" />
-        <TresScene>
-          <TresMesh :position="[-2, 6, 0]" :rotation="[0, Math.PI, 0]" cast-shadow>
-            <TresConeGeometry :args="[1, 1.5, 3]" />
-            <TresMeshToonMaterial color="#82DBC5" />
-          </TresMesh>
-          <TresMesh :position="[0, 4, 0]" cast-shadow>
-            <TresBoxGeometry :args="[1.5, 1.5, 1.5]" />
-            <TresMeshToonMaterial color="#4F4F4F" />
-          </TresMesh>
-          <TresMesh :position="[2, 2, 0]" cast-shadow>
-            <TresSphereGeometry />
-            <TresMeshToonMaterial color="#FBB03B" />
-          </TresMesh>
-
-          <TresDirectionalLight :position="[0, 8, 4]" :intensity="0.7" cast-shadow />
-        </TresScene>
-      </TresCanvas>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/cientos/controls/TransformControls.story.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { TransformControls } from '@tresjs/cientos'
-/* import { TransformControls, useTweakPane } from '../../../../../cientos/src' */
-import { reactive, ref } from 'vue'
-
-const boxRef = ref()
-</script>
-<template>
-  <Story title="cientos/controls/TransformControls">
-    <Variant title="playground">
-      <TresCanvas clear-color="#82DBC5" shadows alpha>
-        <TresPerspectiveCamera
-          :position="[5, 5, 5]"
-          :look-at="[0, 0, 0]"
-          :fov="45"
-          :aspect="1"
-          :near="0.1"
-          :far="1000"
-        />
-        <TresScene>
-          <TransformControls :object="boxRef" />
-          <TresMesh ref="boxRef" cast-shadow>
-            <TresBoxGeometry :args="[1.5, 1.5, 1.5]" />
-            <TresMeshToonMaterial color="#4F4F4F" />
-          </TresMesh>
-          <TresDirectionalLight :position="[0, 8, 4]" :intensity="0.7" cast-shadow />
-        </TresScene>
-      </TresCanvas>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/lighting/RedBlue.story.vue

@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { OrbitControls } from '@tresjs/cientos'
-const redLightRef = ref(null)
-const blueLightRef = ref(null)
-</script>
-<template>
-  <Story title="lighting/RedBlue" icon="ph:lightbulb">
-    <Variant title="playground">
-      <TresCanvas shadows>
-        <OrbitControls />
-        <TresPerspectiveCamera :position="[5, 5, 5]" />
-        <TresScene>
-          <TresMesh :position="[0, 0, 0]" cast-shadow>
-            <TresSphereGeometry :args="[2, 32, 32]" />
-            <TresMeshStandardMaterial :roughness="0.4" />
-          </TresMesh>
-          <TresDirectionalLight ref="redLightRef" color="red" :position="[-8, 0, 0]" :intensity="0.7" cast-shadow />
-          <TresDirectionalLightHelper v-if="redLightRef" :args="[redLightRef, 5]" />
-          <TresDirectionalLight ref="blueLightRef" color="blue" :position="[8, 0, 0]" :intensity="0.7" cast-shadow />
-          <TresDirectionalLightHelper v-if="blueLightRef" :args="[blueLightRef, 5]" />
-        </TresScene>
-      </TresCanvas>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/models/gltf/AkuAku.vue

@@ -1,8 +0,0 @@
-<script setup lang="ts">
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
-import { useLoader } from '/@/core'
-const { scene } = await useLoader(GLTFLoader, '/models/AkuAku.gltf')
-</script>
-<template>
-  <TresMesh v-bind="scene" />
-</template>

packages/tres/src/examples/models/gltf/AkuAkuCientos.vue

@@ -1,7 +0,0 @@
-<script setup lang="ts">
-import { useGLTF } from '@tresjs/cientos'
-const { scene } = await useGLTF('/models/AkuAku.gltf')
-</script>
-<template>
-  <TresMesh v-bind="scene" />
-</template>

packages/tres/src/examples/models/gltf/Basic.story.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import { OrbitControls } from '@tresjs/cientos'
-import AkuAku from './AkuAku.vue'
-</script>
-<template>
-  <Story title="models/GLTF/Basic">
-    <Variant title="playground">
-      <Suspense>
-        <TresCanvas clear-color="#82DBC5" shadows alpha>
-          <TresPerspectiveCamera :position="[11, 11, 11]" />
-          <OrbitControls />
-          <TresScene>
-            <AkuAku />
-            <TresDirectionalLight :position="[-4, 8, 4]" :intensity="1.5" cast-shadow />
-          </TresScene>
-        </TresCanvas>
-      </Suspense>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/models/gltf/GLTFModel.story.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import { OrbitControls, GLTFModel } from '@tresjs/cientos'
-</script>
-<template>
-  <Story title="models/GLTF/GLTFModel">
-    <Variant title="playground">
-      <Suspense>
-        <TresCanvas clear-color="#82DBC5" shadows alpha>
-          <TresPerspectiveCamera :position="[11, 11, 11]" />
-          <OrbitControls />
-          <TresScene>
-            <TresAmbientLight :intensity="0.5" />
-            <GLTFModel path="/models/AkuAku.gltf" />
-            <TresDirectionalLight :position="[-4, 8, 4]" :intensity="1.5" cast-shadow />
-          </TresScene>
-        </TresCanvas>
-      </Suspense>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/models/gltf/useGLTF.story.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import { OrbitControls } from '@tresjs/cientos'
-import AkuAku from './AkuAkuCientos.vue'
-</script>
-<template>
-  <Story title="models/GLTF/useGLTF">
-    <Variant title="playground">
-      <Suspense>
-        <TresCanvas clear-color="#82DBC5" shadows alpha>
-          <TresPerspectiveCamera :position="[11, 11, 11]" />
-          <OrbitControls />
-          <TresScene>
-            <AkuAku />
-            <TresDirectionalLight :position="[-4, 8, 4]" :intensity="1.5" cast-shadow />
-          </TresScene>
-        </TresCanvas>
-      </Suspense>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/shaders/blob/Blob.story.vue

@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import { Vector2 } from 'three'
-import { OrbitControls, useTweakPane } from '@tresjs/cientos'
-import vertexShader from './shaders/vertex.glsl'
-import fragmentShader from './shaders/fragment.glsl'
-import { useRenderLoop } from '/@/core'
-import { Ref, ref } from 'vue'
-import { TresInstance } from '/@/types'
-
-const blobRef: Ref<TresInstance | null> = ref(null)
-const uniforms = {
-  uTime: { value: 0 },
-  uAmplitude: { value: new Vector2(0.1, 0.1) },
-  uFrequency: { value: new Vector2(20, 5) },
-}
-
-useTweakPane()
-
-const { onLoop, resume } = useRenderLoop()
-resume()
-onLoop(({ _delta, elapsed }) => {
-  if (blobRef.value) {
-    blobRef.value.material.uniforms.uTime.value = elapsed
-  }
-})
-</script>
-<template>
-  <Story title="shaders/blob">
-    <Variant title="playground">
-      <TresCanvas clear-color="#111" shadows alpha>
-        <TresPerspectiveCamera :position="[11, 11, 11]" />
-        <OrbitControls />
-        <TresScene>
-          <TresMesh ref="blobRef" :position="[0, 4, 0]">
-            <TresSphereGeometry :args="[2, 32, 32]" />
-            <TresShaderMaterial :vertex-shader="vertexShader" :fragment-shader="fragmentShader" :uniforms="uniforms" />
-          </TresMesh>
-          <TresMesh :rotation="[-Math.PI / 2, 0, 0]">
-            <TresPlaneGeometry :args="[10, 10, 10, 10]" />
-            <TresMeshBasicMaterial color="#444" />
-          </TresMesh>
-        </TresScene>
-      </TresCanvas>
-    </Variant>
-  </Story>
-</template>

packages/tres/src/examples/shaders/blob/shaders/fragment.glsl

@@ -1,6 +0,0 @@
-precision mediump float;
-varying vec2 vUv;
-
-void main() {
-    gl_FragColor = vec4(1.0, vUv.y, 0.5, 1.0);
-}

packages/tres/src/examples/shaders/blob/shaders/vertex.glsl

@@ -1,15 +0,0 @@
-uniform vec2 uAmplitude;
-uniform vec2 uFrequency;
-uniform float uTime;
-
-varying vec2 vUv;
-
-void main() {
-    vec4 modelPosition = modelMatrix * vec4(position, 1.0);
-    modelPosition.y += sin(modelPosition.x * uFrequency.x - uTime) * uAmplitude.x;
-    modelPosition.x += cos(modelPosition.y * uFrequency.y - uTime) * uAmplitude.y;
-
-    vec4 viewPosition = viewMatrix * modelPosition;
-    gl_Position = projectionMatrix * viewPosition;
-    vUv = uv;
-}

packages/tres/src/playground/Basic.story.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import { OrbitControls } from '../../../cientos/src/'
-</script>
-<template>
-  <Story title="Basic">
-    <Variant title="playground">
-      <TresCanvas clear-color="#201919">
-        <TresPerspectiveCamera :position="[5, 5, 5]" :fov="75" :aspect="1" :near="0.1" :far="1000" />
-        <OrbitControls />
-        <TresScene>
-          <TresAmbientLight :color="0xffffff" :intensity="0.5" />
-          <TresMesh ref="sphereRef" :scale="1" cast-shadow>
-            <TresSphereGeometry :args="[1, 500, 500]" />
-            <TresMeshToonMaterial color="#FBB03B" />
-          </TresMesh>
-        </TresScene>
-      </TresCanvas>
-    </Variant>
-  </Story>
-</template>