101 lines
3.0 KiB
TypeScript
101 lines
3.0 KiB
TypeScript
/// <reference types="@nextcloud/typings" />
|
|
|
|
import "reflect-metadata";
|
|
import Vue from "vue";
|
|
import VueVirtualScroller from "vue-virtual-scroller";
|
|
import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
|
|
import XImg from "./components/frame/XImg.vue";
|
|
import GlobalMixin from "./mixins/GlobalMixin";
|
|
|
|
import App from "./App.vue";
|
|
import router from "./router";
|
|
import { Route } from "vue-router";
|
|
import { generateFilePath } from "@nextcloud/router";
|
|
import { getRequestToken } from "@nextcloud/auth";
|
|
import { IPhoto } from "./types";
|
|
|
|
import "./global.scss";
|
|
|
|
// Global exposed variables
|
|
declare global {
|
|
var vueroute: () => Route;
|
|
var OC: Nextcloud.v24.OC;
|
|
var OCP: Nextcloud.v24.OCP;
|
|
|
|
var editMetadata: (photos: IPhoto[]) => void;
|
|
var currentViewerPhoto: IPhoto;
|
|
|
|
var windowInnerWidth: number; // cache
|
|
var windowInnerHeight: number; // cache
|
|
|
|
var __webpack_nonce__: string;
|
|
var __webpack_public_path__: string;
|
|
|
|
var vidjs: typeof import("video.js").default;
|
|
var Plyr: typeof import("plyr");
|
|
var videoClientId: string;
|
|
var videoClientIdPersistent: string;
|
|
}
|
|
|
|
// Allow global access to the router
|
|
globalThis.vueroute = () => router.currentRoute;
|
|
|
|
// Cache these for better performance
|
|
globalThis.windowInnerWidth = window.innerWidth;
|
|
globalThis.windowInnerHeight = window.innerHeight;
|
|
|
|
// CSP config for webpack dynamic chunk loading
|
|
__webpack_nonce__ = window.btoa(getRequestToken());
|
|
|
|
// Correct the root of the app for chunk loading
|
|
// OC.linkTo matches the apps folders
|
|
// OC.generateUrl ensure the index.php (or not)
|
|
// We do not want the index.php since we're loading files
|
|
__webpack_public_path__ = generateFilePath("memories", "", "js/");
|
|
|
|
// Generate client id for this instance
|
|
// Does not need to be cryptographically secure
|
|
const getClientId = () =>
|
|
Math.random().toString(36).substring(2, 15).padEnd(12, "0");
|
|
globalThis.videoClientId = getClientId();
|
|
globalThis.videoClientIdPersistent = localStorage.getItem(
|
|
"videoClientIdPersistent"
|
|
);
|
|
if (!globalThis.videoClientIdPersistent) {
|
|
globalThis.videoClientIdPersistent = getClientId();
|
|
localStorage.setItem(
|
|
"videoClientIdPersistent",
|
|
globalThis.videoClientIdPersistent
|
|
);
|
|
}
|
|
|
|
Vue.mixin(GlobalMixin);
|
|
Vue.use(VueVirtualScroller);
|
|
Vue.component("XImg", XImg);
|
|
|
|
// https://github.com/nextcloud/photos/blob/156f280c0476c483cb9ce81769ccb0c1c6500a4e/src/main.js
|
|
// TODO: remove when we have a proper fileinfo standalone library
|
|
// original scripts are loaded from
|
|
// https://github.com/nextcloud/server/blob/5bf3d1bb384da56adbf205752be8f840aac3b0c5/lib/private/legacy/template.php#L120-L122
|
|
window.addEventListener("DOMContentLoaded", () => {
|
|
if (!globalThis.OCA.Files) {
|
|
globalThis.OCA.Files = {};
|
|
}
|
|
// register unused client for the sidebar to have access to its parser methods
|
|
Object.assign(
|
|
globalThis.OCA.Files,
|
|
{
|
|
App: {
|
|
fileList: { filesClient: (<any>globalThis.OC.Files).getClient() },
|
|
},
|
|
},
|
|
globalThis.OCA.Files
|
|
);
|
|
});
|
|
|
|
export default new Vue({
|
|
el: "#content",
|
|
router,
|
|
render: (h) => h(App),
|
|
});
|