@icvdeveloper/common-module 1.0.7 → 1.1.0

package/CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 1.1.0 - 2023-10-05
+
 ## 1.0.7 - 2023-10-04
 
 ## 1.0.6 - 2023-09-25

package/dist/module.d.mts

@@ -0,0 +1,28 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+declare enum ConferenceState {
+    LIVE = "live",
+    MIXED = "mixed",
+    ARCHIVED = "archive",
+    UPCOMING = "upcoming",
+    HIDDEN = "hidden"
+}
+declare enum PresentationType {
+    ZOOM = "zoom",
+    VIDEO_SLIDE = "video_slide",
+    VIDEO = "video",
+    AUDIO_SLIDE = "audio_slide",
+    AUDIO = "audio",
+    EMBED = "embed",
+    LINK = "link"
+}
+
+interface ModuleOptions {
+    portalHash?: null | string;
+    apiUrl?: null | string;
+    tailwindConfigPath?: null | string;
+    compileCss?: boolean;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { ConferenceState, type ModuleOptions, PresentationType, _default as default };

package/dist/module.d.ts

@@ -25,4 +25,4 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { ConferenceState, ModuleOptions, PresentationType, _default as default };
+export { ConferenceState, type ModuleOptions, PresentationType, _default as default };

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "1.0.7"
+  "version": "1.1.0"
 }

package/dist/module.mjs

@@ -45,17 +45,6 @@ const module = defineNuxtModule({
   async setup(options, nuxt) {
     const logger = useLogger();
     const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));
-    if (nuxt.options.ssr) {
-      throw new Error("V3plusCommonModule does not support SSR");
-    }
-    if (!options.portalHash) {
-      throw new Error(
-        "v3plusCommonModule.portalHash is not set in nuxt.config.ts"
-      );
-    }
-    if (!options.apiUrl) {
-      throw new Error("v3plusCommonModule.apiUrl is not set in nuxt.config.ts");
-    }
     nuxt.options.runtimeConfig.public.v3plusCommonModule = {
       version: require("../package.json").version,
       apiUrl: options.apiUrl,

package/dist/runtime/components/core/DynamicHtml.vue.d.ts

@@ -12,5 +12,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     template: string;
-}>;
+}, {}>;
 export default _default;

package/dist/runtime/components/forms/SwitchInput.vue

@@ -71,16 +71,10 @@ const { classBinding } = useClassBinding();
   cursor: pointer;
 }
 .switch-button-control .switch-button .button {
-  height: calc(
-      1.6em - (2 * 2px)
-    );
-  width: calc(
-      1.6em - (2 * 2px)
-    );
+  height: calc(1.6em - 2 * 2px);
+  width: calc(1.6em - 2 * 2px);
   border: 2px solid var(--color);
-  border-radius: calc(
-      1.6em - (2 * 2px)
-    );
+  border-radius: calc(1.6em - 2 * 2px);
   background: var(--color);
   transition: all 0.3s ease-in-out;
 }
@@ -90,7 +84,7 @@ const { classBinding } = useClassBinding();
 }
 .switch-button-control .switch-button.enabled .button {
   background: white;
-  transform: translateX(calc(calc( 1.6em - (2 * 2px) ) + (2 *2px)));
+  transform: translateX(calc(calc(1.6em - 2 * 2px) + 2 * 2px));
 }
 .switch-button-control .switch-button-label {
   margin-left: 10px;

package/dist/runtime/components/media/components/ContentAccordion.vue.d.ts

@@ -10,18 +10,18 @@ declare namespace _default {
     function data(): {};
     namespace props {
         namespace currentPresentation {
-            export const type: ObjectConstructor;
+            export let type: ObjectConstructor;
             function _default(): {};
             export { _default as default };
         }
         namespace tabArray {
-            const type_1: ArrayConstructor;
+            let type_1: ArrayConstructor;
             export { type_1 as type };
             function _default_1(): never[];
             export { _default_1 as default };
         }
     }
-    const computed: any;
-    const methods: {};
+    let computed: any;
+    let methods: {};
 }
 export default _default;

package/dist/runtime/components/media/components/JsonApi.vue.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
     namespace props {
         namespace url {
-            const type: StringConstructor;
-            const required: boolean;
+            let type: StringConstructor;
+            let required: boolean;
         }
         function ajaxLoadingOptions(): {
             progress: boolean;

package/dist/runtime/components/media/components/PresentersPanel.vue.d.ts

@@ -1,20 +1,20 @@
 declare namespace _default {
     namespace props {
         namespace itemWidth {
-            export const type: StringConstructor;
-            const _default: string;
+            export let type: StringConstructor;
+            let _default: string;
             export { _default as default };
         }
         namespace layoutFormat {
-            const type_1: StringConstructor;
+            let type_1: StringConstructor;
             export { type_1 as type };
-            const _default_1: string;
+            let _default_1: string;
             export { _default_1 as default };
         }
         namespace isCompact {
-            const _default_2: boolean;
+            let _default_2: boolean;
             export { _default_2 as default };
-            const type_2: BooleanConstructor;
+            let type_2: BooleanConstructor;
             export { type_2 as type };
         }
     }

package/dist/runtime/components/media/components/WindowContent.vue.d.ts

@@ -9,12 +9,12 @@ declare namespace _default {
     };
     namespace props {
         namespace tabArray {
-            export const type: ArrayConstructor;
-            const _default: never[];
+            export let type: ArrayConstructor;
+            let _default: never[];
             export { _default as default };
         }
         namespace startSize {
-            const type_1: ObjectConstructor;
+            let type_1: ObjectConstructor;
             export { type_1 as type };
             function _default_1(): {
                 width: number;
@@ -23,7 +23,7 @@ declare namespace _default {
             export { _default_1 as default };
         }
         namespace startPosition {
-            const type_2: ObjectConstructor;
+            let type_2: ObjectConstructor;
             export { type_2 as type };
             function _default_2(): {
                 x: number;
@@ -32,7 +32,7 @@ declare namespace _default {
             export { _default_2 as default };
         }
         namespace currentPresentation {
-            const type_3: ObjectConstructor;
+            let type_3: ObjectConstructor;
             export { type_3 as type };
             function _default_3(): {};
             export { _default_3 as default };

package/dist/runtime/components/media/components/WindowSlide.vue.d.ts

@@ -4,12 +4,12 @@ declare namespace _default {
     };
     namespace props {
         namespace slide {
-            export const type: StringConstructor;
-            const _default: string;
+            export let type: StringConstructor;
+            let _default: string;
             export { _default as default };
         }
         namespace startSize {
-            const type_1: ObjectConstructor;
+            let type_1: ObjectConstructor;
             export { type_1 as type };
             function _default_1(): {
                 width: number;
@@ -18,7 +18,7 @@ declare namespace _default {
             export { _default_1 as default };
         }
         namespace startPosition {
-            const type_2: ObjectConstructor;
+            let type_2: ObjectConstructor;
             export { type_2 as type };
             function _default_2(): {
                 width: number;

package/dist/runtime/composables/useConferenceHelpers.mjs

@@ -9,7 +9,7 @@ import {
   useTemplateConfigsStore,
   useConferencesStore,
   useAuthStore
-} from "../store";
+} from "../store/index.mjs";
 const config = useRuntimeConfig();
 const getConferenceConfigMainValue = (_conference, _name) => {
   const configPages = get(_conference, "template_config.config.pages", []);

package/dist/runtime/composables/useLogin.mjs

@@ -5,7 +5,7 @@ import {
   useConferencesStore,
   useAuthStore,
   useTemplateConfigsStore
-} from "../store";
+} from "../store/index.mjs";
 import { useConferenceHelpers } from "./useConferenceHelpers.mjs";
 export const useLogin = (conference) => {
   const { login } = useAuthStore();

package/dist/runtime/composables/usePresentation.mjs

@@ -3,7 +3,7 @@ import { DateTime } from "luxon";
 import { useTemplateConfigsStore } from "../store/index.mjs";
 import {
   ConferenceState
-} from "../models/conference";
+} from "../models/conference.mjs";
 import { useConferenceHelpers } from "./useConferenceHelpers.mjs";
 export const usePresentation = (conference) => {
   const { pagesConfigValue } = useTemplateConfigsStore();

package/dist/runtime/plugin.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtPlugin } from "#app";
-import { computed } from "vue";
+import { defineNuxtPlugin, useRouter } from "#app";
+import { useSeoMeta, useHead } from "#imports";
 import { storeToRefs } from "pinia";
 import { get, find } from "lodash-es";
 import NProgress from "nprogress";
@@ -11,6 +11,7 @@ import { useNavigationConfigStore } from "./store/navigationConfig.mjs";
 import { useConferencesStore } from "./store/conferences.mjs";
 import { usePresentationsStore } from "./store/presentations.mjs";
 export default defineNuxtPlugin((nuxtApp) => {
+  const router = useRouter();
   const { version, portalHash, apiUrl } = nuxtApp.payload.config.public.v3plusCommonModule;
   const v3plusCommonModule = createV3plusCommonPlugin({
     version,
@@ -18,20 +19,15 @@ export default defineNuxtPlugin((nuxtApp) => {
     apiUrl
   });
   nuxtApp.$pinia.use(piniaPluginPersistedstate);
-  nuxtApp.$router.beforeEach(async (to, from) => {
+  router.beforeEach(async (to, from) => {
     NProgress.start();
     const portalStore = usePortalStore();
     const conferencesStore = useConferencesStore();
     const presentationsStore = usePresentationsStore();
+    const { data: navigation } = storeToRefs(useNavigationConfigStore());
     const { data: portal, errors: portalErrors } = storeToRefs(
       usePortalStore()
     );
-    const { selectedConference } = storeToRefs(
-      useConferencesStore()
-    );
-    const { data: navigation } = storeToRefs(
-      useNavigationConfigStore()
-    );
     const stripHtml = (html) => {
       const div = document.createElement("div");
       div.innerHTML = html;
@@ -39,7 +35,7 @@ export default defineNuxtPlugin((nuxtApp) => {
       return text;
     };
     let docTitle = "";
-    let routeArray = to.name.toLowerCase().split("-");
+    const routeArray = to.name.toLowerCase().split("-");
     if (portal.value === null) {
       Promise.all([
         // fetch portal config then increment loading indicator
@@ -78,68 +74,42 @@ export default defineNuxtPlugin((nuxtApp) => {
     if (!docTitle && portal.value) {
       docTitle = portal.value.name;
       if (to.name != "index") {
-        let navObj = find(
-          navigation.value,
-          function(nav) {
-            return nav.slug == to.name || nav.url == to.path;
-          }
-        );
+        const navObj = find(navigation.value, function(nav) {
+          return nav.slug == to.name || nav.url == to.path;
+        });
         if (navObj) {
           docTitle += ` | ${navObj.label}`;
         } else {
-          let routeName = routeArray.map(
-            function(word) {
-              return word.charAt(0).toUpperCase() + word.slice(1);
-            }
-          ).join(" ");
+          const routeName = routeArray.map(function(word) {
+            return word.charAt(0).toUpperCase() + word.slice(1);
+          }).join(" ");
           docTitle += ` | ${routeName}`;
         }
       }
     }
-    document.title = docTitle;
-    let canonicalUrl = "https://" + portal.value.domain + to.path;
-    if (document.querySelector("link[rel='canonical']")) {
-      document.querySelector("link[rel='canonical']").setAttribute("href", canonicalUrl);
-    } else {
-      let canonicalTag = document.createElement("link");
-      canonicalTag.rel = "canonical";
-      canonicalTag.href = canonicalUrl;
-      document.querySelector("head").appendChild(canonicalTag);
-    }
+    useHead({
+      title: docTitle
+    });
+    const canonicalUrl = "https://" + portal.value.domain + to.path;
     let metaDesc = portal.value.description;
     if (get(presentationsStore, "selectedPresentation.description.length", 0) > 0) {
       metaDesc = stripHtml(presentationsStore.selectedPresentation.description);
     } else if (get(conferencesStore, "selectedConference.description.length", 0) > 0) {
       metaDesc = stripHtml(conferencesStore.selectedConference.description);
     }
-    if (document.querySelector("meta[name='description']")) {
-      document.querySelector("meta[name='description']").setAttribute("content", metaDesc);
-    } else {
-      let metaTag = document.createElement("meta");
-      metaTag.name = "description";
-      metaTag.content = metaDesc;
-      document.querySelector("head").appendChild(metaTag);
-    }
-    let ogTitleTag = document.createElement("meta");
-    ogTitleTag.name = "og:title";
-    ogTitleTag.content = docTitle;
-    document.querySelector("head").appendChild(ogTitleTag);
-    let ogTypeTag = document.createElement("meta");
-    ogTypeTag.name = "og:type";
-    ogTypeTag.content = "website";
-    document.querySelector("head").appendChild(ogTypeTag);
+    useSeoMeta({
+      description: metaDesc,
+      ogTitle: docTitle,
+      ogType: "website",
+      ogUrl: canonicalUrl
+    });
     if (get(conferencesStore, "selectedConference.photo.length", 0) > 0) {
-      let ogImageTag = document.createElement("meta");
-      ogImageTag.name = "og:image";
-      ogImageTag.content = get(conferencesStore, "selectedConference.photo");
-      document.querySelector("head").appendChild(ogImageTag);
+      useSeoMeta({
+        ogImage: get(conferencesStore, "selectedConference.photo")
+      });
     }
-    let ogUrlTag = document.createElement("meta");
-    ogUrlTag.name = "og:url";
-    ogUrlTag.content = canonicalUrl;
-    document.querySelector("head").appendChild(ogUrlTag);
   });
-  nuxtApp.$router.afterEach(() => {
+  router.afterEach(() => {
     NProgress.done();
   });
   nuxtApp.hook("app:created", (app) => {
@@ -148,25 +118,20 @@ export default defineNuxtPlugin((nuxtApp) => {
     let customCss = globalConfigValue("custom_css") || "";
     customCss = customCss.length > 0 ? customCss.replace(/\n/g, "") : "";
     if (portal.value) {
-      app.config.globalProperties.$head.addHeadObjs(
-        computed(() => {
-          return {
-            link: [
-              {
-                rel: "icon",
-                type: "image/x-icon",
-                href: portal.value.favicon
-              }
-            ],
-            style: [
-              {
-                type: "text/css",
-                children: customCss
-              }
-            ]
-          };
-        })
-      );
+      useHead({
+        link: [
+          {
+            rel: "icon",
+            type: "image/x-icon",
+            href: portal.value.favicon
+          }
+        ],
+        style: [
+          {
+            children: customCss
+          }
+        ]
+      });
     } else {
       console.warn(
         "[V3Plus Common Module]: Portal has not been fetched. Could not set Meta Data"

package/dist/runtime/store/auth.mjs

@@ -2,24 +2,7 @@ import { defineStore } from "pinia";
 import { merge } from "lodash-es";
 import { useApi } from "../composables/useApi.mjs";
 import { useConferencesStore } from "./conferences.mjs";
-import { DateTime } from "luxon";
 export const useAuthStore = defineStore("auth", {
-  persist: {
-    afterRestore(context) {
-      if (context.store.$state.user) {
-        const user = context.store.$state.user;
-        const now = DateTime.now().setZone("utc");
-        const expiration = DateTime.fromFormat(
-          user.expires_at,
-          "yyyy-MM-dd HH:mm:ss",
-          { zone: "utc" }
-        ).minus({ hours: 2 });
-        if (now >= expiration) {
-          context.store.reset();
-        }
-      }
-    }
-  },
   state: () => ({
     user: null
   }),

package/dist/types.d.mts

@@ -0,0 +1,15 @@
+
+import { ModuleOptions } from './module'
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['v3plusCommonModule']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['v3plusCommonModule']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['v3plusCommonModule']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['v3plusCommonModule']?: ModuleOptions }
+}
+
+
+export { ConferenceState, ModuleOptions, PresentationType, default } from './module'

package/dist/types.d.ts

@@ -6,5 +6,10 @@ declare module '@nuxt/schema' {
   interface NuxtOptions { ['v3plusCommonModule']?: ModuleOptions }
 }
 
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['v3plusCommonModule']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['v3plusCommonModule']?: ModuleOptions }
+}
+
 
 export { ConferenceState, ModuleOptions, PresentationType, default } from './module'

package/package.json

@@ -1,29 +1,30 @@
 {
   "name": "@icvdeveloper/common-module",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "license": "MIT",
   "type": "module",
   "exports": {
     ".": {
+      "types": "./dist/types.d.ts",
       "import": "./dist/module.mjs",
       "require": "./dist/module.cjs"
     }
   },
-  "main": "./dist/module.mjs",
+  "main": "./dist/module.cjs",
   "types": "./dist/types.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build",
+    "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:docker": "rm -rf /tmp/nitro && nuxi dev --host 0.0.0.0 --port 3005 playground",
-    "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground"
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground"
   },
   "dependencies": {
     "@analytics/google-analytics": "^1.0.3",
-    "@nuxt/kit": "^3.0.0",
+    "@nuxt/kit": "^3.7.4",
     "@nuxtjs/tailwindcss": "^6.1.3",
     "@pinia/nuxt": "^0.3.1",
     "@ts-pro/vue-eternal-loading": "^1.3.1",
@@ -43,13 +44,20 @@
     "vite-svg-loader": "^3.4.0"
   },
   "devDependencies": {
-    "@nuxt/module-builder": "^0.2.1",
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.2",
+    "@nuxt/schema": "^3.7.4",
+    "@nuxt/test-utils": "^3.7.4",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@tailwindcss/typography": "^0.5.4",
     "@types/lodash-es": "^4.17.7",
+    "@types/luxon": "^3.3.2",
+    "@types/node": "^18.18.1",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
-    "nuxt": "^3.0.0"
+    "nuxt": "^3.7.4",
+    "vitest": "^0.33.0"
   },
   "description": "## Development",
   "repository": {