@castlabs/ui 7.17.0 → 7.19.0

package/dist/castlabs-ui.module.d.ts

@@ -73,6 +73,10 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
   ): Promise<any>
   export function clReloadStore (component: any, forced?: any[], optional?: any[], loading?: boolean): Promise<any>
 
+  // theme utils
+  export function clThemeSetup (): boolean
+  export function clThemeSetDark (dark: boolean): void
+
   // search utils
   export function clMatch (string: string, expression?: string, caseSensitive?: boolean): boolean
 

package/dist/castlabs-ui.module.js

@@ -1,4 +1,4 @@
-/* @castlabs/ui v7.17.0 */
+/* @castlabs/ui v7.19.0 */
 
 /*!
   * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -324,6 +324,7 @@ export const CONST = {
     CLAY: '#cfc8c8',
     EGGSHELL: '#fbf9f2',
     HAZE: '#eeece6',
+    HAZEDARK: '#333947',
     HONEY: '#dc9404',
     LEAF: '#53965d',
     NIGHT: '#262a35',
@@ -359,6 +360,9 @@ const SERVICE = {
   CP: 'Content Platform',
   CP_TAGLINE: 'Access the Content Platform, manage, encode and watermark assets',
   CP_URN: 'urn:janus:service:76b6e8558263431d9d766779987d6410',
+  CPS: 'Content Platform Staging',
+  CPS_TAGLINE: 'Access the Content Platform, manage, encode and watermark assets',
+  CPS_URN: 'urn:janus:service:f57f4728d2a54a0d99b77b9bb7e04bf6',
   CS: 'Castlabs hub',
   CS_TAGLINE: 'Manage organizations, plans, downloads',
   CS_URN: 'urn:janus:service:OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO',
@@ -383,6 +387,9 @@ const SERVICE = {
   VTK: 'Video Toolkit',
   VTK_TAGLINE: 'Cloud encoding, packaging, watermarking',
   VTK_URN: 'urn:janus:service:a50e21d6a5e246809b636854abfbd34d',
+  VTKS: 'Video Toolkit Staging',
+  VTKS_TAGLINE: 'Cloud encoding, packaging, watermarking',
+  VTKS_URN: 'urn:janus:service:ca5bb34e8f39459796778e74fa097248',
   WM: 'STARDUSTmark',
   WM_TAGLINE: 'Video & image forensic watermarking',
   WM_URN: 'urn:janus:service:76b6e8558263431d9d766779987d64c4'
@@ -445,8 +452,6 @@ const ROLE = {
   DTS_DELIVERIES: 'Deliveries',
   DTS_DELIVERIES_URN: 'urn:janus:role:e79a8f99a96a45238283b3c049e7374b',
 
-  VTK_ADMIN: 'Video Toolkit admin',
-  VTK_ADMIN_URN: 'urn:janus:role:8ff40a162b834e96a36f7ddbfda475ef',
   VTK_USER: 'Video Toolkit user',
   VTK_USER_URN: 'urn:janus:role:33c9c2001ca14dde9c3b310d0748b8b4',
 
@@ -499,6 +504,18 @@ const APPS = {
     sidenav: false
   },
 
+  CPS: {
+    id: 'CPS',
+    subtitle: SERVICE.CPS_TAGLINE,
+    title: SERVICE.CPS,
+    services: [SERVICE.CPS_URN],
+    roles: [ROLE.CP_USER_URN],
+    urlManage: (env, oid) =>
+      `https://platform.content-stag.castlabs.com/#/o/${oid ?? ''}`,
+    urlPlan: (env, oid) => urlCS(env, oid),
+    sidenav: false
+  },
+
   CS: {
     id: 'CS',
     subtitle: SERVICE.CS_TAGLINE,
@@ -618,7 +635,7 @@ const APPS = {
     id: 'VTK',
     subtitle: SERVICE.VTK_TAGLINE,
     services: [SERVICE.VTK_URN],
-    roles: [ROLE.VTK_USER_URN, ROLE.VTK_ADMIN_URN],
+    roles: [ROLE.VTK_USER_URN],
     title: SERVICE.VTK,
     urlManage: (env, oid) =>
       getEnvUrl(
@@ -628,6 +645,18 @@ const APPS = {
       ),
     urlPlan: (env, oid) => urlCS(env, oid, '/plans/vtk'),
     sidenav: true
+  },
+
+  VTKS: {
+    id: 'VTKS',
+    subtitle: SERVICE.VTKS_TAGLINE,
+    title: SERVICE.VTKS,
+    services: [SERVICE.VTKS_URN],
+    roles: [ROLE.VTK_USER_URN],
+    urlManage: (env, oid) =>
+      `https://vtks.castlabs.com/${oid}/jobs/`,
+    urlPlan: (env, oid) => urlCS(env, oid, '/plans/vtk'),
+    sidenav: false
   }
 }
 
@@ -756,7 +785,7 @@ function variant (service, license, oid, env, hasRole) {
   // no license = show subscribe ad
   if (!license) {
     // some items are hidden if there is no license
-    if ([APPS.DTS.id].includes(service.id)) return null
+    if ([APPS.DTS.id, APPS.CPS.id, APPS.VTKS.id].includes(service.id)) return null
 
     // other items we hint the user to subscribe
     return subscribe(service, oid, env)
@@ -790,12 +819,16 @@ function csGetNavVariant (membership, service, oid, env) {
 function csParseMembership (membership, oid, env) {
   const nav = [subscribed(APPS.CS, oid, env)]
 
+  const cps = csGetNavVariant(membership, APPS.CPS, oid, env)
+  if (cps) nav.push(cps)
   nav.push(csGetNavVariant(membership, APPS.DT, oid, env))
   const dts = csGetNavVariant(membership, APPS.DTS, oid, env)
   if (dts) nav.push(dts)
   nav.push(csGetNavVariant(membership, APPS.PP, oid, env))
   nav.push(csGetNavVariant(membership, APPS.WM, oid, env))
   nav.push(csGetNavVariant(membership, APPS.VTK, oid, env))
+  const vtks = csGetNavVariant(membership, APPS.VTKS, oid, env)
+  if (vtks) nav.push(vtks)
 
   return nav
 }
@@ -909,6 +942,41 @@ export function clScrollToId (id, smooth = true) {
   }, 0)
 }
 
+export function setDomainCookieJson (name, value, maxAge = 60 * 60 * 24 * (365 + 30)) {
+  const b64 = btoa(JSON.stringify(value))
+  document.cookie = `${name}=${b64}; max-age=${maxAge}; domain=${getDomain()}; path=/; SameSite=Lax;`
+}
+
+export function getDomainCookieJson (name) {
+  for (const cookie of document?.cookie?.split(/; */) ?? []) {
+    const [key, value] = cookie.split('=')
+    if (key === name) {
+      try {
+        return JSON.parse(atob(value))
+      } catch (e) {
+        e.ignore?.() // ignore reason
+        return {}
+      }
+    }
+  }
+  return {}
+}
+
+function getDomain () {
+  if (window.location.hostname.match(/^[0-9]+.[0-9]+.[0-9]+.[0-9]+$/)) {
+    // IP domain
+    return window.location.hostname
+  }
+  const parts = window.location.hostname.split('.').reverse()
+  if (parts.length > 1) {
+    // regular multi-part domain name
+    return `.${parts[1]}.${parts[0]}`
+  } else {
+    // single-name domain like 'localhost'
+    return parts[0]
+  }
+}
+
 // -----------------------------------------------------------------------------
 // --- modals ------------------------------------------------------------------
 // -----------------------------------------------------------------------------
@@ -1709,3 +1777,27 @@ export function clReload (component, forced = [], optional = [], loading = true)
 export function clSleep (ms) {
   return new Promise(resolve => setTimeout(resolve, ms))
 }
+
+// -----------------------------------------------------------------------------
+// --- themes ------------------------------------------------------------------
+// -----------------------------------------------------------------------------
+
+export function clThemeSetup () {
+  const settings = getDomainCookieJson('cl_ui_settings')
+  const dark = settings?.theme === 'dark'
+  clThemeSetDark(dark) // re-set to prolong expiration
+  const checkbox = document.querySelector('#cl-mode-dark')
+  if (checkbox) {
+    checkbox.checked = dark
+    checkbox.addEventListener('change', () => {
+      clThemeSetDark(checkbox.checked)
+    })
+  }
+  return dark
+}
+
+export function clThemeSetDark (dark) {
+  const settings = getDomainCookieJson('cl_ui_settings')
+  settings.theme = dark ? 'dark' : 'light'
+  setDomainCookieJson('cl_ui_settings', settings)
+}