1.0.0 • Published 3 years ago

scully-plugin-meetup v1.0.0

Weekly downloads
4
License
MIT
Repository
github
Last release
3 years ago

scully-plugin-meetup

The scully-plugin-meetup is a router plugin for Scully that fetches data from the Meetup Event API durigin route discovery. Scully uses the results of the Meetup Event API to render static files for each event.

📦 Installation

To install this plugin with npm run

$ npm install scully-plugin-meetup --save-dev

Usage

Your app has should have an Angular route configured with the path event/:eventId. Scully needs help understanding the route parameter :eventId.

The following is an example of how you could use the scully-plugin-meetup to get eventIds pre-rendered based on the Meetup Event API.

// scully.config.ts
export const config: ScullyConfig = {
  // Add the following to your file
  routes: {
    '/event/:eventId': {
      type: 'meetup',
      eventId: {
        name: 'YOUR_MEETUP_GROUP_NAME',
        property: 'id',
      },
    },
  },
};

Example of configuration

The above example tells Scully to use the meetup plugin for fetching some the data via HTTP whenever it finds a route matching /event/:eventId. The Meetup plugin plucks the provided property name from each of the items and will generate static pages based on all of the events that are in the result.

It is possible to configure the meetup plugin, below an example where you will only get the lastest 10 events from the past.

// scully.config.ts
export const config: ScullyConfig = {
  // Add the following to your file
  routes: {
    '/event/:eventId': {
      type: 'meetup',
      eventId: {
        name: 'YOUR_MEETUP_GROUP_NAME',
        property: 'id',
        amount: 10,
        status: `past`,
      },
    },
  },
};
Configuration propertyDescriptionExample values
nameThe name of your meetup groupDutch-Angular-Group
AmountThe amount of events the api needs to return10 (max 100)
StatusThe status of an event, this can be past or upcomingpast
SortingA function that handles the sorting of the event(eventA, eventB) => (eventA.date < eventB.date ? 1 : -1)
1.0.0

3 years ago

0.0.1

3 years ago