@paris-ias/list 1.0.11 → 1.0.14

package/README.md

@@ -1,64 +1,84 @@
-# @paris-ias/list
+<!--
+Get your module up and running quickly.
 
-A Nuxt module for managing list components with GraphQL integration.
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: My Module
+- Package name: my-module
+- Description: My new Nuxt module
+-->
 
-## Installation
+# My Module
 
-```bash
-# Using npm
-npm install @paris-ias/list
-
-# Using yarn
-yarn add @paris-ias/list
-
-# Using pnpm
-pnpm add @paris-ias/list
-```
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
 
-## Usage
-
-Add the module to your `nuxt.config.ts`:
-
-```ts
-export default defineNuxtConfig({
-  modules: ['@paris-ias/list'],
-  list: {
-    modules: ['events', 'news', 'people', 'projects', 'fellowships', 'publications']
-  }
-})
-```
+My new Nuxt module for doing amazing things.
 
-Set up your environment variables:
-
-```env
-GRAPHQL_ENDPOINT=your_graphql_endpoint
-GRAPHQL_API_KEY=your_graphql_api_key
-```
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+<!-- - [📖 &nbsp;Documentation](https://example.com) -->
 
 ## Features
 
-- List components for different content types
-- GraphQL integration
-- i18n support
-- Vuetify integration
-- TypeScript support
-
-## Components
+<!-- Highlight some of the features your module provide here -->
+- ⛰ &nbsp;Foo
+- 🚠 &nbsp;Bar
+- 🌲 &nbsp;Baz
 
-The module provides the following components:
+## Quick Setup
 
-- `ListOrganismsList`: A reusable list component that can be used with different content types
+Install the module to your Nuxt application with one command:
 
-Example usage:
-
-```vue
-<template>
-  <ListOrganismsList type="events" />
-  <ListOrganismsList type="news" />
-  <ListOrganismsList type="people" />
-</template>
+```bash
+npx nuxi module add my-module
 ```
 
-## License
-
-MIT 
+That's it! You can now use My Module in your Nuxt app ✨
+
+
+## Contribution
+
+<details>
+  <summary>Local development</summary>
+  
+  ```bash
+  # Install dependencies
+  npm install
+  
+  # Generate type stubs
+  npm run dev:prepare
+  
+  # Develop with the playground
+  npm run dev
+  
+  # Build the playground
+  npm run dev:build
+  
+  # Run ESLint
+  npm run lint
+  
+  # Run Vitest
+  npm run test
+  npm run test:watch
+  
+  # Release new version
+  npm run release
+  ```
+
+</details>
+
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.d.mts

@@ -0,0 +1,8 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@paris-ias/list",
+  "configKey": "list",
+  "version": "1.0.14",
+  "builder": {
+    "@nuxt/module-builder": "1.0.0",
+    "unbuild": "3.5.0"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,64 @@
+import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addPlugin } from '@nuxt/kit';
+
+const module = defineNuxtModule({
+  meta: {
+    name: "@paris-ias/list",
+    configKey: "list"
+  },
+  // Default configuration options of the Nuxt module
+  defaults: {
+    modules: []
+  },
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components"),
+      global: true
+    });
+    addImportsDir(resolver.resolve("./runtime/composables"));
+    addImportsDir(resolver.resolve("./runtime/graphql"));
+    addPlugin(resolver.resolve("./runtime/plugins/pinia"));
+    addPlugin(resolver.resolve("./runtime/plugins/vuetify"));
+    nuxt.hook("i18n:registerModule", (register) => {
+      register({
+        // langDir path needs to be resolved
+        langDir: resolver.resolve("./runtime/translations"),
+        locales: [
+          {
+            code: "en",
+            file: "en.json"
+          },
+          {
+            code: "fr",
+            file: "fr.json"
+          }
+        ]
+      });
+    });
+    nuxt.options.runtimeConfig.public.list = options;
+    nuxt.options.i18n = {
+      ...nuxt.options.i18n,
+      langDir: resolver.resolve("./runtime/translations"),
+      lazy: true
+    };
+    nuxt.options.vite = {
+      ...nuxt.options.vite,
+      define: {
+        ...nuxt.options.vite?.define,
+        "process.env.DEBUG": false
+      },
+      css: {
+        preprocessorOptions: {
+          scss: {
+            api: "modern-compiler"
+          }
+        }
+      },
+      build: {
+        target: "esnext"
+      }
+    };
+  }
+});
+
+export { module as default };

package/dist/runtime/components/events/Badges.vue

@@ -62,12 +62,10 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify"
-const { smAndUp } = useDisplay()
-const { locale } = useI18n()
+import { useDisplay } from "vuetify";
+const { smAndUp } = useDisplay();
+const { locale } = useI18n();
 const props = defineProps({
-  item: { type: Object, required: true },
-})
+  item: { type: Object, required: true }
+});
 </script>
-
-<style lang="scss" scoped></style>

package/dist/runtime/components/events/DateTimePlace.vue

@@ -56,22 +56,20 @@
 </template>
 
 <script setup>
-import { getDetailedFormatedDate } from "../../composables/useUtils"
-const { locale } = useI18n()
+import { getDetailedFormatedDate } from "../../composables/useUtils";
+const { locale } = useI18n();
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
-  },
-})
-const open = ref(false)
-const detailedStart = getDetailedFormatedDate(props.item.start, locale.value)
+    required: true
+  }
+});
+const open = ref(false);
+const detailedStart = getDetailedFormatedDate(props.item.start, locale.value);
 const startDay = ref(
   `${detailedStart.day} ${detailedStart.month} ${detailedStart.year}`
-)
-const startTime = ref(detailedStart.hours)
-const detailedStop = getDetailedFormatedDate(props.item.stop, locale.value)
-const stopTime = ref(detailedStop.hours)
+);
+const startTime = ref(detailedStart.hours);
+const detailedStop = getDetailedFormatedDate(props.item.stop, locale.value);
+const stopTime = ref(detailedStop.hours);
 </script>
-
-<style lang="scss" scoped></style>

package/dist/runtime/components/events/DenseItem.vue

@@ -24,17 +24,18 @@
     </v-col>
   </v-row>
 </template>
+
 <script setup>
-const { locale } = useI18n()
-const localePath = useLocalePath()
+const { locale } = useI18n();
+const localePath = useLocalePath();
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
+    required: true
   },
   index: {
     type: Number,
-    required: true,
-  },
-})
+    required: true
+  }
+});
 </script>

package/dist/runtime/components/events/ExpandedItem.vue

@@ -2,10 +2,8 @@
   <div class="text-h4">{{ item.name }}</div>
 </template>
 
-<script lang="ts" setup>
+<script setup>
 const props = defineProps({
-  item: { type: Object, required: true },
-})
+  item: { type: Object, required: true }
+});
 </script>
-
-<style></style>

package/dist/runtime/components/events/ListContainer.vue

@@ -28,14 +28,14 @@
     </v-row>
   </v-sheet>
 </template>
+
 <script setup>
-import { useRootStore } from "../../stores/root"
-const rootStore = useRootStore()
+import { useRootStore } from "../../stores/root";
+const rootStore = useRootStore();
 const props = defineProps({
   events: {
     type: Array,
-    required: true,
-  },
-})
+    required: true
+  }
+});
 </script>
-<style lang="scss"></style>

package/dist/runtime/components/events/RegisterModal.vue

@@ -41,11 +41,10 @@
 
 <script setup>
 const props = defineProps({
-  item: { type: Object, required: true },
-})
+  item: { type: Object, required: true }
+});
 </script>
+
 <style>
-.register-text {
-  font-size: 0.8rem;
-}
+.register-text{font-size:.8rem}
 </style>

package/dist/runtime/components/events/RelatedItem.vue

@@ -34,11 +34,10 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify"
-import { useRootStore } from "../../stores/root"
-const localePath = useLocalePath()
-const rootStore = useRootStore()
-const { lgAndUp } = useDisplay()
-
-const props = defineProps({ item: { type: Object, required: true } })
+import { useDisplay } from "vuetify";
+import { useRootStore } from "../../stores/root";
+const localePath = useLocalePath();
+const rootStore = useRootStore();
+const { lgAndUp } = useDisplay();
+const props = defineProps({ item: { type: Object, required: true } });
 </script>

package/dist/runtime/components/events/RowsItem.vue

@@ -93,22 +93,23 @@
     </v-col>
   </v-row>
 </template>
+
 <script setup>
-import { useDisplay } from "vuetify"
-import { useRootStore } from "../../stores/root"
-const { locale } = useI18n()
-const { name, mdAndDown, lgAndUp } = useDisplay()
-const localePath = useLocalePath()
-const rootStore = useRootStore()
-const { $stores } = useNuxtApp()
+import { useDisplay } from "vuetify";
+import { useRootStore } from "../../stores/root";
+const { locale } = useI18n();
+const { name, mdAndDown, lgAndUp } = useDisplay();
+const localePath = useLocalePath();
+const rootStore = useRootStore();
+const { $stores } = useNuxtApp();
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
+    required: true
   },
   index: {
     type: Number,
-    required: true,
-  },
-})
+    required: true
+  }
+});
 </script>

package/dist/runtime/components/events/View.vue

@@ -306,28 +306,25 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify"
-import getFileIcon from "../../composables/useIcons"
-const { name, mdAndUp, sm, xs } = useDisplay()
-const router = useRouter()
+import { useDisplay } from "vuetify";
+import getFileIcon from "../../composables/useIcons";
+const { name, mdAndUp, sm, xs } = useDisplay();
+const router = useRouter();
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
+    required: true
   },
   loading: {
     type: Boolean,
     required: false,
-    default: false,
-  },
-})
-
-// UI components models
-const panel = ref(["presentation"])
-
+    default: false
+  }
+});
+const panel = ref(["presentation"]);
 function redirectToMap(long, lat) {
   router.push(
     `https://www.openstreetmap.org/?mlat=${lat}&amp;mlon=${long}#map=19/${lat}/${long}`
-  )
+  );
 }
 </script>

package/dist/runtime/components/fellowships/Badges.vue

@@ -25,24 +25,21 @@
 <script setup>
 const props = defineProps({
   item: { type: Object, required: true },
-  view: { type: Boolean, required: false, default: false },
-})
-
+  view: { type: Boolean, required: false, default: false }
+});
 const registrationStatus = computed(() => {
-  const currentDate = new Date()
-  const startDate = new Date(props.item.applicationStart)
-  const endDate = new Date(props.item.applicationStop)
+  const currentDate = /* @__PURE__ */ new Date();
+  const startDate = new Date(props.item.applicationStart);
+  const endDate = new Date(props.item.applicationStop);
   switch (true) {
     case currentDate < startDate:
-      return 0
-    case currentDate > startDate && currentDate < endDate:
-      return 1
-    case currentDate > startDate && currentDate > endDate:
-      return 2
+      return 0;
+    case (currentDate > startDate && currentDate < endDate):
+      return 1;
+    case (currentDate > startDate && currentDate > endDate):
+      return 2;
     default:
-      return false
+      return false;
   }
-})
+});
 </script>
-
-<style lang="scss" scoped></style>

package/dist/runtime/components/fellowships/DenseItem.vue

@@ -22,18 +22,18 @@
     /></v-col>
   </v-row>
 </template>
-<script setup>
-const { locale } = useI18n()
 
-const localePath = useLocalePath()
+<script setup>
+const { locale } = useI18n();
+const localePath = useLocalePath();
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
+    required: true
   },
   index: {
     type: Number,
-    required: true,
-  },
-})
+    required: true
+  }
+});
 </script>

package/dist/runtime/components/fellowships/RegisterModal.vue

@@ -33,9 +33,10 @@
     </template>
   </v-dialog>
 </template>
+
 <script setup>
 const props = defineProps({
   item: { type: Object, required: true },
-  view: { type: Boolean, required: false, default: false },
-})
+  view: { type: Boolean, required: false, default: false }
+});
 </script>

package/dist/runtime/components/fellowships/RowsItem.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <v-col cols="12" md="6" class="highlight-on-hover">
     <div v-ripple class="border-thin pa-6">
       <FellowshipsBadges :item="item" />
@@ -39,23 +39,21 @@
       />
     </div>
   </v-col>
-</template>
-
-<script setup>
-import { useDisplay } from "vuetify"
-const { name } = useDisplay()
-const localePath = useLocalePath()
-const { locale } = useI18n()
-
-const props = defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-  index: {
-    type: Number,
-    required: true,
-  },
-})
-</script>
-<style lang="scss"></style>
+</template>
+
+<script setup>
+import { useDisplay } from "vuetify";
+const { name } = useDisplay();
+const localePath = useLocalePath();
+const { locale } = useI18n();
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  index: {
+    type: Number,
+    required: true
+  }
+});
+</script>