lunchboxjs 0.2.1016 → 0.2.1018

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "lunchboxjs",
-    "version": "0.2.1016",
+    "version": "0.2.1018",
     "scripts": {
         "dev": "vite -c utils/vite.config.ts",
         "build": "vue-tsc --noEmit && vite build -c utils/vite.config.ts",
         "build:tsc": "tsc --project ./utils/tsconfig.lib.json",
-        "build:rollup": "rollup -c ./utils/lib-rollup.ts",
+        "build:rollup": "rollup -c ./utils/lib-rollup.js",
         "build:dts": "node utils/cp utils/lib-dts.d.ts dist/lunchboxjs.es.d.ts && node utils/cp utils/lib-dts.d.ts dist/lunchboxjs.umd.d.ts",
         "build:lib": "node utils/rm js && npm run build:tsc && npm run build:rollup && npm run build:dts",
         "prepare": "npm run build:lib",
@@ -32,11 +32,15 @@
         "@vitejs/plugin-vue": "3.0.1",
         "@vitejs/plugin-vue-jsx": "2.0.0",
         "@vue/babel-plugin-jsx": "1.1.1",
+        "@vue/reactivity": "3.2.41",
         "chroma-js": "2.1.2",
         "kolorist": "1.5.1",
+        "lodash": "4.17.21",
+        "lunchboxjs-plugins": "workspace:*",
         "nice-color-palettes": "3.0.0",
         "prompt": "1.3.0",
         "prompts": "2.4.2",
+        "rollup": "3.2.5",
         "rollup-plugin-delete": "2.0.0",
         "rollup-plugin-jsx": "1.0.3",
         "rollup-plugin-terser": "7.0.2",
@@ -44,7 +48,6 @@
         "typescript": "^4.4.3",
         "vite": "3.0.4",
         "vite-plugin-glsl": "0.0.5",
-        "vitepress": "0.20.1",
         "vue-jsx-factory": "0.3.0",
         "vue-tsc": "^0.3.0"
     },

package/src/index.ts

@@ -198,9 +198,12 @@ export const getInstance = <T = unknown>(
 
 // CREATE APP
 // ====================
-export const createApp = (root: Component) => {
+export const createApp = (
+    root: Component,
+    rootProps: Record<string, any> = {}
+) => {
     const { nodeOps, interactables } = createNodeOps()
-    const app = createRenderer(nodeOps).createApp(root) as Lunch.App
+    const app = createRenderer(nodeOps).createApp(root, rootProps) as Lunch.App
 
     // provide Lunchbox interaction handlers flag (modified when user references events via
     // @click, etc)
@@ -387,6 +390,8 @@ export const createApp = (root: Component) => {
         computed(() => app.config.globalProperties.lunchbox.camera)
     )
 
+    app._props
+
     // done
     return app
 }

package/extras/Gltf.vue

@@ -1,34 +0,0 @@
-<template>
-    <group ref="container">
-        <gltfLoader :load="[props.src, onLoad, onProgress, onError]" />
-    </group>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
-import { Lunch } from '../src'
-
-const props = defineProps<{
-    preventAdd?: boolean
-    src: string
-}>()
-
-const emit = defineEmits<{
-    (e: 'load', gltf: GLTF): void
-    (e: 'progress', evt: ProgressEvent): void
-    (e: 'error', evt: ErrorEvent): void
-}>()
-
-const container = ref<Lunch.LunchboxComponent<THREE.Group>>()
-const onLoad = (gltf: GLTF) => {
-    if (!props.preventAdd) {
-        container.value?.$el?.instance?.add(gltf.scene)
-    }
-    emit('load', gltf)
-}
-const onProgress = (evt: ProgressEvent) => {
-    emit('progress', evt)
-}
-const onError = (evt: ErrorEvent) => emit('error', evt)
-</script>

package/extras/OrbitControlsWrapper.vue

@@ -1,39 +0,0 @@
-<template>
-    <OrbitControls
-        ref="controls"
-        v-if="ready"
-        :args="orbitArgs"
-        :autoRotate="false"
-        :enableDamping="true"
-        :dampingFactor="0.1"
-        v-bind="props.options ?? {}"
-    />
-</template>
-
-<script lang="ts" setup>
-import { computed, ref } from 'vue'
-import { onBeforeRender, Lunch, useCamera, useRenderer } from '../src'
-
-// props
-const props = defineProps<{
-    options?: object
-}>()
-
-// computed
-const ready = computed(() => {
-    return camera.value !== null && renderer.value.domElement
-})
-const camera = useCamera()
-const renderer = useRenderer()
-const orbitArgs = computed(() => [camera.value, renderer.value?.domElement])
-
-// update
-const controls = ref<Lunch.LunchboxComponent>()
-const update = () => {
-    const instance = controls.value?.$el.instance as any
-    if (instance && ready.value) {
-        instance.update()
-    }
-}
-onBeforeRender(update)
-</script>