@saooti/octopus-sdk 1.0.0 → 1.1.1

package/src/router/router.ts

@@ -1,171 +1,204 @@
-import { createRouter, createWebHistory } from 'vue-router';
+import { createRouter, createWebHistory, RouteLocationNormalized, RouteRecordRaw } from 'vue-router'
 
 /*--------------------------------------------------------------------------
 Composants publics
 --------------------------------------------------------------------------*/
-import Home from '@/components/pages/Home.vue';
-import PodcastsPage from '@/components/pages/Podcasts.vue';
-import EmissionPage from '@/components/pages/Emission.vue';
-import EmissionsPage from '@/components/pages/Emissions.vue';
-import ParticpantsPage from '@/components/pages/Participants.vue';
-import PodcastPage from '@/components/pages/Podcast.vue';
-import ParticipantPage from '@/components/pages/Participant.vue';
-import SearchPage from '@/components/pages/Search.vue';
-import CategoryPage from '@/components/pages/Category.vue';
-import RubriquePage from '@/components/pages/Rubrique.vue';
-import LivesPage from '@/components/pages/Lives.vue';
-import PlaylistPage from '@/components/pages/Playlist.vue';
-import PlaylistsPage from '@/components/pages/Playlists.vue';
 
+const Home = () => import('@/components/pages/Home.vue');
+const PodcastsPage = () => import('@/components/pages/Podcasts.vue');
+const EmissionPage = () => import('@/components/pages/Emission.vue');
+const EmissionsPage = () => import('@/components/pages/Emissions.vue');
+const ParticpantsPage = () => import('@/components/pages/Participants.vue');
+const PodcastPage = () => import('@/components/pages/Podcast.vue');
+const ParticipantPage = () => import('@/components/pages/Participant.vue');
+const SearchPage = () => import('@/components/pages/Search.vue');
+const CategoryPage = () => import('@/components/pages/Category.vue');
+const RubriquePage = () => import('@/components/pages/Rubrique.vue');
+const LivesPage = () => import('@/components/pages/Lives.vue');
+const PlaylistPage = () => import('@/components/pages/Playlist.vue');
+const PlaylistsPage = () => import('@/components/pages/Playlists.vue');
+const error403Page = () => import('@/components/pages/Error403Page.vue');
+const PageNotFound = () => import('@/components/pages/PageNotFound.vue');
 
-const routes = [
+const routes: Array<RouteRecordRaw> = [
   /*--------------------------------------------------------------------------
   Liens publics
   --------------------------------------------------------------------------*/
-  {
-    path: '/',
-    name: '',
-    component: Home,
-  },
-  {
-    path: '/main/pub/home:productor?',
-    name: 'home',
-    component: Home,
-    props: (route:any) => ({
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/search/:query?/:productor?',
-    name: 'search',
-    component: SearchPage,
-    props: (route:any) => ({
-      productor: route.params.productor,
-      query: route.params.query,
-    }),
-  },
-  {
-    path: '/main/pub/podcasts/:productor?',
-    name: 'podcasts',
-    component: PodcastsPage,
-    props: (route:any) => ({
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/emissions/:productor?',
-    name: 'emissions',
-    component: EmissionsPage,
-    props: (route:any) => ({
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/participants/:productor?',
-    name: 'participants',
-    component: ParticpantsPage,
-    props: (route:any) => ({
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/emission/:emissionId/:productor?',
-    name: 'emission',
-    component: EmissionPage,
-    props: (route:any) => ({
-      first: parseInt(route.query.first, 10) || 0,
-      size: parseInt(route.query.size, 10) || 12,
-      emissionId: parseInt(route.params.emissionId, 10),
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/podcast/:podcastId/:productor?',
-    name: 'podcast',
-    component: PodcastPage,
-    props: (route:any) => ({
-      podcastId: parseInt(route.params.podcastId, 10),
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/participant/:participantId/:productor?',
-    name: 'participant',
-    component: ParticipantPage,
-    props: (route:any) => ({
-      first: parseInt(route.query.first, 10) || 0,
-      size: parseInt(route.query.size, 10) || 12,
-      participantId: parseInt(route.params.participantId, 10),
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/category/:iabId/:productor?',
-    name: 'category',
-    component: CategoryPage,
-    props: (route:any) => ({
-      first: parseInt(route.query.first, 10) || 0,
-      size: parseInt(route.query.size, 10) || 12,
-      iabId: parseInt(route.params.iabId, 10),
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/rubrique/:rubriqueId/:productor?',
-    name: 'rubrique',
-    component: RubriquePage,
-    props: (route:any) => ({
-      first: parseInt(route.query.first, 10) || 0,
-      size: parseInt(route.query.size, 10) || 12,
-      rubriqueId: parseInt(route.params.rubriqueId, 10),
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/lives/:productor?',
-    name: 'lives',
-    component: LivesPage,
-    props: (route:any) => ({
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/home',
-    name: 'productor',
-    component: Home,
-    props: () => ({
-      productorId: 0,
-    }),
-  },
-  {
-    path: '/main/pub/home',
-    name: 'productors',
-    component: Home,
-    props: () => ({
-      productorId: 0,
-    }),
-  },
-  {
-    path: '/main/pub/playlists/:productor?',
-    name: 'playlists',
-    component: PlaylistsPage,
-    props: (route:any) => ({
-      productor: route.params.productor,
-    }),
-  },
-  {
-    path: '/main/pub/playlist/:playlistId/:productor?',
-    name: 'playlist',
-    component: PlaylistPage,
-    props: (route:any) => ({
-      playlistId: parseInt(route.params.playlistId, 10),
-      productor: route.params.productor,
-    }),
-  },
+    {
+      path: '/',
+      name: '',
+      component: Home,
+    },
+    {
+      path: '/main/pub/error',
+      name: 'error',
+      component: error403Page,
+    },
+    {
+      path: '/main/pub/home:productor?:iabId?:rubriquesId?',
+      name: 'home',
+      component: Home,
+      props: (route: RouteLocationNormalized) => ({
+        productor: route.params.productor,
+        iabId: route.params.iabId,
+        rubriquesId: route.params.rubriquesId,
+      }),
+    },
+    {
+      path: '/main/pub/search/:query?/:productor?',
+      name: 'search',
+      component: SearchPage,
+      props: (route: RouteLocationNormalized) => ({
+        productor: route.params.productor,
+        queryRoute: route.params.query,
+      }),
+    },
+    {
+      path: '/main/pub/podcasts/:productor?:iabId?:rubriquesId?',
+      name: 'podcasts',
+      component: PodcastsPage,
+      props: (route: RouteLocationNormalized) => ({
+        productor: route.params.productor,
+        iabId: route.params.iabId,
+        rubriquesId: route.params.rubriquesId,
+      }),
+    },
+    {
+      path: '/main/pub/emissions/:productor?:iabId?:rubriquesId?',
+      name: 'emissions',
+      component: EmissionsPage,
+      props: (route: RouteLocationNormalized) => ({
+        productor: route.params.productor,
+        iabId: route.params.iabId,
+        rubriquesId: route.params.rubriquesId,
+      }),
+    },
+    {
+      path: '/main/pub/participants/:productor?',
+      name: 'participants',
+      component: ParticpantsPage,
+      props: (route: RouteLocationNormalized) => ({
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/emission/:emissionId/:productor?',
+      name: 'emission',
+      component: EmissionPage,
+      props: (route: RouteLocationNormalized) => ({
+        firstRoute: route.query.first ? parseInt(route.query.first.toString(), 10) : 0,
+        sizeRoute: route.query.size ? parseInt(route.query.size.toString(), 10) :12,
+        emissionId: parseInt(route.params.emissionId.toString(), 10),
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/podcast/:podcastId/:productor?',
+      name: 'podcast',
+      component: PodcastPage,
+      props: (route: RouteLocationNormalized) => ({
+        podcastId: parseInt(route.params.podcastId.toString(), 10),
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/participant/:participantId/:productor?',
+      name: 'participant',
+      component: ParticipantPage,
+      props: (route: RouteLocationNormalized) => ({
+        firstRoute: route.query.first ? parseInt(route.query.first.toString(), 10) : 0,
+        sizeRoute: route.query.size ? parseInt(route.query.size.toString(), 10) :12,
+        participantId: parseInt(route.params.participantId.toString(), 10),
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/category/:iabId/:productor?',
+      name: 'category',
+      component: CategoryPage,
+      props: (route: RouteLocationNormalized) => ({
+        firstRoute: route.query.first ? parseInt(route.query.first.toString(), 10) : 0,
+        sizeRoute: route.query.size ? parseInt(route.query.size.toString(), 10) :12,
+        iabId: parseInt(route.params.iabId.toString(), 10),
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/rubrique/:rubriqueId/:productor?',
+      name: 'rubrique',
+      component: RubriquePage,
+      props: (route: RouteLocationNormalized) => ({
+        firstRoute: route.query.first ? parseInt(route.query.first.toString(), 10) : 0,
+        sizeRoute: route.query.size ? parseInt(route.query.size.toString(), 10) :12,
+        rubriqueId: parseInt(route.params.rubriqueId.toString(), 10),
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/lives/:productor?',
+      name: 'lives',
+      component: LivesPage,
+      props: (route: RouteLocationNormalized) => ({
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/home',
+      name: 'productor',
+      component: Home,
+      props: () => ({
+        productorId: 0,
+      }),
+    },
+    {
+      path: '/main/pub/home',
+      name: 'productors',
+      component: Home,
+      props: () => ({
+        productorId: 0,
+      }),
+    },
+    {
+      path: '/main/pub/playlists/:productor?',
+      name: 'playlists',
+      component: PlaylistsPage,
+      props: (route: RouteLocationNormalized) => ({
+        productor: route.params.productor,
+      }),
+    },
+    {
+      path: '/main/pub/playlist/:playlistId/:productor?',
+      name: 'playlist',
+      component: PlaylistPage,
+      props: (route: RouteLocationNormalized) => ({
+        playlistId: parseInt(route.params.playlistId.toString(), 10),
+        productor: route.params.productor,
+      }),
+    },
+    //Fake route to avoid errors
+    {
+      path: '/main/pub/contact',
+      component: Home,
+    },
+    {
+      path: '/main/pub/cgu',
+      component: Home,
+    },
+    {
+      path: '/main/pub/libraries',
+      component: Home,
+    },
+    {
+      path: '/main/priv/distribution/:distrib/:id',
+      component: Home,
+    },
+    { path: '/:pathMatch(.*)*', component: PageNotFound }
+    
 ];
-const router = createRouter({
+export default createRouter({
   history: createWebHistory(process.env.BASE_URL),
-  routes
+  routes: routes,
+  scrollBehavior(): {left: number; top: number} {
+    return { left: 0, top: 0 };
+  },
 })
-
-export default router;

package/src/sass/_variables.scss

@@ -5,7 +5,9 @@ $body-bg: #f8fafc;
 $font-family-sans-serif: 'Roboto', sans-serif;
 $font-size-base: 0.9rem;
 $line-height-base: 1.6;
-$primary: #40a372;
+$primary: #32815C;
+$secondary: #636C73;
+$danger: #E22C27;
 
 // Colors
 $blue: #3490dc;
@@ -20,14 +22,14 @@ $teal: #4dc0b5;
 $cyan: #6cb2eb;
 
 //Octopus style
-$octopus-background: #f3f3f3;
-$octopus-secondary-background: #fafafa;
+$octopus-background: #fafafa;
 $octopus-primary-color: #40a372;
 $octopus-secondary-color : #ddd;
-$octopus-light-secondary-color: #eee;
-$octopus-third-color: rgba(214,217,31,1);
-$octopus-alert-text: darkred;
-$octopus-primary-dark : #48a879;
-$primaryColorReallyTransparent : #a2f3c993;
+$octopus-primary-linear-background: #7fd8ab;
+$octopus-primary-dark : #1a8658;
+
+$primaryColorTransparent : #40a37193;
+$primaryColorMoreTransparent : #40a37154;
+$primaryColorReallyTransparent : #cef7e250;
 
 

package/src/shims-tsx.d.ts

@@ -0,0 +1,15 @@
+/* eslint-disable */
+import Vue, { VNode } from 'vue'
+
+declare global {
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    type Element = VNode
+    // tslint:disable no-empty-interface
+    type ElementClass = Vue
+    interface IntrinsicElements {
+      [elem: string]: any;
+    }
+  }
+}
+/* eslint-enable */

package/src/shims-vue-recaptcha-v3.d.ts

@@ -0,0 +1,9 @@
+import { ReCaptchaInstance } from 'recaptcha-v3'
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $recaptcha: (action: string) => Promise<string>
+    $recaptchaLoaded: () => Promise<boolean>
+    $recaptchaInstance: ReCaptchaInstance
+  }
+}

package/src/shims-vue.d.ts

@@ -1,6 +1,5 @@
-/* eslint-disable */
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
+declare module "*.vue" {
+  import { defineComponent } from "vue";
+  const component: ReturnType<typeof defineComponent>;
+  export default component;
+}