@saooti/octopus-sdk 33.1.1 → 33.1.2

package/README.md

@@ -696,4 +696,5 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 33.0.6 Crédits
  * 33.0.7 Test refactor podcastmaker with scss variables
  * 33.1.0 Refacto store
+ * 33.1.2 Refacto lazy export
 

package/index.ts

@@ -1,186 +1,81 @@
 //Pages
-import Lives from "./src/components/pages/Lives.vue";
-import Podcast from "./src/components/pages/Podcast.vue";
-import Podcasts from "./src/components/pages/Podcasts.vue";
-import Emission from "./src/components/pages/Emission.vue";
-import Emissions from "./src/components/pages/Emissions.vue";
-import Playlist from "./src/components/pages/Playlist.vue";
-import Playlists from "./src/components/pages/Playlists.vue";
-import Participant from "./src/components/pages/Participant.vue";
-import Participants from "./src/components/pages/Participants.vue";
-import Search from "./src/components/pages/Search.vue";
-import Home from "./src/components/pages/Home.vue";
-import Category from "./src/components/pages/Category.vue";
-import Rubrique from "./src/components/pages/Rubrique.vue";
-import Error403Page from "./src/components/pages/Error403Page.vue";
+export const getLives = () => import("./src/components/pages/Lives.vue");
+export const getPodcast = () => import("./src/components/pages/Podcast.vue");
+export const getPodcasts = () => import("./src/components/pages/Podcasts.vue");
+export const getEmission = () => import("./src/components/pages/Emission.vue");
+export const getEmissions = () => import("./src/components/pages/Emissions.vue");
+export const getPlaylist = () => import("./src/components/pages/Playlist.vue");
+export const getPlaylists = () => import("./src/components/pages/Playlists.vue");
+export const getParticipant = () => import("./src/components/pages/Participant.vue");
+export const getParticipants = () => import("./src/components/pages/Participants.vue");
+export const getSearch = () => import("./src/components/pages/Search.vue");
+export const getHome = () => import("./src/components/pages/Home.vue");
+export const getCategory = () => import("./src/components/pages/Category.vue");
+export const getRubrique = () => import("./src/components/pages/Rubrique.vue");
+export const getError403Page = () => import("./src/components/pages/Error403Page.vue");
+
 //Misc
-import Footer from "./src/components/misc/Footer.vue";
-import LeftMenu from "./src/components/misc/LeftMenu.vue";
-import Player from "./src/components/misc/player/Player.vue";
-import Snackbar from "./src/components/misc/Snackbar.vue";
-import TopBar from "./src/components/misc/TopBar.vue";
-import HomeDropdown from "./src/components/misc/HomeDropdown.vue";
-import MessageModal from "./src/components/misc/modal/MessageModal.vue";
-import ErrorMessage from "./src/components/misc/ErrorMessage.vue";
-import Popover from "./src/components/misc/Popover.vue";
+export const getFooter = () => import("./src/components/misc/Footer.vue");
+export const getLeftMenu = () => import("./src/components/misc/LeftMenu.vue");
+export const getPlayer = () => import("./src/components/misc/player/Player.vue");
+export const getSnackbar = () => import("./src/components/misc/Snackbar.vue");
+export const getTopBar = () => import("./src/components/misc/TopBar.vue");
+export const getHomeDropdown = () => import("./src/components/misc/HomeDropdown.vue");
+export const getMessageModal = () => import("./src/components/misc/modal/MessageModal.vue");
+export const getErrorMessage = () => import("./src/components/misc/ErrorMessage.vue");
+export const getPopover = () => import("./src/components/misc/Popover.vue");
+
+
 //Display
-import CategoryChooser from "./src/components/display/categories/CategoryChooser.vue";
-import CategoryList from "./src/components/display/categories/CategoryList.vue";
-import CategoryFilter from "./src/components/display/categories/CategoryFilter.vue";
-import EmissionChooser from "./src/components/display/emission/EmissionChooser.vue";
-import EmissionList from "./src/components/display/emission/EmissionList.vue";
-import OrganisationChooser from "./src/components/display/organisation/OrganisationChooser.vue";
-import PodcastFilterList from "./src/components/display/podcasts/PodcastFilterList.vue";
-import PodcastInlineList from "./src/components/display/podcasts/PodcastInlineList.vue";
-import PodcastList from "./src/components/display/podcasts/PodcastList.vue";
-import ShareButtons from "./src/components/display/sharing/ShareButtons.vue";
-import EmissionInlineList from "./src/components/display/emission/EmissionInlineList.vue";
-import RubriqueChooser from "./src/components/display/rubriques/RubriqueChooser.vue";
-import CommentList from "./src/components/display/comments/CommentList.vue";
-import CommentInput from "./src/components/display/comments/CommentInput.vue";
-import PodcastPlaylistInlineList from "./src/components/display/playlist/PodcastPlaylistInlineList.vue";
+export const getCategoryChooser = () => import("./src/components/display/categories/CategoryChooser.vue");
+export const getCategoryList = () => import("./src/components/display/categories/CategoryList.vue");
+export const getCategoryFilter = () => import("./src/components/display/categories/CategoryFilter.vue");
+export const getEmissionChooser = () => import("./src/components/display/emission/EmissionChooser.vue");
+export const getEmissionList = () => import("./src/components/display/emission/EmissionList.vue");
+export const getOrganisationChooser = () => import("./src/components/display/organisation/OrganisationChooser.vue");
+export const getPodcastFilterList = () => import("./src/components/display/podcasts/PodcastFilterList.vue");
+export const getPodcastInlineList = () => import("./src/components/display/podcasts/PodcastInlineList.vue");
+export const getPodcastList = () => import("./src/components/display/podcasts/PodcastList.vue");
+export const getShareButtons = () => import("./src/components/display/sharing/ShareButtons.vue");
+export const getEmissionInlineList = () => import("./src/components/display/emission/EmissionInlineList.vue");
+export const getRubriqueChooser = () => import("./src/components/display/rubriques/RubriqueChooser.vue");
+export const getCommentList = () => import("./src/components/display/comments/CommentList.vue");
+export const getCommentInput = () => import("./src/components/display/comments/CommentInput.vue");
+export const getPodcastPlaylistInlineList = () => import("./src/components/display/playlist/PodcastPlaylistInlineList.vue");
+
 
 //AdvancedSearch
-import AdvancedSearch from "./src/components/display/filter/AdvancedSearch.vue";
-import RubriqueFilter from "./src/components/display/filter/RubriqueFilter.vue";
-import DateFilter from "./src/components/display/filter/DateFilter.vue";
-import SearchOrder from "./src/components/display/filter/SearchOrder.vue";
+export const getAdvancedSearch = () => import("./src/components/display/filter/AdvancedSearch.vue");
+export const getRubriqueFilter = () => import("./src/components/display/filter/RubriqueFilter.vue");
+export const getDateFilter = () => import("./src/components/display/filter/DateFilter.vue");
+export const getSearchOrder = () => import("./src/components/display/filter/SearchOrder.vue");
 
 //form
-import ClassicSearch from "./src/components/form/ClassicSearch.vue";
-import ClassicCheckbox from "./src/components/form/ClassicCheckbox.vue";
-import ClassicRadio from "./src/components/form/ClassicRadio.vue";
-import ClassicLoading from "./src/components/form/ClassicLoading.vue";
-import ClassicSelect from "./src/components/form/ClassicSelect.vue";
-import Paginate from "./src/components/display/list/Paginate.vue";
-import ListPaginate from "./src/components/display/list/ListPaginate.vue";
+export const getClassicSearch = () => import("./src/components/form/ClassicSearch.vue");
+export const getClassicCheckbox = () => import("./src/components/form/ClassicCheckbox.vue");
+export const getClassicRadio = () => import("./src/components/form/ClassicRadio.vue");
+export const getClassicLoading = () => import("./src/components/form/ClassicLoading.vue");
+export const getClassicSelect = () => import("./src/components/form/ClassicSelect.vue");
+export const getPaginate = () => import("./src/components/display/list/Paginate.vue");
+export const getListPaginate = () => import("./src/components/display/list/ListPaginate.vue");
+
 
 //mixins
-import {selenium} from "./src/components/mixins/functions";
-import {cookies} from "./src/components/mixins/functions";
-import {displayMethods} from "./src/components/mixins/functions";
-import {imageProxy} from "./src/components/mixins/functions";
-import {orgaFilter} from "./src/components/mixins/organisationFilter";
-import {initSDK} from "./src/components/mixins/init";
-import {tagOfMixins} from "./src/components/mixins/tagOfMixins";
 
-const components = {
-    Lives,
-    Podcast,
-    Podcasts,
-    Emission,
-    Emissions,
-    Playlist,
-    Playlists,
-    Participant,
-    Participants,
-    Search,
-    Home,
-    Category,
-    Footer,
-    LeftMenu,
-    Player,
-    TopBar,
-    CategoryChooser,
-    CategoryList,
-    PodcastInlineList,
-    EmissionChooser,
-    EmissionList,
-    /* EmissionItem, */
-    OrganisationChooser,
-    PodcastFilterList,
-    ShareButtons,
-    PodcastList,
-    EmissionInlineList,
-    RubriqueChooser,
-    Snackbar,
-    selenium,
-    cookies,
-    MessageModal,
-    CommentList,
-    CommentInput,
-    HomeDropdown,
-    ErrorMessage,
-    displayMethods,
-    imageProxy,
-    Rubrique,
-    CategoryFilter,
-    orgaFilter,
-    initSDK,
-    Popover,
-    tagOfMixins,
-    ClassicSearch,
-    ClassicCheckbox,
-    ClassicRadio,
-    ClassicLoading,
-    AdvancedSearch,
-    PodcastPlaylistInlineList,
-    ClassicSelect,
-    Error403Page,
-    Paginate,
-    ListPaginate,
-    RubriqueFilter,
-    DateFilter,
-    SearchOrder
-}
-export default components;
+import selenium from "./src/components/mixins/selenium";
+import cookies from "./src/components/mixins/cookies";
+import displayMethods from "./src/components/mixins/displayMethods";
+import imageProxy from "./src/components/mixins/imageProxy";
+import orgaFilter from "./src/components/mixins/organisationFilter";
+import initSDK from "./src/components/mixins/init";
+import tagOfMixins from "./src/components/mixins/tagOfMixins";
 
 export {
-    Lives,
-    Podcast,
-    Podcasts,
-    Emission,
-    Emissions,
-    Playlist,
-    Playlists,
-    Participant,
-    Participants,
-    Search,
-    Home,
-    Category,
-    Footer,
-    LeftMenu,
-    Player,
-    TopBar,
-    CategoryChooser,
-    CategoryList,
-    PodcastInlineList,
-    EmissionChooser,
-    /* EmissionItem, */
-    EmissionList,
-    OrganisationChooser,
-    PodcastFilterList,
-    ShareButtons,
-    PodcastList,
-    EmissionInlineList,
-    RubriqueChooser,
-    Snackbar,
     selenium,
     cookies,
-    MessageModal,
-    CommentList,
-    CommentInput,
-    HomeDropdown,
-    ErrorMessage,
     displayMethods,
     imageProxy,
-    Rubrique,
-    CategoryFilter,
     orgaFilter,
     initSDK,
-    Popover,
-    tagOfMixins,
-    ClassicSearch,
-    ClassicCheckbox,
-    ClassicRadio,
-    ClassicLoading,
-    AdvancedSearch,
-    PodcastPlaylistInlineList,
-    ClassicSelect,
-    Error403Page,
-    Paginate,
-    ListPaginate,
-    RubriqueFilter,
-    DateFilter,
-    SearchOrder
+    tagOfMixins
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "33.1.1",
+  "version": "33.1.2",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/App.vue

@@ -28,7 +28,7 @@ import { state } from './store/paramStore';
 import { Rubriquage } from './store/class/rubrique/rubriquage';
 import { RubriquageFilter } from './store/class/rubrique/rubriquageFilter';
 import { Rubrique } from './store/class/rubrique/rubrique';
-import { initSDK } from './components/mixins/init';
+import initSDK from './components/mixins/init';
 import { defineAsyncComponent, defineComponent } from 'vue'
 import { Category } from './store/class/general/category';
 const LeftMenu = defineAsyncComponent(() => import('@/components/misc/LeftMenu.vue'));

package/src/assets/bootstrap-diff.scss

@@ -11,7 +11,6 @@
         font-size:.7rem;
         border-radius: 4px;
         background: $octopus-secondary-color; 
-        transition: background .2s, border .2s, box-shadow .2s, color .2s;
         text-decoration: none !important;
         white-space: nowrap;
         border-width: 0;

package/src/assets/form.scss

@@ -40,10 +40,6 @@
 		max-width: 100%;
 		padding: 0.25rem 0.4rem;
 		position: relative;
-		-webkit-transition: background 0.2s, border 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
-		transition: background 0.2s, border 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
-		transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s;
-		transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
 		width: 100%;
 	}
 

package/src/assets/general.scss

@@ -269,57 +269,6 @@ body{
       margin-bottom: 0.2rem;
     }
   }
-  .btn-split{
-    display: inline-block;
-    cursor: default;
-    padding: 0;
-    position: relative;
-    text-align: center;
-    min-width: 400px;
-    @media (max-width: 400px) {
-      min-width: auto;
-    }
-    &:hover, &.mobileHover{
-      .label{
-        opacity: 0;
-        transition: opacity .5s .125s ease-out;
-      }
-      .btn {
-        margin: 0 0.3rem !important;
-      }
-    }
-    .btn{
-      transition:
-      background-color .5s ease-out,
-      border-radius .5s .25s ease-out,
-      margin .5s .25s ease-out;
-      margin: 0 !important;
-      &.first {
-        margin-left: 0;
-      }
-      &.last {
-        margin-right: 0;
-      }
-    }
-    .label {
-      position: absolute;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0.5rem;
-      border-radius: 4px;
-      font-weight: bold;
-      background: $octopus-secondary-color;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      opacity: 1;
-      pointer-events: none;
-      transition: opacity .5s .75s ease-out;
-    }
-  }
-  
   @media (max-width: 960px) {
     .d-flex:not(.flex-column){
       flex-wrap: wrap;

package/src/components/display/comments/CommentBasicView.vue

@@ -48,7 +48,8 @@
 </template>
 
 <script lang="ts">
-import { displayMethods, selenium } from '../../mixins/functions';
+import selenium from '../../mixins/selenium';
+import displayMethods from '../../mixins/displayMethods';
 import { CommentPodcast } from '@/store/class/general/comment';
 import moment from 'moment';
 import Popover from '../../misc/Popover.vue';

package/src/components/display/comments/CommentInput.vue

@@ -91,7 +91,7 @@
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
 import crudApi from '@/api/classicCrud';
-import { cookies } from '../../mixins/functions';
+import cookies from '../../mixins/cookies';
 import { state } from '../../../store/paramStore';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';

package/src/components/display/comments/CommentItem.vue

@@ -130,7 +130,8 @@
 
 <script lang="ts">
 import { state } from '../../../store/paramStore';
-import { displayMethods, selenium } from '../../mixins/functions';
+import selenium from '../../mixins/selenium';
+import displayMethods from '../../mixins/displayMethods';
 import { CommentPodcast } from '@/store/class/general/comment';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';

package/src/components/display/comments/CommentPlayer.vue

@@ -37,7 +37,7 @@
 
 <script lang="ts">
 import { CommentPodcast } from '@/store/class/general/comment';
-import { selenium } from '../../mixins/functions';
+import selenium from '../../mixins/selenium';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'CommentPlayer',

package/src/components/display/comments/CommentSection.vue

@@ -37,7 +37,7 @@
 <script lang="ts">
 import CommentList from './CommentList.vue';
 import CommentInput from './CommentInput.vue';
-import { cookies } from '../../mixins/functions';
+import cookies from '../../mixins/cookies';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
 

package/src/components/display/edit/EditCommentBox.vue

@@ -68,7 +68,7 @@
 </template>
 
 <script lang="ts">
-import { selenium } from '../../mixins/functions';
+import selenium from '../../mixins/selenium';
 import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const MessageModal = defineAsyncComponent(

package/src/components/display/emission/EmissionInlineList.vue

@@ -68,7 +68,7 @@ import { Emission } from '@/store/class/general/emission';
 import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
-import { imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
 import { Rubriquage } from '@/store/class/rubrique/rubriquage';
 export default defineComponent({
   name: 'EmissionInlineList',

package/src/components/display/emission/EmissionItem.vue

@@ -63,7 +63,8 @@ import { orgaComputed } from '../../mixins/orgaComputed';
 import { Emission } from '@/store/class/general/emission';
 import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
-import { displayMethods, imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
+import displayMethods from '../../mixins/displayMethods';
 import { defineComponent } from 'vue'
 import { Podcast } from '@/store/class/general/podcast';
 export default defineComponent({

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -143,7 +143,8 @@ import { Emission } from '@/store/class/general/emission';
 import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';
 import PodcastPlayBar from '../podcasts/PodcastPlayBar.vue';
-import { displayMethods, imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
+import displayMethods from '../../mixins/displayMethods';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'EmissionPlayerItem',

package/src/components/display/filter/ProductorSearch.vue

@@ -42,7 +42,7 @@
 <script lang="ts">
 import ClassicSearch from '../../form/ClassicSearch.vue';
 import { state } from '../../../store/paramStore';
-import { orgaFilter } from '../../mixins/organisationFilter';
+import orgaFilter from '../../mixins/organisationFilter';
 import { Organisation } from '@/store/class/general/organisation';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const OrganisationChooser = defineAsyncComponent(() => import('../organisation/OrganisationChooser.vue'));

package/src/components/display/live/LiveItem.vue

@@ -130,7 +130,7 @@ import crudApi from '@/api/classicCrud';
 import moment from 'moment';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import { Podcast } from '@/store/class/general/podcast';
 import { Participant } from '@/store/class/general/participant';
 

package/src/components/display/organisation/OrganisationChooser.vue

@@ -109,7 +109,8 @@
 </template>
 
 <script lang="ts">
-import { selenium, imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
+import selenium from '../../mixins/selenium';
 import { orgaComputed } from '../../mixins/orgaComputed';
 //@ts-ignore
 import VueMultiselect from 'vue-multiselect';

package/src/components/display/participant/ParticipantItem.vue

@@ -57,7 +57,8 @@
 import octopusApi from '@saooti/octopus-api';
 import { Participant } from '@/store/class/general/participant';
 import { state } from '../../../store/paramStore';
-import { displayMethods, imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
+import displayMethods from '../../mixins/displayMethods';
 import { orgaComputed } from '../../mixins/orgaComputed';
 import { defineComponent } from 'vue'
 import { Podcast } from '@/store/class/general/podcast';

package/src/components/display/playlist/PlaylistItem.vue

@@ -61,7 +61,8 @@
 <script lang="ts">
 import { Playlist } from '@/store/class/general/playlist';
 import { state } from '../../../store/paramStore';
-import { displayMethods, imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
+import displayMethods from '../../mixins/displayMethods';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PlaylistItem',

package/src/components/display/podcasts/PodcastImage.vue

@@ -91,7 +91,7 @@ import { state } from '../../../store/paramStore';
 import {StoreState} from '@/store/classStore/typeAppStore';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
-import { imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastImage',

package/src/components/display/podcasts/PodcastInlineListClassic.vue

@@ -55,7 +55,7 @@ import ClassicLoading from '../../form/ClassicLoading.vue';
 const PHONE_WIDTH = 960;
 import { state } from '../../../store/paramStore';
 import { Podcast } from '@/store/class/general/podcast';
-import { imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastInlineListClassic',

package/src/components/display/podcasts/PodcastModuleBox.vue

@@ -138,7 +138,7 @@ import { state } from '../../../store/paramStore';
 import moment from 'moment';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import { orgaComputed } from '../../mixins/orgaComputed';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';

package/src/components/display/podcasts/PodcastPlayBar.vue

@@ -33,7 +33,7 @@
 
 <script lang="ts">
 import DurationHelper from '../../../helper/duration';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import { state } from '../../../store/paramStore';
 import { defineComponent } from 'vue'
 export default defineComponent({

package/src/components/display/podcasts/TagList.vue

@@ -36,7 +36,7 @@
 
 <script lang="ts">
 import Popover from '../../misc/Popover.vue';
-import { tagOfMixins } from '../../mixins/tagOfMixins';
+import tagOfMixins from '../../mixins/tagOfMixins';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'TagList',

package/src/components/display/rubriques/RubriqueChooser.vue

@@ -67,7 +67,7 @@
 </template>
 
 <script lang="ts">
-import { selenium } from '../../mixins/functions';
+import selenium from '../../mixins/selenium';
 //@ts-ignore
 import VueMultiselect from 'vue-multiselect';
 import { Rubrique } from '@/store/class/rubrique/rubrique';

package/src/components/display/sharing/ShareButtons.vue

@@ -54,7 +54,7 @@
 import { Emission } from '@/store/class/general/emission';
 import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import Popover from '../../misc/Popover.vue';
 import ShareButtonsIntern from './ShareButtonsIntern.vue';
 import { defineComponent } from 'vue';

package/src/components/display/sharing/ShareButtonsIntern.vue

@@ -89,7 +89,7 @@ import { Emission } from '@/store/class/general/emission';
 import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';
 import Snackbar from '../../misc/Snackbar.vue';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import { defineComponent, defineAsyncComponent } from 'vue';
 import { Playlist } from '@/store/class/general/playlist';
 const ClipboardModal = defineAsyncComponent(() => import('../../misc/modal/ClipboardModal.vue'));

package/src/components/display/sharing/ShareDistribution.vue

@@ -37,7 +37,7 @@
 import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
 import Snackbar from '../../misc/Snackbar.vue';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import { Emission } from '@/store/class/general/emission';
 
 import { defineComponent, defineAsyncComponent } from 'vue';

package/src/components/misc/Footer.vue

@@ -92,7 +92,7 @@
 </template>
 
 <script lang="ts">
-import { cookies } from '../mixins/functions';
+import cookies from '../mixins/cookies';
 import ClassicSelect from '../form/ClassicSelect.vue';
 import Player from './player/Player.vue';
 import { state } from '../../store/paramStore';

package/src/components/misc/LeftMenu.vue

@@ -47,7 +47,7 @@
 
 <script lang="ts">
 import { state } from '../../store/paramStore';
-import { orgaFilter } from '../mixins/organisationFilter';
+import orgaFilter from '../mixins/organisationFilter';
 import { Category } from '@/store/class/general/category';
 import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent, defineAsyncComponent } from 'vue';

package/src/components/misc/TopBar.vue

@@ -74,8 +74,8 @@
 import { state } from '../../store/paramStore';
 import HomeDropdown from './HomeDropdown.vue';
 import { Organisation } from '@/store/class/general/organisation';
-import { orgaFilter } from '../mixins/organisationFilter';
-import { imageProxy } from '../mixins/functions';
+import orgaFilter from '../mixins/organisationFilter';
+import imageProxy from '../mixins/imageProxy';
 import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent,defineAsyncComponent } from 'vue';
 const OrganisationChooserLight = defineAsyncComponent(() => import('../display/organisation/OrganisationChooserLight.vue'));

package/src/components/misc/modal/ClipboardModal.vue

@@ -39,7 +39,7 @@
 
 <script lang="ts">
 import { Emission } from '@/store/class/general/emission';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import { defineComponent, defineAsyncComponent } from 'vue';
 import { state } from '../../../store/paramStore';
 const RssSection = defineAsyncComponent(() => import('@/components/display/aggregator/RssSection.vue'));

package/src/components/misc/modal/NewsletterModal.vue

@@ -105,7 +105,7 @@ import moment from 'moment';
 import VSwatches from 'vue3-swatches';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 import { Participant } from '@/store/class/general/participant';
 import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';

package/src/components/misc/modal/ShareModalPlayer.vue

@@ -94,7 +94,7 @@
 
 <script lang="ts">
 import Snackbar from '../Snackbar.vue';
-import { displayMethods } from '../../mixins/functions';
+import displayMethods from '../../mixins/displayMethods';
 
 import QrCode from '../../display/sharing/QrCode.vue';
 import { defineComponent } from 'vue'

package/src/components/misc/player/PlayerCompact.vue

@@ -77,7 +77,7 @@
 <script lang="ts">
 import { CommentPodcast } from '@/store/class/general/comment';
 import { playerDisplay } from '../../mixins/player/playerDisplay';
-import { imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
 import PlayerProgressBar from './PlayerProgressBar.vue';
 import PlayerTimeline from './PlayerTimeline.vue';
 import { defineComponent } from 'vue';

package/src/components/misc/player/PlayerLarge.vue

@@ -83,7 +83,7 @@
 </template>
 <script lang="ts">
 import { playerDisplay } from '../../mixins/player/playerDisplay';
-import { imageProxy } from '../../mixins/functions';
+import imageProxy from '../../mixins/imageProxy';
 import PlayerProgressBar from './PlayerProgressBar.vue';
 import PlayerTimeline from './PlayerTimeline.vue';
 import { defineComponent } from 'vue';

package/src/components/mixins/cookies.ts

@@ -0,0 +1,21 @@
+export default{
+  methods: {
+    setCookie(name: string, value: string, domain= ""): void {
+      const date = new Date();
+      date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
+      const expires = '; expires=' + date.toUTCString();
+      document.cookie = name + '=' + (value || '') + expires +domain+ '; path=/';
+    },
+    getCookie(name: string): string|null {
+      const nameEQ = name + '=';
+      const ca = document.cookie.split(';');
+      for (let cookieValue of ca) {
+        let c = cookieValue;
+        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+        if (0 === c.indexOf(nameEQ))
+          return c.substring(nameEQ.length, c.length);
+      }
+      return null;
+    },
+  },
+};

package/src/components/mixins/displayMethods.ts

@@ -0,0 +1,16 @@
+
+export default{
+  methods: {
+    urlify(text: string): string {
+      const urlRegex = /(https?:\/\/[^\s<]+)/g;
+      if (!text) return '';
+      return text.replace(urlRegex, (url: string) => {
+        return '<a href="' + url + '" target="_blank" rel="noopener">' + url + '</a>';
+      });
+    },
+    async onCopyCode(link: string, callback: () => void): Promise<void> {
+      await navigator.clipboard.writeText(link);
+      return callback();
+    },
+  },
+};

package/src/components/mixins/imageProxy.ts

@@ -0,0 +1,15 @@
+import { state } from '../../store/paramStore';
+export default {
+  methods: {
+    proxyImageUrl(url:string, width:string, height?:string): string{
+      if(!url){
+        return "";
+      }
+      if(state.octopusApi.imageUrl && url.includes('http')){
+        const size = height ? "height="+height:"width="+width;
+        return state.octopusApi.imageUrl+"image/"+btoa(url)+"?"+size+"&useWebp=true";
+      }
+      return url;
+    },
+  },
+};

package/src/components/mixins/init.ts

@@ -1,10 +1,10 @@
 
 import { Category } from "@/store/class/general/category";
-import { orgaFilter } from '../mixins/organisationFilter';
+import orgaFilter from '../mixins/organisationFilter';
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../store/paramStore';
 import { defineComponent } from 'vue';
-export const initSDK = defineComponent({
+export default defineComponent({
   mixins: [orgaFilter],
   methods: {
     async initSdk() {

package/src/components/mixins/organisationFilter.ts

@@ -5,7 +5,7 @@ import octopusApi from '@saooti/octopus-api';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
 import { Organisation } from '@/store/class/general/organisation';
-export const orgaFilter = defineComponent({
+export default defineComponent({
   mixins: [handle403],
   methods: {
     async selectOrganisation(organisationId: string): Promise<void> {

package/src/components/mixins/player/playerLogic.ts

@@ -1,7 +1,7 @@
 import { mapState } from 'vuex';
 import octopusApi from '@saooti/octopus-api';
 import { CommentPodcast } from '@/store/class/general/comment';
-import { cookies } from '../functions';
+import cookies from '../selenium';
 import { playerLive } from './playerLive';
 import { playerComment } from './playerComment';
 import { defineComponent } from 'vue';

package/src/components/mixins/selenium.ts

@@ -0,0 +1,7 @@
+export default {
+  methods: {
+    seleniumFormat(string: string): string {
+      return string.toLowerCase().replace(/\s/g, '');
+    },
+  },
+};

package/src/components/mixins/tagOfMixins.ts

@@ -1,5 +1,5 @@
 import {defineComponent } from 'vue';
-export const tagOfMixins =  defineComponent({
+export default defineComponent({
   name: 'TagOfMixins',
 	methods:{
     isOuestFranceTag(tag: string): boolean{

package/src/components/pages/Emission.vue

@@ -81,7 +81,8 @@
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../store/paramStore';
-import { displayMethods, imageProxy } from '../mixins/functions';
+import displayMethods from '../mixins/displayMethods';
+import imageProxy from '../mixins/imageProxy';
 import { orgaComputed } from '../mixins/orgaComputed';
 import { handle403 } from '../mixins/handle403';
 import { Emission } from '@/store/class/general/emission';

package/src/components/pages/Participant.vue

@@ -63,7 +63,8 @@
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../store/paramStore';
-import { displayMethods, imageProxy } from '../mixins/functions';
+import displayMethods from '../mixins/displayMethods';
+import imageProxy from '../mixins/imageProxy';
 import { orgaComputed } from '../mixins/orgaComputed';
 import { handle403 } from '../mixins/handle403';
 import { Participant } from '@/store/class/general/participant';

package/src/components/pages/Playlist.vue

@@ -55,7 +55,8 @@ import ClassicLoading from '../form/ClassicLoading.vue';
 import PodcastList from '../display/playlist/PodcastList.vue';
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../store/paramStore';
-import { displayMethods, imageProxy } from '../mixins/functions';
+import displayMethods from '../mixins/displayMethods';
+import imageProxy from '../mixins/imageProxy';
 import { handle403 } from '../mixins/handle403';
 import { Playlist } from '@/store/class/general/playlist';
 import { defineComponent, defineAsyncComponent } from 'vue';

package/src/components/display/sharing/SplitButton.vue

@@ -1,42 +0,0 @@
-<template>
-  <div
-    class="btn-split"
-    @mouseleave="mobileHoverEffect=false"
-  >
-    <div class="d-flex flex-wrap">
-      <slot name="inside-button" />
-    </div>
-    <div class="label">
-      {{ title }}
-    </div> 
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-export default defineComponent({
-  props: {
-    title: { default: '', type:String},
-  },
-   
-  data() {
-    return {
-      mobileHoverEffect:false as boolean,
-    };
-  },
-  computed:{
-    isMobile(): boolean {
-      return window.matchMedia('(hover: none)').matches;
-    },
-  },
-
-  methods: {
-    linkClick(event: { preventDefault: () => void; }){
-      if(this.isMobile && !this.mobileHoverEffect){
-        this.mobileHoverEffect = true;
-        event.preventDefault();
-      }
-    },
-  },
-})
-</script>

package/src/components/mixins/functions.ts

@@ -1,62 +0,0 @@
-import { state } from '../../store/paramStore';
-
-export const selenium ={
-  methods: {
-    seleniumFormat(string: string): string {
-      return string.toLowerCase().replace(/\s/g, '');
-    },
-  },
-};
-export const imageProxy ={
-  methods: {
-    proxyImageUrl(url:string, width:string, height?:string): string{
-      if(!url){
-        return "";
-      }
-      if(state.octopusApi.imageUrl && url.includes('http')){
-        const size = height ? "height="+height:"width="+width;
-        return state.octopusApi.imageUrl+"image/"+btoa(url)+"?"+size+"&useWebp=true";
-      }
-      return url;
-    },
-  },
-};
-export const cookies =
-{
-  methods: {
-    setCookie(name: string, value: string, domain= ""): void {
-      const date = new Date();
-      date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
-      const expires = '; expires=' + date.toUTCString();
-      document.cookie = name + '=' + (value || '') + expires +domain+ '; path=/';
-    },
-    getCookie(name: string): string|null {
-      const nameEQ = name + '=';
-      const ca = document.cookie.split(';');
-      for (let cookieValue of ca) {
-        let c = cookieValue;
-        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
-        if (0 === c.indexOf(nameEQ))
-          return c.substring(nameEQ.length, c.length);
-      }
-      return null;
-    },
-  },
-};
-
-export const displayMethods ={
-  methods: {
-    urlify(text: string): string {
-      const urlRegex = /(https?:\/\/[^\s<]+)/g;
-      if (!text) return '';
-      return text.replace(urlRegex, (url: string) => {
-        return '<a href="' + url + '" target="_blank" rel="noopener">' + url + '</a>';
-      });
-    },
-    async onCopyCode(link: string, callback: () => void): Promise<void> {
-      await navigator.clipboard.writeText(link);
-      return callback();
-    },
-  },
-};
-