frontpage/site-metadata.js at master · KyleW/frontpage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
const gitHubOrg = `https://github.com/storybookjs`;
const homepageUrl = `https://storybook.js.org`;
const npmApiBase = `https://api.npmjs.org/downloads/point/last-month`;
const docsUrl = `${homepageUrl}/docs`;

const siteMetadata = {
  title: 'Storybook',
  description: `Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular`,
  ogImage: '/images/social/open-graph.png',
  googleSiteVerification: '',
  latestVersion: 'v5.2',
  urls: {
    gitHubOrg,
    homepageUrl,
    docsUrl,
    npmApiBase,
    gitHub: {
      repo: `${gitHubOrg}/storybook`,
      frontpage: `${gitHubOrg}/frontpage`,
      issues: `${gitHubOrg}/storybook/issues`,
      releases: `${gitHubOrg}/storybook/releases`,
      contributors: `${gitHubOrg}/storybook/graphs/contributors`,
      brand: `${gitHubOrg}/press`,
    },

    npm: `https://www.npmjs.com/package/@storybook/react`,
    openCollective: `https://opencollective.com/storybook`,

    npmApi: {
      react: `${npmApiBase}/@storybook/react`,
      reactNative: `${npmApiBase}/@storybook/react-native`,
      vue: `${npmApiBase}/@storybook/vue`,
      angular: `${npmApiBase}/@storybook/angular`,
      ember: `${npmApiBase}/@storybook/ember`,
      html: `${npmApiBase}/@storybook/html`,
      svelte: `${npmApiBase}/@storybook/svelte`,
      mithril: `${npmApiBase}/@storybook/mithril`,
      riot: `${npmApiBase}/@storybook/riot`,
      polymer: `${npmApiBase}/@storybook/polymer`,
      preact: `${npmApiBase}/@storybook/preact`,
    },

    // Navigation
    home: homepageUrl,
    docs: {
      home: `${docsUrl}/basics/introduction/`,
      addonInstruction: `${docsUrl}/addons/writing-addons/`,
    },
    tutorials: `https://www.learnstorybook.com/`,
    addons: `/addons/`,
    community: `/community/`,
    useCases: `/use-cases/`,
    support: `/support/`,
    team: `/team/`,

    // Social
    blog: `https://medium.com/storybookjs`,
    medium: `https://medium.com/storybookjs`,
    twitter: `https://twitter.com/storybookjs`,
    chat: `https://discord.gg/UUt2PJb`,
    youtube: `https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg`,

    // Brand
    brand: `${gitHubOrg}/brand`,
    designSystem: `${gitHubOrg}/design-system`,
    badge: `${gitHubOrg}/brand/tree/master/badge`,
    presentation: `${gitHubOrg}/brand/tree/master/presentation`,
    video: `${gitHubOrg}/brand/tree/master/video`,

    // Framework docs
    framework: {
      react: `${docsUrl}/guides/guide-react/`,
      reactNative: `${docsUrl}/guides/guide-react-native/`,
      vue: `${docsUrl}/guides/guide-vue/`,
      angular: `${docsUrl}/guides/guide-angular/`,
      ember: `${docsUrl}/guides/guide-ember/`,
      html: `${docsUrl}/guides/guide-html/`,
      svelte: `${docsUrl}/guides/guide-svelte/`,
      mithril: `${docsUrl}/guides/guide-mithril/`,
      riot: `${docsUrl}/guides/guide-riot/`,
    },

    // Official addons
    officialAddons: {
      knobs: `${gitHubOrg}/storybook/tree/master/addons/knobs`,
      actions: `${gitHubOrg}/storybook/tree/master/addons/actions`,
      source: `${gitHubOrg}/storybook/tree/master/addons/storysource`,
      info: `${gitHubOrg}/storybook/tree/master/addons/info`,
      docs: `${gitHubOrg}/storybook/tree/master/addons/docs`,
      notes: `${gitHubOrg}/storybook/tree/master/addons/notes`,
      viewport: `${gitHubOrg}/storybook/tree/master/addons/viewport`,
      storyshots: `${gitHubOrg}/storybook/tree/master/addons/storyshots`,
      backgrounds: `${gitHubOrg}/storybook/tree/master/addons/backgrounds`,
      accessibility: `${gitHubOrg}/storybook/tree/master/addons/a11y`,
      console: `${gitHubOrg}/storybook-addon-console`,
      links: `${gitHubOrg}/storybook/tree/master/addons/links`,
    },
  },
};

siteMetadata.urls.navCommunityLinks = [
  { title: 'Get involved', href: siteMetadata.urls.community, isGatsby: true },
  { title: 'Use cases', href: siteMetadata.urls.useCases, isGatsby: true },
  { title: 'Support', href: siteMetadata.urls.support, isGatsby: true },
  { title: 'Team', href: siteMetadata.urls.team, isGatsby: true },
];

siteMetadata.urls.navLinks = [
  { title: 'Docs', href: siteMetadata.urls.docs.home, isGatsby: false },
  { title: 'Tutorials', href: siteMetadata.urls.tutorials, isGatsby: false },
  { title: 'Addons', href: siteMetadata.urls.addons, isGatsby: true },
  ...siteMetadata.urls.navCommunityLinks,
];

module.exports = siteMetadata;