diff --git a/package.json b/package.json index bb003487..2dce9e71 100644 --- a/package.json +++ b/package.json @@ -1,50 +1,51 @@ -{ - "name": "@demodesk/neko", - "version": "0.1.1", - "description": "Client as reusable Vue.js component for neko streaming server.", - "main": "dist/neko.umd.js", - "module": "dist/neko.common.js", - "unpkg": "dist/neko.min.js", - "browser": { - "./sfc": "src/components/canvas.vue" - }, - "scripts": { - "serve": "vue-cli-service serve --mode development", - "lint": "vue-cli-service lint", - "build": "vue-cli-service build --target lib --name neko ./src/components/canvas.vue" - }, - "dependencies": { - "eventemitter3": "^4.0.7", - "resize-observer-polyfill": "^1.5.1", - "typed-vuex": "^0.1.21", - "vue": "^2.6.12", - "vue-class-component": "^7.2.6", - "vue-context": "^6.0.0", - "vue-property-decorator": "^9.0.2" - }, - "devDependencies": { - "@types/node": "^14.14.7", - "@types/vue": "^2.0.0", - "@typescript-eslint/eslint-plugin": "^4.7.0", - "@typescript-eslint/parser": "^4.7.0", - "@vue/cli-plugin-babel": "^4.5.6", - "@vue/cli-plugin-eslint": "^4.5.6", - "@vue/cli-plugin-typescript": "^4.5.8", - "@vue/cli-service": "^4.5.6", - "@vue/eslint-config-prettier": "^6.0.0", - "@vue/eslint-config-typescript": "^7.0.0", - "eslint": "^7.13.0", - "eslint-plugin-prettier": "^3.1.4", - "eslint-plugin-vue": "^7.1.0", - "node-sass": "^5.0.0", - "prettier": "^2.1.2", - "sass-loader": "^10.0.5", - "ts-node": "^9.0.0", - "typescript": "^4.0.5", - "vue-template-compiler": "^2.6.12" - }, - "browserslist": [ - "> 1%", - "last 2 versions" - ] -} +{ + "name": "@demodesk/neko", + "version": "0.1.1", + "description": "Client as reusable Vue.js component for neko streaming server.", + "main": "dist/neko.umd.js", + "module": "dist/neko.common.js", + "unpkg": "dist/neko.min.js", + "browser": { + "./sfc": "src/component/main.vue" + }, + "scripts": { + "serve": "vue-cli-service serve --mode development", + "lint": "vue-cli-service lint", + "build": "vue-cli-service build --target lib --name neko ./src/component/main.vue", + "build:page": "vue-cli-service build" + }, + "dependencies": { + "eventemitter3": "^4.0.7", + "resize-observer-polyfill": "^1.5.1", + "typed-vuex": "^0.1.21", + "vue": "^2.6.12", + "vue-class-component": "^7.2.6", + "vue-context": "^6.0.0", + "vue-property-decorator": "^9.0.2" + }, + "devDependencies": { + "@types/node": "^14.14.7", + "@types/vue": "^2.0.0", + "@typescript-eslint/eslint-plugin": "^4.7.0", + "@typescript-eslint/parser": "^4.7.0", + "@vue/cli-plugin-babel": "^4.5.6", + "@vue/cli-plugin-eslint": "^4.5.6", + "@vue/cli-plugin-typescript": "^4.5.8", + "@vue/cli-service": "^4.5.6", + "@vue/eslint-config-prettier": "^6.0.0", + "@vue/eslint-config-typescript": "^7.0.0", + "eslint": "^7.13.0", + "eslint-plugin-prettier": "^3.1.4", + "eslint-plugin-vue": "^7.1.0", + "node-sass": "^5.0.0", + "prettier": "^2.1.2", + "sass-loader": "^10.0.5", + "ts-node": "^9.0.0", + "typescript": "^4.0.5", + "vue-template-compiler": "^2.6.12" + }, + "browserslist": [ + "> 1%", + "last 2 versions" + ] +} diff --git a/src/app.vue b/src/app.vue deleted file mode 100644 index c1dd6978..00000000 --- a/src/app.vue +++ /dev/null @@ -1,315 +0,0 @@ - - - - - diff --git a/src/component/internal/messages.ts b/src/component/internal/messages.ts new file mode 100644 index 00000000..e69de29b diff --git a/src/internal/video.ts b/src/component/internal/video.ts similarity index 95% rename from src/internal/video.ts rename to src/component/internal/video.ts index 9b6de7d5..0446a2bc 100644 --- a/src/internal/video.ts +++ b/src/component/internal/video.ts @@ -1,5 +1,5 @@ import Vue from 'vue' -import { Video } from '~/types/state' +import { Video } from '../types/state' export function register(el: HTMLVideoElement, state: Video) { el.addEventListener('canplaythrough', () => { diff --git a/src/internal/webrtc.ts b/src/component/internal/webrtc.ts similarity index 100% rename from src/internal/webrtc.ts rename to src/component/internal/webrtc.ts diff --git a/src/internal/websocket.ts b/src/component/internal/websocket.ts similarity index 100% rename from src/internal/websocket.ts rename to src/component/internal/websocket.ts diff --git a/src/components/canvas.vue b/src/component/main.vue similarity index 97% rename from src/components/canvas.vue rename to src/component/main.vue index 3b690e4a..347c49b9 100644 --- a/src/components/canvas.vue +++ b/src/component/main.vue @@ -44,12 +44,12 @@ import ResizeObserver from 'resize-observer-polyfill' import EventEmitter from 'eventemitter3' - import { NekoWebSocket } from '~/internal/websocket' - import { NekoWebRTC } from '~/internal/webrtc' - import { NekoMessages } from '~/internal/messages' - import { register as VideoRegister } from '~/internal/video' + import { NekoWebSocket } from './internal/websocket' + import { NekoWebRTC } from './internal/webrtc' + import { NekoMessages } from './internal/messages' + import { register as VideoRegister } from './internal/video' - import NekoState from '~/types/state' + import NekoState from './types/state' import Overlay from './overlay.vue' @Component({ diff --git a/src/components/overlay.vue b/src/component/overlay.vue similarity index 97% rename from src/components/overlay.vue rename to src/component/overlay.vue index da051c7b..92ef0a77 100644 --- a/src/components/overlay.vue +++ b/src/component/overlay.vue @@ -28,8 +28,8 @@