@explorer-1/vue 0.2.36 → 0.2.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "0.2.36",
+  "version": "0.2.38",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/SearchFilterGroup/SearchFilterGroup.vue

@@ -63,6 +63,10 @@
 <script lang="ts">
 // @ts-nocheck
 import isEqual from 'lodash/isEqual.js'
+import { mapStores } from 'pinia'
+import { useThemeStore } from '../../store/theme'
+import { lookupContentType } from './../../utils/lookupContentType'
+
 export default {
   name: 'SearchFilterGroup',
   props: {
@@ -97,6 +101,7 @@ export default {
     }
   },
   computed: {
+    ...mapStores(useThemeStore),
     // to sync both ways parent <--> child
     // ensures accurate filter visual state when using URL query strings
     filterByHandler: {
@@ -154,67 +159,11 @@ export default {
       }
     },
     prettyFilterNames(key) {
-      if (key === 'news.News') {
-        return 'News & Features'
-      }
-      if (key === 'home.HomePage') {
-        return 'Homepage'
-      }
-      if (key === 'missions.Mission') {
-        return 'Missions'
-      }
-      if (key === 'events.EventPage') {
-        return 'Events'
-      }
-      if (key === 'image_detail.ImageDetailPage') {
-        return 'Images'
-      }
-      if (key === 'audio_detail.AudioIndexPage') {
-        return 'Audio Index'
-      }
-      if (key === 'audio_detail.AudioDetailPage') {
-        return 'Audio'
-      }
-      if (key === 'infographics.InfographicsDetailPage') {
-        return 'Infographics'
-      }
-      if (key === 'image_detail.CuratedGalleryPage') {
-        return 'Curated Gallery'
-      }
-      if (key === 'topics.TopicPage') {
-        return 'Topics'
-      }
-      if (key === 'asteroid_watch.AsteroidWatchIndexPage') {
-        return 'Asteroid Watch Index'
-      }
-      if (key === 'asteroid_watch.AsteroidWatchContentPage') {
-        return 'Asteroid Watch'
-      }
-      if (key === 'missions.MissionsIndexPage') {
-        return 'Missions Index'
-      }
-      if (key === 'information_pages.ContentPage') {
-        return 'Information pages'
-      }
-      if (key === 'robotics.RobotPage') {
-        return 'Robots'
-      }
-      if (key === 'video_detail.VideoDetailPage') {
-        return 'Video'
-      }
-      if (key === 'podcasts.PodcastPage') {
-        return 'Podcasts'
-      }
-      if (key === 'go_pages.GoHomePage') {
-        return 'Go Sites'
-      }
-      if (key === 'press_kits.PressKitHomePage') {
-        return 'Press Kits'
-      }
-      if (key === 'profiles.ProfilePage') {
-        return 'People'
+      let name = lookupContentType(key, 'model', 'label')
+      if (this.themeStore.isEdu && name) {
+        name = name.replace('EDU ', '')
       }
-      return key
+      return name ? name : key
     }
   }
 }

package/src/components/SearchResultCard/SearchResultCard.vue

@@ -6,9 +6,7 @@
       size="lg"
       :data="{
         page: {
-          __typename: pageContentType
-            ? (searchContentTypeToPageType[pageContentType] as string)
-            : undefined,
+          __typename: pageContentType ? getInterfaceFromEskey(pageContentType) : undefined,
           url,
           type,
           label: topic,
@@ -221,7 +219,7 @@ import BaseImage from './../BaseImage/BaseImage.vue'
 import BaseImagePlaceholder from './../BaseImagePlaceholder/BaseImagePlaceholder.vue'
 import EventCard from './../EventCard/EventCard.vue'
 import BlockLinkCard from './../BlockLinkCard/BlockLinkCard.vue'
-import { searchContentTypeToPageType } from './../../constants'
+import { lookupContentType } from '../../utils/lookupContentType'
 import type { HeadingLevel } from './../BaseHeading/BaseHeading.vue'
 
 export default defineComponent({
@@ -343,9 +341,11 @@ export default defineComponent({
     }
   },
   computed: {
-    ...mapStores(useThemeStore),
-    searchContentTypeToPageType() {
-      return searchContentTypeToPageType
+    ...mapStores(useThemeStore)
+  },
+  methods: {
+    getInterfaceFromEskey(key: string) {
+      return lookupContentType(key, 'eskey', 'interface')
     }
   }
 })

package/src/components/SearchResultGridItem/SearchResultGridItem.vue

@@ -98,7 +98,7 @@ import BaseImagePlaceholder from './../BaseImagePlaceholder/BaseImagePlaceholder
 import BlockLinkCard from './../BlockLinkCard/BlockLinkCard.vue'
 import BlockLinkTile from './../BlockLinkTile/BlockLinkTile.vue'
 import CalendarChip from './../CalendarChip/CalendarChip.vue'
-import { searchContentTypeToPageType } from './../../constants'
+import { lookupContentType } from '../../utils/lookupContentType'
 import type { HeadingLevel } from './../BaseHeading/BaseHeading.vue'
 
 export default defineComponent({
@@ -177,12 +177,9 @@ export default defineComponent({
   },
   computed: {
     ...mapStores(useThemeStore),
-    searchContentTypeToPageType() {
-      return searchContentTypeToPageType
-    },
     typename() {
       return this.pageContentType
-        ? (this.searchContentTypeToPageType[this.pageContentType] as string)
+        ? lookupContentType(this.pageContentType, 'eskey', 'interface')
         : undefined
     }
   }

package/src/constants.ts

@@ -1,4 +1,4 @@
-import type { DictionaryInterface, PillDictionaryInterface } from './interfaces'
+import type { PillDictionaryInterface } from './interfaces'
 
 export const eduMetadataDictionary: PillDictionaryInterface = {
   EDUEventPage: {
@@ -69,14 +69,188 @@ export const eduMetadataDictionary: PillDictionaryInterface = {
   }
 }
 
-// TODO: finish this
-export const searchContentTypeToPageType: DictionaryInterface = {
-  news_news: 'News',
-  events_eventpage: 'EventPage',
-  missions_mission: 'Mission',
-  edu_events_edueventpage: 'EDUEventPage',
-  edu_resources_educollectionsdetailpage: 'EDUCollectionsDetailPage',
-  edu_resources_eduexplainerarticlepage: 'EDUExplainerArticlePage',
-  edu_resources_edulessonpage: 'EDULessonPage',
-  edu_resources_eduteachablemomentpage: 'EDUTeachableMomentPage'
+interface contentTypeObject {
+  model: string
+  label: string
 }
+
+export const contentTypes: contentTypeObject[] = [
+  {
+    model: 'news.News',
+    label: 'News & Features'
+  },
+  {
+    model: 'home.HomePage',
+    label: 'Homepage'
+  },
+  {
+    model: 'missions.Mission',
+    label: 'Missions'
+  },
+  {
+    model: 'events.EventPage',
+    label: 'Events'
+  },
+  {
+    model: 'image_detail.ImageDetailPage',
+    label: 'Images'
+  },
+  {
+    model: 'audio_detail.AudioIndexPage',
+    label: 'Audio Index'
+  },
+  {
+    model: 'audio_detail.AudioDetailPage',
+    label: 'Audio'
+  },
+  {
+    model: 'infographics.InfographicsDetailPage',
+    label: 'Infographics'
+  },
+  {
+    model: 'image_detail.CuratedGalleryPage',
+    label: 'Curated Gallery'
+  },
+  {
+    model: 'topics.TopicPage',
+    label: 'Topics'
+  },
+  {
+    model: 'asteroid_watch.AsteroidWatchIndexPage',
+    label: 'Asteroid Watch Index'
+  },
+  {
+    model: 'asteroid_watch.AsteroidWatchContentPage',
+    label: 'Asteroid Watch'
+  },
+  {
+    model: 'missions.MissionsIndexPage',
+    label: 'Missions Index'
+  },
+  {
+    model: 'information_pages.ContentPage',
+    label: 'Information pages'
+  },
+  {
+    model: 'robotics.RobotPage',
+    label: 'Robots'
+  },
+  {
+    model: 'video_detail.VideoDetailPage',
+    label: 'Video'
+  },
+  {
+    model: 'podcasts.PodcastPage',
+    label: 'Podcasts'
+  },
+  {
+    model: 'go_pages.GoHomePage',
+    label: 'Go Sites'
+  },
+  {
+    model: 'press_kits.PressKitHomePage',
+    label: 'Press Kits'
+  },
+  {
+    model: 'profiles.ProfilePage',
+    label: 'People'
+  },
+  // EDU content types
+  {
+    model: 'edu_home.EDUHomePage',
+    label: 'Education Homepage'
+  },
+  {
+    model: 'edu_information_pages.EDUContentPage',
+    label: 'EDU Information Pages'
+  },
+  {
+    model: 'edu_news.EDUNewsIndexPage',
+    label: 'EDU News Index'
+  },
+  {
+    model: 'edu_events.EDUEventsIndexPage',
+    label: 'EDU Events Index'
+  },
+  {
+    model: 'edu_events.EDUEventPage',
+    label: 'EDU Events'
+  },
+  {
+    model: 'edu_news.EDUNewsPage',
+    label: 'EDU News'
+  },
+  {
+    model: 'edu_resources.EDUExplainerArticlePage',
+    label: 'EDU Explainer Articles'
+  },
+  {
+    model: 'edu_resources.EDUResourceLibraryIndexPage',
+    label: 'EDU Resource Library Index'
+  },
+  {
+    model: 'edu_resources.EDULessonPage',
+    label: 'EDU Lesson Plans'
+  },
+  {
+    model: 'edu_resources.EDUStudentProjectPage',
+    label: 'EDU Student Projects'
+  },
+  {
+    model: 'edu_resources.EDUTeachableMomentPage',
+    label: 'EDU Teachable Moments'
+  },
+  {
+    model: 'edu_resources.EDUCollectionsDetailPage',
+    label: 'EDU Collections'
+  },
+  {
+    model: 'edu_resources.EDUGalleryDetailPage',
+    label: 'EDU Galleries'
+  },
+  {
+    model: 'edu_resources.EDUImageDetailPage',
+    label: 'EDU Images'
+  },
+  {
+    model: 'edu_resources.EDUInfographicDetailPage',
+    label: 'EDU Infographics'
+  },
+  {
+    model: 'edu_resources.EDUDocumentDetailPage',
+    label: 'EDU Documents'
+  },
+  {
+    model: 'edu_resources.EDUVideoDetailPage',
+    label: 'EDU Videos'
+  }
+]
+
+interface contentAliasObject extends contentTypeObject {
+  interface?: string
+  eskey?: string
+}
+const getContentAliases = (): contentAliasObject[] => {
+  const getInterface = (contentType: contentTypeObject) => {
+    const model = contentType.model
+    return model ? model.split('.').pop() : undefined
+  }
+  const getEskey = (contentType: contentTypeObject) => {
+    const model = contentType.model
+    return model ? model.toLowerCase().replace('.', '_') : undefined
+  }
+
+  let entries: contentAliasObject[] = []
+
+  contentTypes.forEach((contentType) => {
+    const entry: contentAliasObject = {
+      ...contentType,
+      interface: getInterface(contentType),
+      eskey: getEskey(contentType)
+    }
+    entries.push(entry)
+  })
+  return entries
+}
+
+export const contentAliases = getContentAliases()

package/src/utils/lookupContentType.ts

@@ -0,0 +1,22 @@
+import { contentAliases } from './../constants'
+
+export const getInterfaceFromEskey = (eskey: string) => {
+  let match = undefined
+  contentAliases.forEach((alias) => (alias.eskey === eskey ? (match = alias.interface) : undefined))
+  return match
+}
+
+export const getEskeyFromInterface = (interfaceName: string) => {
+  let match = undefined
+  contentAliases.forEach((alias) =>
+    alias.interface === interfaceName ? (match = alias.eskey) : undefined
+  )
+  return match
+}
+
+export const lookupContentType = (key: string, source: string, target: string) => {
+  let match = undefined
+  // @ts-expect-error
+  contentAliases.forEach((entry) => (entry[source] === key ? (match = entry[target]) : undefined))
+  return match
+}