memories/src/main.ts

/// <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 App from "./App.vue";
import router from "./router";
import { generateFilePath } from "@nextcloud/router";
import { getRequestToken } from "@nextcloud/auth";
import { IPhoto } from "./types";

// Global exposed variables
declare global {
  var vuerouter: typeof router;
  var OC: Nextcloud.v24.OC;
  var OCP: Nextcloud.v24.OCP;

  var editDate: (photo: 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");
}

globalThis.vuerouter = router;

globalThis.windowInnerWidth = window.innerWidth;
globalThis.windowInnerHeight = window.innerHeight;

Vue.use(VueVirtualScroller);

// 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/");

// 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),
});