@qispace/vue3-player 0.0.5

package/src/lib/virtualTour__/config/shaders.js

@@ -0,0 +1,24 @@
+export const vertexShader = `
+  varying vec2 vUv;
+  void main()
+  {
+      vUv = uv;
+      vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
+      gl_Position = projectionMatrix * mvPosition;
+  }
+`
+
+export const fragmentShader = `
+  uniform sampler2D tex1;
+  uniform sampler2D tex2;
+  uniform float blend;
+
+  varying vec2 vUv;
+
+  void main(void)
+  {
+      vec4 Ca = texture2D(tex1, vUv);
+      vec4 Cb = texture2D(tex2, vUv);
+      gl_FragColor= mix(Ca, Cb, blend);
+  }
+`

package/src/lib/virtualTour__/impl/HttpApartmentFiles.ts

@@ -0,0 +1,57 @@
+import axios, { AxiosError, AxiosResponse } from 'axios'
+import { ProjectFiles, ProjectFile } from '../ApartmentFiles'
+
+export class HttpFile implements ProjectFile {
+  constructor(private readonly url: string) {}
+
+  async readJson<T>(): Promise<T | undefined> {
+    try {
+      const res = await axios.get(this.toPath())
+      return this.isJsonContent(res) ? res.data : undefined
+    } catch (e) {
+      if (this.isFileNotFound(e as AxiosError)) return undefined
+      else throw e
+    }
+  }
+
+  toPath(): string {
+    return this.url
+  }
+
+  private isFileNotFound(e: AxiosError) {
+    return e.response?.status === 403
+  }
+
+  private isJsonContent(response: AxiosResponse<any>) {
+    return response.headers['content-type'] === 'application/json'
+  }
+}
+
+class AbsentFile implements ProjectFile {
+  toPath(): string {
+    throw new Error('Can not resolve a missing file')
+  }
+
+  async readJson<T>(): Promise<T | undefined> {
+    return undefined
+  }
+}
+
+export interface FilenameResolver {
+  (filename: string): string | null
+}
+
+export class HttpApartmentFiles implements ProjectFiles {
+  constructor(
+    private readonly filenameResolver: FilenameResolver,
+    private readonly apartmentId: string,
+    private readonly interiorId: string
+  ) {}
+
+  makeFile(...parts: string[]): ProjectFile {
+    const relativeUrl =
+      '/' + [this.interiorId, this.apartmentId, ...parts].join('/')
+    const absoluteUrl = this.filenameResolver(relativeUrl)
+    return absoluteUrl ? new HttpFile(absoluteUrl!) : new AbsentFile()
+  }
+}

package/src/lib/virtualTour__/index.js

@@ -0,0 +1 @@
+export { default as PlayerViewModel } from './PlayerViewModel'

package/src/lib/virtualTour__/textures/floor-1.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.98034 14.7993L1.54055 10.3376L8.98034 5.87599L16.4201 10.3376L8.98034 14.7993Z" fill="white" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z" fill="white" stroke="#999999" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>

package/src/lib/virtualTour__/textures/floor-2.svg

@@ -0,0 +1,4 @@
+<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.76135 14.7993L2.32155 10.3376L9.76135 5.87599L17.2011 10.3376L9.76135 14.7993Z" fill="white" stroke="#999999" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M9.76135 10.3472L2.32155 5.8855L9.76135 1.42384L17.2011 5.8855L9.76135 10.3472Z" fill="white" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>

package/src/main.ts_

@@ -0,0 +1,24 @@
+// import { createApp } from 'vue'
+// import './style.css'
+// import App from '../dev/DevApp.vue'
+
+// import 'vuetify/styles'
+// import '@mdi/font/css/materialdesignicons.css' 
+// import { createVuetify } from 'vuetify'
+// import * as components from 'vuetify/components'
+// import * as directives from 'vuetify/directives'
+// import { aliases, mdi } from 'vuetify/iconsets/mdi'
+
+// const vuetify = createVuetify({
+//     components,
+//     directives,
+//     icons: {
+//       defaultSet: 'mdi',
+//       aliases,
+//       sets: {
+//         mdi,
+//       },
+//     },
+//   })
+
+// createApp(App).use(vuetify).mount('#app')

package/src/shims-png.d.ts

@@ -0,0 +1,4 @@
+declare module "*.png" {
+  const value: string;
+  export default value;
+}

package/src/shims-tsx.d.ts

@@ -0,0 +1,11 @@
+import Vue, { VNode } from 'vue'
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}

package/src/shims-vue.d.ts

@@ -0,0 +1,4 @@
+declare module '*.vue' {
+    import Vue from 'vue'
+    export default Vue
+}

package/src/vite-env.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue'
+    const component: DefineComponent<{}, {}, any>
+    export default component
+}