From 9865358cae6f129c80097308537fbe956bf924f3 Mon Sep 17 00:00:00 2001
From: Arisa Fukuzaki <25793187+schabibi1@users.noreply.github.com>
Date: Tue, 24 May 2022 14:48:39 -0600
Subject: [PATCH] fix: add new APIs and close dependabot conflicts
---
README.md | 399 +-
lib/__tests__/.eslintrc | 5 +
lib/__tests__/get-story-params.test.js | 49 +
lib/__tests__/index.test.js | 15 +
lib/__tests__/sync.test.js | 19 +
lib/cypress.json | 5 +
lib/cypress/.eslintrc | 3 +
lib/cypress/component/index.spec.jsx | 144 +
lib/cypress/fixtures/example.json | 5 +
lib/cypress/integration/index.spec.js | 9 +
lib/cypress/plugins/index.js | 20 +
lib/cypress/support/commands.js | 25 +
lib/cypress/support/index.js | 20 +
lib/gatsby-node.js | 146 +
lib/index.js | 14 +
lib/package-lock.json | 20023 +++++++
lib/package.json | 86 +
lib/src/getStoryParams.js | 31 +
lib/src/sync.js | 104 +
lib/testing-components/Test.jsx | 37 +
lib/testing-components/TestUseStoryblok.jsx | 24 +
lib/vite.config.js | 23 +
package-lock.json | 50920 ++++++++++++++----
package.json | 99 +-
playground-test/.gitignore | 69 +
playground-test/components/feature.jsx | 15 +
playground-test/components/grid.jsx | 14 +
playground-test/components/page.jsx | 16 +
playground-test/components/teaser.jsx | 14 +
playground-test/gatsby-config.js | 46 +
playground-test/gatsby-node.js | 9 +
playground-test/package.json | 46 +
playground-test/src/components/Feature.js | 13 +
playground-test/src/components/Grid.js | 14 +
playground-test/src/components/Teaser.js | 12 +
playground-test/src/components/layout.js | 40 +
playground-test/src/images/gatsby-icon.png | Bin 0 -> 21212 bytes
playground-test/src/pages/404.js | 12 +
playground-test/src/pages/index.js | 37 +
playground-test/src/templates/using-dsg.js | 21 +
playground/.gitignore | 69 +
playground/components/feature.jsx | 15 +
playground/components/grid.jsx | 14 +
playground/components/page.jsx | 16 +
playground/components/teaser.jsx | 14 +
playground/gatsby-config.js | 46 +
playground/gatsby-node.js | 9 +
playground/package.json | 46 +
playground/src/components/Feature.js | 13 +
playground/src/components/Grid.js | 14 +
playground/src/components/Teaser.js | 12 +
playground/src/components/layout.js | 40 +
playground/src/images/gatsby-icon.png | Bin 0 -> 21212 bytes
playground/src/pages/404.js | 12 +
playground/src/pages/index.js | 37 +
playground/src/templates/using-dsg.js | 21 +
56 files changed, 61165 insertions(+), 11816 deletions(-)
create mode 100644 lib/__tests__/.eslintrc
create mode 100644 lib/__tests__/get-story-params.test.js
create mode 100644 lib/__tests__/index.test.js
create mode 100644 lib/__tests__/sync.test.js
create mode 100644 lib/cypress.json
create mode 100644 lib/cypress/.eslintrc
create mode 100644 lib/cypress/component/index.spec.jsx
create mode 100644 lib/cypress/fixtures/example.json
create mode 100644 lib/cypress/integration/index.spec.js
create mode 100644 lib/cypress/plugins/index.js
create mode 100644 lib/cypress/support/commands.js
create mode 100644 lib/cypress/support/index.js
create mode 100644 lib/gatsby-node.js
create mode 100644 lib/index.js
create mode 100644 lib/package-lock.json
create mode 100644 lib/package.json
create mode 100644 lib/src/getStoryParams.js
create mode 100644 lib/src/sync.js
create mode 100644 lib/testing-components/Test.jsx
create mode 100644 lib/testing-components/TestUseStoryblok.jsx
create mode 100644 lib/vite.config.js
create mode 100644 playground-test/.gitignore
create mode 100644 playground-test/components/feature.jsx
create mode 100644 playground-test/components/grid.jsx
create mode 100644 playground-test/components/page.jsx
create mode 100644 playground-test/components/teaser.jsx
create mode 100644 playground-test/gatsby-config.js
create mode 100644 playground-test/gatsby-node.js
create mode 100644 playground-test/package.json
create mode 100644 playground-test/src/components/Feature.js
create mode 100644 playground-test/src/components/Grid.js
create mode 100644 playground-test/src/components/Teaser.js
create mode 100644 playground-test/src/components/layout.js
create mode 100644 playground-test/src/images/gatsby-icon.png
create mode 100644 playground-test/src/pages/404.js
create mode 100644 playground-test/src/pages/index.js
create mode 100644 playground-test/src/templates/using-dsg.js
create mode 100644 playground/.gitignore
create mode 100644 playground/components/feature.jsx
create mode 100644 playground/components/grid.jsx
create mode 100644 playground/components/page.jsx
create mode 100644 playground/components/teaser.jsx
create mode 100644 playground/gatsby-config.js
create mode 100644 playground/gatsby-node.js
create mode 100644 playground/package.json
create mode 100644 playground/src/components/Feature.js
create mode 100644 playground/src/components/Grid.js
create mode 100644 playground/src/components/Teaser.js
create mode 100644 playground/src/components/layout.js
create mode 100644 playground/src/images/gatsby-icon.png
create mode 100644 playground/src/pages/404.js
create mode 100644 playground/src/pages/index.js
create mode 100644 playground/src/templates/using-dsg.js
diff --git a/README.md b/README.md
index 8abd93642..be830b367 100644
--- a/README.md
+++ b/README.md
@@ -1,16 +1,50 @@
-# Introduction
-
-This is a Gatsby source plugin for building websites using the [Storyblok](https://www.storyblok.com) headless CMS with true visual preview as a data source.
-
-## Install
-
-```sh
-$ npm install --save gatsby-source-storyblok # or yarn add gatsby-source-storyblok
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## đ Usage
+
+> If you are first-time user of the Storyblok, read the [Getting Started](https://www.storyblok.com/docs/guide/getting-started?utm_source=github.com&utm_medium=readme&utm_campaign=gatsby-source-storyblok) guide to get a project ready in less than 5 minutes.
+
+### Installation
+
+Install `gatsby-source-storyblok`:
+
+```bash
+npm install gatsby-source-storyblok
+// yarn add gatsby-source-storyblok
```
-## Usage
+### Initialization
-1. You need to declare the plugin use and its options in `gatsby-config.js`
+Register the plugin on your application and add the [access token](https://www.storyblok.com/docs/api/content-delivery#topics/authentication?utm_source=github.com&utm_medium=readme&utm_campaign=gatsby-source-storyblok) of your Storyblok space. You can also add the `apiPlugin` in case that you want to use the Storyblok API Client:
+
+> You need to declare the plugin use and its options in `gatsby-config.js`
```JavaScript
module.exports = {
@@ -28,11 +62,233 @@ module.exports = {
}
```
-### With Gatsby's image
+`src/components/layout.js`
+
+```JavaScript
+import configuration from '../../gatsby-config'
+
+const sbConfig = configuration.plugins.find((item) => item.resolve === 'gatsby-source-storyblok')
+
+storyblokInit({
+ accessToken: sbConfig.options.accessToken,
+ // bridge: false,
+ // apiOptions: { },
+ use: [apiPlugin],
+ components: {
+ teaser: Teaser,
+ grid: Grid,
+ feature: Feature
+ }
+});
+```
+
+> Add all your components to the components object in the `storyblokInit` function.
+
+That's it! All the features are enabled for you: the _Api Client_ for interacting with [Storyblok CDN API](https://www.storyblok.com/docs/api/content-delivery#topics/introduction?utm_source=github.com&utm_medium=readme&utm_campaign=gatsby-source-storyblok), and _Storyblok Bridge_ for [real-time visual editing experience](https://www.storyblok.com/docs/guide/essentials/visual-editor?utm_source=github.com&utm_medium=readme&utm_campaign=gatsby-source-storyblok).
+
+> You can enable/disable some of these features if you don't need them, so you save some KB. Please read the "Features and API" section
+
+### Getting Started
+
+`gatsby-source-storyblok` does three actions when you initialize it:
+
+- Provides a `useStoryblokState` custom hook in your app, that parses story content JSON into the object.
+- Loads [Storyblok Bridge](https://www.storyblok.com/docs/Guides/storyblok-latest-js?utm_source=github.com&utm_medium=readme&utm_campaign=gatsby-source-storyblok) for real-time visual updates.
+- Provides a `storyblokEditable` function to link editable components to the Storyblok Visual Editor.
+
+#### 1. Fetching Content
+
+Query data from GraphQL:
+
+`src/pages/index.js`
+
+```js
+import { useStoryblokState } from "gatsby-source-storyblok"
+
+import Layout from "../components/layout"
+
+const IndexPage = ({ data }) => {
+ let story = data.storyblokEntry
+ story = useStoryblokState(story)
+
+ return (
+
+
+
{story.name}
+
+
+ )
+}
+
+export default IndexPage
+
+export const query = graphql`
+ query HomeQuery {
+ storyblokEntry(full_slug: { eq: "home" }) {
+ name
+ full_slug
+ }
+ }
+`
+```
+
+> Note: if you don't use `apiPlugin`, you can use your prefered method or function to fetch your data.
+
+#### 2. Listen to Storyblok Visual Editor events
+
+Use `useStoryblok` to get the new story every time is triggered a `change` event from the Visual Editor. You need to pass the `originalStory` as a first param. `bridgeOptions` (second param) is an optional param if you want to set the options for bridge by yourself:
+
+```js
+import { StoryblokComponent, useStoryblokState } from "gatsby-source-storyblok"
+
+import Layout from "../components/layout"
+
+const IndexPage = ({ data }) => {
+ let story = data.storyblokEntry
+ story = useStoryblokState(story)
+
+ const components = story.content.body.map(blok => (
+
+
{story.name}
+ {components}
+
+
+ )
+}
+
+export default IndexPage
+
+export const query = graphql`
+ query HomeQuery {
+ storyblokEntry(full_slug: { eq: "home" }) {
+ content
+ name
+ full_slug
+ internalId
+ }
+ }
+`
+```
+
+You can pass Bridge options as a third parameter as well:
+
+```js
+useStoryblok(story.internalId, (newStory) => setStory(newStory), {
+ resolveRelations: ["Article.author"],
+});
+```
+
+#### 3. Link your components to Storyblok Visual Editor
+
+For every component you've defined in your Storyblok space, call the `storyblokEditable` function with the blok content:
+
+```js
+import { storyblokEditable } from "gatsby-source-storyblok";
+
+const Feature = ({ blok }) => {
+ return (
+
+
+
{blok.name}
+
{blok.description}
+
+
+
+ {components}
+
+
+ )
+}
+
+export default IndexPage
+
+export const query = graphql`
+ query HomeQuery {
+ storyblokEntry(full_slug: { eq: "home" }) {
+ content
+ name
+ full_slug
+ internalId
+ }
+ }
+`
+```
+
+### Features and API
+
+You can **choose the features to use** when you initialize the plugin. In that way, you can improve Web Performance by optimizing your page load and save some bytes.
+
+#### Storyblok API
+
+You can use an `apiOptions` object. This is passed down to the [storyblok-js-client config object](https://github.com/storyblok/storyblok-js-client#class-storyblok):
+
+```js
+storyblokInit({
+ accessToken: "YOUR_ACCESS_TOKEN",
+ apiOptions: {
+ // storyblok-js-client config object
+ cache: { type: "memory" },
+ },
+ use: [apiPlugin],
+ components: {
+ teaser: Teaser,
+ grid: Grid,
+ feature: Feature,
+ },
+});
+```
+
+If you prefer to use your own fetch method, just remove the `apiPlugin` and `storyblok-js-client` won't be added to your application.
+
+```js
+storyblokInit({});
+```
+
+#### Storyblok Bridge
+
+If you don't use `useStoryblokBridge`, you still have access to the raw `window.StoryblokBridge`:
+
+```js
+const sbBridge = new window.StoryblokBridge(options);
+
+sbBridge.on(["input", "published", "change"], (event) => {
+ // ...
+});
+```
+
+### Gatsby feature references
+
+#### With Gatsby's image
You need to set the `localAssets` option to `true`. Here is an example of the usage:
-```JavaScript
+```js
import { graphql } from "gatsby"
import { GatsbyImage, getImage } from "gatsby-plugin-image"
@@ -63,28 +319,31 @@ export const pageQuery = graphql`
`
```
-### With Gatsby's createPages
+#### With Gatsby's createPages
For more info regarding `createPages` see the Gatsby docs: [docs/reference/config-files/gatsby-node/#createPages](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-node/#createPages)
2a. You need to create a [template](https://www.gatsbyjs.org/docs/programmatically-create-pages-from-data/#specifying-a-template) file to get the data from GraphQL
```js
-import React from 'react'
-import { graphql } from 'gatsby'
+import { useStoryblokState } from "gatsby-source-storyblok"
+import Layout from "../components/layout"
export default function StoryblokEntry ({ data }) {
- let story = data.storyblokEntry
+ const story = data.storyblokEntry
+ story = useStoryblokState(story)
return (
- {story.name}
+
+ {story.name}
+
)
}
export const query = graphql`
query($slug: String!) {
- storyblokEntry(slug: { eq: $slug }) {
- id
+ storyblokEntry(full_slug: { eq: $full_slug }) {
+ internalId
name
full_slug
}
@@ -106,7 +365,7 @@ exports.createPages = async ({ graphql, actions }) => {
allStoryblokEntry {
edges {
node {
- id
+ internalId
full_slug
}
}
@@ -131,7 +390,7 @@ exports.createPages = async ({ graphql, actions }) => {
```
-### With Gatsby's File System Routes API
+#### With Gatsby's File System Routes API
For more info regarding The File System Routes API see the Gatsby docs: [docs/reference/routing/file-system-route-api/](https://www.gatsbyjs.com/docs/reference/routing/file-system-route-api/)
@@ -141,72 +400,41 @@ For more info regarding The File System Routes API see the Gatsby docs: [docs/re
```
|-- src
|-- pages
- |-- {storyblokEntry.slug}.js
+ |-- {storyblokEntry.full_slug}.js
```
3b. Gatsby will use ths page template for each `storyblokEntry`
```js
-import React from 'react'
-import { graphql } from 'gatsby'
-
-export default function StoryblokEntry({ data }) {
- let story = data.storyblokEntry
-
- return {story.name}
-}
-
-export const query = graphql`
- query ($full_slug: String!) {
- storyblokEntry(full_slug: { eq: $full_slug }) {
- id
- name
- full_slug
- }
- }
-`
-```
+import { useStoryblokState } from "gatsby-source-storyblok"
+import Layout from "../components/layout"
-## Rendering Storyblok content
-
-To source Storyblok's content add `content` to your GraphQL query. By importing `DynamicComponent`, you can render components dynamically. `sbEditable` function lets you to make your components editable in [storyblok.com](https://www.storyblok.com/)
-
-For more info regarding `sbEditable` function see the @storyblok/storyblok-editable README: [@storyblok/storyblok-editable](https://github.com/storyblok/storyblok-editable)
-
-```js
-import React from 'react'
-import { graphql } from 'gatsby'
-import { sbEditable } from "@storyblok/storyblok-editable"
-import DynamicComponent from "../components/dynamicComponent"
-
-export default function StoryblokEntry({ data }) {
- let story = data.storyblokEntry
-
- const components = story.content.body.map(blok => {
- return (
- {components}
-
+
+ {story.name}
+
)
}
export const query = graphql`
query ($full_slug: String!) {
storyblokEntry(full_slug: { eq: $full_slug }) {
- id
+ internalId
name
full_slug
- content
}
}
`
```
-## The options object in details
+#### The options object in details
+
+`gatsby-config.js`
```js
{
@@ -223,14 +451,12 @@ export const query = graphql`
* `accessToken`: Your Storyblok draft token
* `version`: 'draft' or 'published'
* `timeout`: Optionally provide a timeout for the api request
-* `resolveLinks`: This will automatically resolve internal links of the multilink field type. If the value is `story` the whole story object will be included. If the value is `url` only uuid, id, name, path, slug and url (url is a computed property which returns the "Real path" if defined to use it for navigation links) will be included.
+* `resolveLinks`: This will automatically resolve internal links of the multilink field type. If the value is `story` the whole story object will be included. If the value is `url` only uuid, id, name, path, slug and url (url is a computed property which returns the "Real path" if defined to use it for navigation links) will be included.
* `resolveRelations`: Resolve relationships to other Stories (in the first level of nesting) of a multi-option or single-option field-type. Provide the field key(s) as array to resolve specific fields. Example: ['article.related_articles', 'article.author'].
* `includeLinks`: If 'true' you can query links by allStoryblokLinkEntry. The links query lets you create a dynamic navigation tree as it includes also content folders.
* `languages`: An array of strings that will be used in languages request instead of languages in space settings. Use it to only load the languages that you want to.
-## How to query?
-
-### All Content Entries
+#### How to query all Content Entries
To get all entries unfiltered you can do the following query:
@@ -250,13 +476,14 @@ To get all entries unfiltered you can do the following query:
is_startpage
parent_id
group_id
+ internalId
}
}
}
}
```
-#### Filtering of content inside a folder
+##### How to query filtering of content inside a folder
The following example shows a filter to get all items from a news folder:
@@ -273,7 +500,7 @@ The following example shows a filter to get all items from a news folder:
}
```
-#### Filtering of languages
+##### How to query filtering of languages
If you use field level translations you can filter for a specific language using following query:
@@ -291,7 +518,7 @@ If you use field level translations you can filter for a specific language using
```
-#### Filtering on content type fields
+##### How to query filtering on content type fields
Every field of your content types is available via the prefix ```field_```.
@@ -311,7 +538,7 @@ This lets you for example to query for a specific component:
```
-### A Single Content Entry
+#### How to query a single content entry
```GraphQL
{
storyblokEntry(slug: { eq: "global-navi" }) {
@@ -320,7 +547,7 @@ This lets you for example to query for a specific component:
}
```
-### Datasources
+#### Datasources
```GraphQL
allStoryblokDatasource {
@@ -335,7 +562,7 @@ allStoryblokDatasource {
}
```
-### Datasource Entries
+#### How to query Datasource entries
This will return all datasources, with or not dimensions values:
@@ -369,7 +596,7 @@ allStoryblokDatasourceEntry(filter: { data_source: { eq: "DATASOURCE_SLUG" }, da
}
```
-### Links
+#### How to query links
Use the links api to create a dynamic navigation tree. To use this query you need to add `includeLinks: true` in the plugin options.
```GraphQL
@@ -390,8 +617,22 @@ allStoryblokLinkEntry {
}
```
-## Contribution
+## đ Related Links
+
+- **[Storyblok Gatsby.js Technology Hub](https://www.storyblok.com/tc/gatsbyjs)**: Learn how to develop your own Gatsby.js applications that use Storyblok APIs to retrieve and manage content.
+- **[Getting Started](https://www.storyblok.com/docs/guide/getting-started?utm_source=github.com&utm_medium=readme&utm_campaign=gatsby-source-storyblok)**: Get a project ready in less than 5 minutes.
+- **[Storyblok CLI](https://github.com/storyblok/storyblok)**: A simple CLI for scaffolding Storyblok projects and fieldtypes.
+- **[Storyblok React.js example demo](https://stackblitz.com/edit/react-sdk-demo)**: See and try how React SDK works with React.js projects
+- **[Storyblok Gatsby.js example demo](https://codesandbox.io/s/github/storyblok/getting-started/tree/master/gatsbyjs?fontsize=14&hidenavigation=1&theme=dark)**: See and try how gatsby-source-storyblok works with Gatsby.js projects
+
+## âšī¸ More Resources
+
+### Support
+
+- Bugs or Feature Requests? [Submit an issue](/../../issues/new).
+- Do you have questions about Storyblok or you need help? [Join our Discord Community](https://discord.gg/jKrbAMz).
-Fork me on [Github](https://github.com/storyblok/gatsby-source-storyblok).
+### Contributing
-This project use [semantic-release](https://semantic-release.gitbook.io/semantic-release/) for generate new versions by using commit messages and we use the Angular Convention to naming the commits. Check [this question](https://semantic-release.gitbook.io/semantic-release/support/faq#how-can-i-change-the-type-of-commits-that-trigger-a-release) about it in semantic-release FAQ
+Please see our [contributing guidelines](https://github.com/storyblok/.github/blob/main/contributing.md) and our [code of conduct](https://www.storyblok.com/trust-center#code-of-conduct?utm_source=github.com&utm_medium=readme&utm_campaign=gatsby-source-storyblok).
+This project use [semantic-release](https://semantic-release.gitbook.io/semantic-release/) for generate new versions by using commit messages and we use the Angular Convention to naming the commits. Check [this question](https://semantic-release.gitbook.io/semantic-release/support/faq#how-can-i-change-the-type-of-commits-that-trigger-a-release) about it in semantic-release FAQ.
\ No newline at end of file
diff --git a/lib/__tests__/.eslintrc b/lib/__tests__/.eslintrc
new file mode 100644
index 000000000..55f121d15
--- /dev/null
+++ b/lib/__tests__/.eslintrc
@@ -0,0 +1,5 @@
+{
+ "env": {
+ "jest": true
+ }
+}
diff --git a/lib/__tests__/get-story-params.test.js b/lib/__tests__/get-story-params.test.js
new file mode 100644
index 000000000..6e557a730
--- /dev/null
+++ b/lib/__tests__/get-story-params.test.js
@@ -0,0 +1,49 @@
+const getStoryParams = require('../src/getStoryParams')
+
+describe('getStoryParams() function', () => {
+ test('without any argument should be return a empty object', () => {
+ expect(getStoryParams()).toEqual({})
+ })
+
+ test('with a language and story as resolveLinks option', () => {
+ const options = {
+ resolveLinks: 'story'
+ }
+ expect(getStoryParams('en', options)).toEqual({
+ language: 'en',
+ resolve_links: 'story'
+ })
+ })
+
+ test('with a language and url as resolveLinks option', () => {
+ const options = {
+ resolveLinks: 'url'
+ }
+ expect(getStoryParams('en', options)).toEqual({
+ language: 'en',
+ resolve_links: 'url'
+ })
+ })
+
+ test('with a language and version option', () => {
+ const options = {
+ version: 'draft'
+ }
+ expect(getStoryParams('en', options)).toEqual({
+ language: 'en',
+ version: 'draft'
+ })
+ })
+
+ test('with a language and version and resolve_relations options', () => {
+ const options = {
+ version: 'draft',
+ resolveRelations: ['page.author', 'page.categories']
+ }
+ expect(getStoryParams('en', options)).toEqual({
+ language: 'en',
+ version: 'draft',
+ resolve_relations: 'page.author,page.categories'
+ })
+ })
+})
diff --git a/lib/__tests__/index.test.js b/lib/__tests__/index.test.js
new file mode 100644
index 000000000..18f5ba0a7
--- /dev/null
+++ b/lib/__tests__/index.test.js
@@ -0,0 +1,15 @@
+// import { mount } from "@vue/test-utils";
+// import Component from "../index";
+
+describe("gatsby-source-storyblok", () => {
+ beforeEach(() => { });
+
+ test("empty test", () => {
+ // const wrapper = mount(Component, {
+ // propsData: {
+ // src: "http://lorempixel.com/400/200/",
+ // },
+ // });
+ // expect(wrapper.element).toMatchSnapshot();
+ });
+});
\ No newline at end of file
diff --git a/lib/__tests__/sync.test.js b/lib/__tests__/sync.test.js
new file mode 100644
index 000000000..c93767809
--- /dev/null
+++ b/lib/__tests__/sync.test.js
@@ -0,0 +1,19 @@
+const StoryblokClient = require('storyblok-js-client')
+const Sync = require('../src/sync')
+
+test('horizontal_rule to generate hr tag', () => {
+ const createNode = function (node) {
+ expect(node.internalId).toBe(123)
+ expect(node.id).toBe(`item-123-default`)
+ }
+ const setPluginStatus = function () { }
+ const client = new StoryblokClient({})
+
+ Sync.init({
+ createNode,
+ setPluginStatus,
+ client
+ })
+
+ Sync.createNode('Item', { id: 123 })
+})
\ No newline at end of file
diff --git a/lib/cypress.json b/lib/cypress.json
new file mode 100644
index 000000000..e68e55224
--- /dev/null
+++ b/lib/cypress.json
@@ -0,0 +1,5 @@
+{
+ "component": {
+ "testFiles": "**/*.spec.jsx"
+ }
+}
diff --git a/lib/cypress/.eslintrc b/lib/cypress/.eslintrc
new file mode 100644
index 000000000..0f1b15145
--- /dev/null
+++ b/lib/cypress/.eslintrc
@@ -0,0 +1,3 @@
+{
+ "extends": ["plugin:cypress/recommended"]
+}
diff --git a/lib/cypress/component/index.spec.jsx b/lib/cypress/component/index.spec.jsx
new file mode 100644
index 000000000..ecbc5ae21
--- /dev/null
+++ b/lib/cypress/component/index.spec.jsx
@@ -0,0 +1,144 @@
+import React from "react";
+import Test from "../../testing-components/Test";
+import TestUseStoryblok from "../../testing-components/TestUseStoryblok";
+import { mount } from "@cypress/react";
+import Teaser from "gatsby-source-storyblok-playground/components/teaser";
+import Grid from "gatsby-source-storyblok-playground/components/grid";
+import Feature from "gatsby-source-storyblok-playground/components/feature";
+import Page from "gatsby-source-storyblok-playground/components/page";
+
+describe("gatsby-source-storyblok", () => {
+ beforeEach(() => {
+ cy.spy(window.console, "log").as("log");
+ cy.spy(window.console, "error").as("error");
+ delete window.storyblokRegisterEvent;
+ document.getElementById("storyblok-javascript-bridge")?.remove();
+ });
+
+ describe("JS Bridge", () => {
+ it("loads by default", () => {
+ mount("
+ }
+ ],
+ "version": "4.0.0",
+ "description": "SDK to integrate Storyblok into your project using Gatsby.",
+ "main": "./dist/gatsby-source-storyblok.js",
+ "module": "./dist/gatsby-source-storyblok.mjs",
+ "files": [
+ "gatsby-node.js",
+ "dist",
+ "src"
+ ],
+ "scripts": {
+ "dev": "vite build --watch",
+ "build": "vite build",
+ "test": "npm run test:unit && npm run test:e2e",
+ "test:unit": "jest __tests__",
+ "test:e2e": "start-server-and-test cy:playground http-get://localhost:8000/ cy:run",
+ "test:e2e-watch": "start-server-and-test cy:playground http-get://localhost:8000/ cy:open",
+ "cy:playground": "npm run develop --prefix ../playground-test",
+ "cy:run": "cypress run",
+ "cy:open": "cypress open",
+ "prepublishOnly": "npm run build && cp ../README.md ./"
+ },
+ "dependencies": {
+ "@storyblok/react": "^1.0.5",
+ "storyblok-js-client": "^4.5.2"
+ },
+ "devDependencies": {
+ "@babel/core": "^7.18.0",
+ "@babel/preset-env": "^7.18.0",
+ "@cypress/react": "^5.12.5",
+ "@cypress/vite-dev-server": "^2.2.3",
+ "@vitejs/plugin-react": "^1.3.2",
+ "babel-jest": "^28.1.0",
+ "cypress": "^9.6.1",
+ "eslint-plugin-cypress": "^2.12.1",
+ "eslint-plugin-jest": "^26.2.2",
+ "jest": "^28.1.0",
+ "react": "^17.0.1",
+ "start-server-and-test": "^1.14.0",
+ "vite": "^2.9.9"
+ },
+ "babel": {
+ "presets": [
+ [
+ "@babel/preset-env",
+ {
+ "targets": {
+ "node": "current"
+ }
+ }
+ ]
+ ]
+ },
+ "jest": {
+ "moduleFileExtensions": [
+ "js",
+ "json"
+ ],
+ "transform": {
+ "^.+\\.js$": "babel-jest"
+ }
+ },
+ "release": {
+ "branches": [
+ "master"
+ ]
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/storyblok/gatsby-source-storyblok"
+ },
+ "author": "Storyblok",
+ "bugs": {
+ "url": "https://github.com/storyblok/gatsby-source-storyblok/issues"
+ },
+ "homepage": "https://github.com/storyblok/gatsby-source-storyblok",
+ "publishConfig": {
+ "access": "public"
+ }
+}
\ No newline at end of file
diff --git a/lib/src/getStoryParams.js b/lib/src/getStoryParams.js
new file mode 100644
index 000000000..e5f5f38c2
--- /dev/null
+++ b/lib/src/getStoryParams.js
@@ -0,0 +1,31 @@
+/**
+ * @method getStoryParams
+ * @param {String} language 'en', 'de'
+ * @param {Object} options? api options
+ * @param {Array} options.resolveRelations? resolve_relations field
+ * @param {String} options.resolveLinks? can be story or url
+ * @param {String} options.version? can be draft or released
+ */
+const getStoryParams = function(language = '', options = {}) {
+ let params = {}
+
+ if (options.resolveLinks) {
+ params.resolve_links = options.resolveLinks || '1'
+ }
+
+ if (options.resolveRelations) {
+ params.resolve_relations = options.resolveRelations.join(',')
+ }
+
+ if (options.version) {
+ params.version = options.version
+ }
+
+ if (language.length > 0) {
+ params.language = language
+ }
+
+ return params
+}
+
+module.exports = getStoryParams
\ No newline at end of file
diff --git a/lib/src/sync.js b/lib/src/sync.js
new file mode 100644
index 000000000..082f5fd31
--- /dev/null
+++ b/lib/src/sync.js
@@ -0,0 +1,104 @@
+const crypto = require('crypto');
+const stringify = require('json-stringify-safe');
+
+module.exports = {
+ init({ createNode, client, setPluginStatus }) {
+ setPluginStatus({ lastFetched: Date.now() });
+ this.$createNode = createNode;
+ this.$client = client;
+ this.$cacheVersion = 0;
+ },
+
+ async getSpace() {
+ const space = await this.getOne('space', 'spaces/me', {
+ node: 'StoryblokSpace',
+ });
+ this.$cacheVersion = space.version;
+ return space;
+ },
+
+ getPage(type, page, options) {
+ let params = {
+ per_page: 25,
+ page: page,
+ cv: this.$cacheVersion,
+ };
+ params = Object.assign({}, params, options.params);
+ return this.$client.get(`cdn/${type}`, params);
+ },
+
+ createNode(name, item) {
+ const nodeObject = this.builderNode(name, item);
+
+ this.$createNode(nodeObject);
+ },
+
+ builderNode(name, item) {
+ if (name === 'StoryblokDatasourceEntry') {
+ return this.factoryDatasourceEntryNode(name, item);
+ }
+
+ return this.factoryDefaultNode(name, item);
+ },
+
+ factoryDefaultNode(name, item) {
+ const lang = item.lang || 'default';
+
+ return Object.assign({}, item, {
+ id: `${name.toLowerCase()}-${item.id}-${lang}`,
+ internalId: item.id,
+ parent: null,
+ children: [],
+ internal: {
+ type: name,
+ contentDigest: crypto.createHash(`md5`).update(stringify(item)).digest(`hex`),
+ },
+ });
+ },
+
+ factoryDatasourceEntryNode(name, item) {
+ const dimension = item.data_source_dimension || 'default';
+ return Object.assign({}, item, {
+ id: `${name.toLowerCase()}-${item.id}-${dimension}`,
+ internalId: item.id,
+ parent: null,
+ children: [],
+ internal: {
+ type: name,
+ contentDigest: crypto.createHash(`md5`).update(stringify(item)).digest(`hex`),
+ },
+ });
+ },
+
+ async getOne(single, type, options) {
+ const resp = await this.$client.get(`cdn/${type}`, options.params);
+ const item = resp.data[single];
+ this.createNode(options.node, item);
+ return item;
+ },
+
+ async getAll(type, options) {
+ let page = 1;
+ let res = await this.getPage(type, page, options);
+ let all =
+ res.data[type].constructor === Object ? Object.values(res.data[type]) : res.data[type];
+ let lastPage = Math.ceil(res.total / 25);
+
+ while (page < lastPage) {
+ page++;
+ res = await this.getPage(type, page, options);
+ res.data[type].forEach((item) => {
+ all.push(item);
+ });
+ }
+
+ all.forEach((item) => {
+ if (options.process) {
+ options.process(item);
+ }
+ this.createNode(options.node, item);
+ });
+
+ return all;
+ },
+};
diff --git a/lib/testing-components/Test.jsx b/lib/testing-components/Test.jsx
new file mode 100644
index 000000000..20cf4339f
--- /dev/null
+++ b/lib/testing-components/Test.jsx
@@ -0,0 +1,37 @@
+import { useEffect } from "react";
+import {
+ storyblokInit,
+ apiPlugin,
+ getStoryblokApi,
+ useStoryblokBridge,
+ StoryblokComponent,
+} from "gatsby-source-storyblok";
+
+const Test = ({ bridge, accessToken, components, blok }) => {
+ storyblokInit({
+ accessToken,
+ bridge,
+ use: accessToken ? [apiPlugin] : [],
+ components,
+ });
+
+ const storyblokApi = getStoryblokApi();
+ const apiExists = !!(storyblokApi && typeof storyblokApi.get === "function");
+
+ useEffect(() => {
+ useStoryblokBridge(43423, (newStory) => console.log(newStory));
+ }, []);
+
+ return (
+
+
Gatsby Testing Component
+
+ storyblokApi.get:
+ {apiExists.toString()}
+
+
+ );
+};
+
+export default Test;
diff --git a/lib/testing-components/TestUseStoryblok.jsx b/lib/testing-components/TestUseStoryblok.jsx
new file mode 100644
index 000000000..49407a6bb
--- /dev/null
+++ b/lib/testing-components/TestUseStoryblok.jsx
@@ -0,0 +1,24 @@
+import {
+ storyblokInit,
+ apiPlugin,
+ useStoryblok,
+ StoryblokComponent,
+} from "gatsby-source-storyblok";
+
+const TestUseStoryblok = ({ accessToken, components }) => {
+ storyblokInit({
+ accessToken,
+ use: accessToken ? [apiPlugin] : [],
+ components,
+ });
+
+ const story = useStoryblok("react", { version: "draft" });
+
+ if (!story) {
+ return Loading...
;
+ }
+
+ return ",
- "scripts": {
- "test": "jest",
- "lint": "eslint .",
- "format": "prettier --write 'src/**/*.js'"
- },
- "deprecated": false,
- "private": false,
- "keywords": [
- "gatsby",
- "gatsby-plugin",
- "gatsby-source-plugin",
- "storyblok",
- "headless-cms"
+ "name": "gatsby-source-storyblok-workspace",
+ "private": true,
+ "version": "0.0.1",
+ "workspaces": [
+ "./lib",
+ "./playground",
+ "./playground-test"
],
- "main": "index.js",
- "license": "MIT",
- "dependencies": {
- "gatsby-source-filesystem": "^4.2.0",
- "json-stringify-safe": "^5.0.1",
- "storyblok-js-client": "^4.1.5"
+ "scripts": {
+ "dev": "npm run dev --workspace=lib & npm run demo",
+ "demo": "npm run develop --workspace=playground",
+ "build": "npm run build --workspace=lib",
+ "test:unit": "npm run test:unit --workspace=lib",
+ "test:e2e": "npm run test:e2e --workspace=lib",
+ "test:e2e-watch": "npm run test:e2e-watch --workspace=lib",
+ "prepare": "husky install"
},
"devDependencies": {
- "axios": "^0.21.1",
- "babel-cli": "^6.26.0",
- "eslint": "7.13.0",
- "husky": "4.3.0",
- "jest": "^27.3.1",
- "lint-staged": "^12.1.2",
- "lodash.has": "^4.5.2",
- "prettier": "2.1.2"
- },
- "husky": {
- "hooks": {
- "pre-commit": "lint-staged"
- }
+ "@commitlint/cli": "^17.0.0",
+ "@commitlint/config-conventional": "^17.0.0",
+ "eslint": "^8.15.0",
+ "eslint-config-prettier": "^8.5.0",
+ "eslint-plugin-react": "^7.30.0",
+ "husky": "^8.0.1",
+ "lint-staged": "^12.4.1",
+ "prettier": "^2.6.2"
},
"lint-staged": {
- "*.js": [
- "eslint --cache --fix",
+ "*.{js,jsx,css}": [
+ "prettier --write",
+ "eslint"
+ ],
+ "*.md": [
"prettier --write"
]
},
- "peerDependencies": {
- "gatsby": "^2.0.0 || ^3.0.0 || ^4.0.0",
- "storyblok-editable": "^1.1.0"
+ "commitlint": {
+ "extends": [
+ "@commitlint/config-conventional"
+ ]
+ },
+ "eslintConfig": {
+ "extends": [
+ "eslint:recommended",
+ "plugin:react/recommended",
+ "prettier"
+ ],
+ "env": {
+ "browser": true,
+ "es6": true
+ },
+ "ignorePatterns": "dist/",
+ "parserOptions": {
+ "sourceType": "module",
+ "ecmaVersion": 2022
+ }
},
- "homepage": "https://www.storyblok.com",
- "repository": "https://github.com/storyblok/gatsby-source-storyblok"
-}
+ "prettier": {
+ "trailingComma": "es5",
+ "tabWidth": 2,
+ "semi": true,
+ "singleQuote": false
+ }
+}
\ No newline at end of file
diff --git a/playground-test/.gitignore b/playground-test/.gitignore
new file mode 100644
index 000000000..f81327511
--- /dev/null
+++ b/playground-test/.gitignore
@@ -0,0 +1,69 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variable files
+.env*
+
+# gatsby files
+.cache/
+public
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity
diff --git a/playground-test/components/feature.jsx b/playground-test/components/feature.jsx
new file mode 100644
index 000000000..698fd05b7
--- /dev/null
+++ b/playground-test/components/feature.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { storyblokEditable } from "gatsby-source-storyblok";
+
+const Feature = ({ blok }) => {
+ return (
+
+
+
{blok.name}
+
{blok.description}
+
+
+ {blok.columns.map((nestedBlok) => (
+
+
+ ))}
+
+);
+
+export default Grid;
diff --git a/playground-test/components/page.jsx b/playground-test/components/page.jsx
new file mode 100644
index 000000000..ccc1f69c8
--- /dev/null
+++ b/playground-test/components/page.jsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { StoryblokComponent, storyblokEditable } from "gatsby-source-storyblok";
+
+const Page = ({ blok }) => (
+
+ {blok.body
+ ? blok.body.map((nestedBlok) => (
+
+
+ ))
+ : null}
+
",
+ "dependencies": {
+ "gatsby": "^4.11.3",
+ "gatsby-plugin-gatsby-cloud": "^4.11.1",
+ "gatsby-plugin-image": "^2.11.1",
+ "gatsby-plugin-manifest": "^4.11.1",
+ "gatsby-plugin-offline": "^5.11.1",
+ "gatsby-plugin-react-helmet": "^5.11.0",
+ "gatsby-plugin-sharp": "^4.11.1",
+ "gatsby-source-filesystem": "^4.11.1",
+ "gatsby-source-storyblok": "^4.0.0",
+ "gatsby-transformer-sharp": "^4.11.0",
+ "prop-types": "^15.8.1",
+ "react": "^17.0.1",
+ "react-dom": "^17.0.1",
+ "react-helmet": "^6.1.0"
+ },
+ "devDependencies": {
+ "prettier": "^2.6.2"
+ },
+ "keywords": [
+ "gatsby"
+ ],
+ "license": "0BSD",
+ "scripts": {
+ "build": "gatsby build",
+ "develop": "ENABLE_GATSBY_REFRESH_ENDPOINT=true gatsby develop",
+ "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+ "start": "gatsby develop",
+ "serve": "gatsby serve",
+ "clean": "gatsby clean",
+ "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/gatsbyjs/gatsby-starter-default"
+ },
+ "bugs": {
+ "url": "https://github.com/gatsbyjs/gatsby/issues"
+ }
+}
\ No newline at end of file
diff --git a/playground-test/src/components/Feature.js b/playground-test/src/components/Feature.js
new file mode 100644
index 000000000..09b52a8b1
--- /dev/null
+++ b/playground-test/src/components/Feature.js
@@ -0,0 +1,13 @@
+import React from "react";
+import { storyblokEditable } from "gatsby-source-storyblok";
+
+const Feature = ({ blok }) => {
+ return (
+
+
{blok.name}
+
{blok.description}
+
+ {blok.columns.map((blok) => (
+
+
+ ))}
+
+);
+
+export default Grid;
diff --git a/playground-test/src/components/Teaser.js b/playground-test/src/components/Teaser.js
new file mode 100644
index 000000000..a6938e14a
--- /dev/null
+++ b/playground-test/src/components/Teaser.js
@@ -0,0 +1,12 @@
+import * as React from "react"
+import { storyblokEditable } from "gatsby-source-storyblok";
+
+const Teaser = ({ blok }) => {
+ return (
+
+
{blok.headline}
+
+ )
+}
+
+export default Teaser
\ No newline at end of file
diff --git a/playground-test/src/components/layout.js b/playground-test/src/components/layout.js
new file mode 100644
index 000000000..0d6a20d47
--- /dev/null
+++ b/playground-test/src/components/layout.js
@@ -0,0 +1,40 @@
+/**
+ * Layout component that queries for data
+ * with Gatsby's useStaticQuery component
+ *
+ * See: https://www.gatsbyjs.com/docs/use-static-query/
+ */
+
+import * as React from "react"
+import PropTypes from "prop-types"
+import { storyblokInit, apiPlugin } from "gatsby-source-storyblok"
+import Teaser from './Teaser'
+import Grid from './Grid'
+import Feature from './Feature'
+import configuration from '../../gatsby-config'
+
+const sbConfig = configuration.plugins.find((item) => item.resolve === 'gatsby-source-storyblok')
+
+storyblokInit({
+ accessToken: sbConfig.options.accessToken,
+ use: [apiPlugin],
+ components: {
+ teaser: Teaser,
+ grid: Grid,
+ feature: Feature
+ }
+});
+
+const Layout = ({ children }) => {
+ return (
+
+ {children}
+
+ )
+}
+
+Layout.propTypes = {
+ children: PropTypes.node.isRequired,
+}
+
+export default Layout
\ No newline at end of file
diff --git a/playground-test/src/images/gatsby-icon.png b/playground-test/src/images/gatsby-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..908bc78a7f5596fab5a638d6ac07e331dc4c74d4
GIT binary patch
literal 21212
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
Pwx}U%bK8?;ra1Edyv(7f
literal 0
HcmV?d00001
diff --git a/playground-test/src/pages/404.js b/playground-test/src/pages/404.js
new file mode 100644
index 000000000..f6f426922
--- /dev/null
+++ b/playground-test/src/pages/404.js
@@ -0,0 +1,12 @@
+import * as React from "react"
+
+import Layout from "../components/layout"
+
+const NotFoundPage = () => (
+
+ 404: Not Found
+ You just hit a route that doesn't exist... the sadness.
+
+)
+
+export default NotFoundPage
diff --git a/playground-test/src/pages/index.js b/playground-test/src/pages/index.js
new file mode 100644
index 000000000..dacf57b41
--- /dev/null
+++ b/playground-test/src/pages/index.js
@@ -0,0 +1,37 @@
+import * as React from "react"
+import { graphql } from "gatsby"
+
+import { StoryblokComponent, storyblokEditable, useStoryblokState } from "gatsby-source-storyblok"
+
+import Layout from "../components/layout"
+
+const IndexPage = ({ data }) => {
+ let story = data.storyblokEntry
+ story = useStoryblokState(story)
+
+ const components = story.content.body.map(blok => (
+
+
{story.name}
+ {components}
+
+
+ )
+}
+
+export default IndexPage
+
+export const query = graphql`
+ query HomeQuery {
+ storyblokEntry(full_slug: { eq: "gatsby/test" }) {
+ content
+ name
+ full_slug
+ uuid
+ id
+ internalId
+ }
+ }
+`
\ No newline at end of file
diff --git a/playground-test/src/templates/using-dsg.js b/playground-test/src/templates/using-dsg.js
new file mode 100644
index 000000000..4bf64179f
--- /dev/null
+++ b/playground-test/src/templates/using-dsg.js
@@ -0,0 +1,21 @@
+import * as React from "react"
+import { Link } from "gatsby"
+
+import Layout from "../components/layout"
+
+const UsingDSG = () => (
+
+ Hello from a DSG Page
+ This page is not created until requested by a user.
+
+ To learn more, head over to our{" "}
+
+ documentation about Deferred Static Generation
+
+ .
+
+
+)
+
+export default UsingDSG
diff --git a/playground/.gitignore b/playground/.gitignore
new file mode 100644
index 000000000..f81327511
--- /dev/null
+++ b/playground/.gitignore
@@ -0,0 +1,69 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variable files
+.env*
+
+# gatsby files
+.cache/
+public
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity
diff --git a/playground/components/feature.jsx b/playground/components/feature.jsx
new file mode 100644
index 000000000..698fd05b7
--- /dev/null
+++ b/playground/components/feature.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { storyblokEditable } from "gatsby-source-storyblok";
+
+const Feature = ({ blok }) => {
+ return (
+
+
+
{blok.name}
+
{blok.description}
+
+
+ {blok.columns.map((nestedBlok) => (
+
+
+ ))}
+
+);
+
+export default Grid;
diff --git a/playground/components/page.jsx b/playground/components/page.jsx
new file mode 100644
index 000000000..ccc1f69c8
--- /dev/null
+++ b/playground/components/page.jsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { StoryblokComponent, storyblokEditable } from "gatsby-source-storyblok";
+
+const Page = ({ blok }) => (
+
+ {blok.body
+ ? blok.body.map((nestedBlok) => (
+
+
+ ))
+ : null}
+
",
+ "dependencies": {
+ "gatsby": "^4.11.3",
+ "gatsby-plugin-gatsby-cloud": "^4.11.1",
+ "gatsby-plugin-image": "^2.11.1",
+ "gatsby-plugin-manifest": "^4.11.1",
+ "gatsby-plugin-offline": "^5.11.1",
+ "gatsby-plugin-react-helmet": "^5.11.0",
+ "gatsby-plugin-sharp": "^4.11.1",
+ "gatsby-source-filesystem": "^4.11.1",
+ "gatsby-source-storyblok": "^4.0.0",
+ "gatsby-transformer-sharp": "^4.11.0",
+ "prop-types": "^15.8.1",
+ "react": "^17.0.1",
+ "react-dom": "^17.0.1",
+ "react-helmet": "^6.1.0"
+ },
+ "devDependencies": {
+ "prettier": "^2.6.2"
+ },
+ "keywords": [
+ "gatsby"
+ ],
+ "license": "0BSD",
+ "scripts": {
+ "build": "gatsby build",
+ "develop": "ENABLE_GATSBY_REFRESH_ENDPOINT=true gatsby develop",
+ "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+ "start": "gatsby develop",
+ "serve": "gatsby serve",
+ "clean": "gatsby clean",
+ "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/gatsbyjs/gatsby-starter-default"
+ },
+ "bugs": {
+ "url": "https://github.com/gatsbyjs/gatsby/issues"
+ }
+}
\ No newline at end of file
diff --git a/playground/src/components/Feature.js b/playground/src/components/Feature.js
new file mode 100644
index 000000000..09b52a8b1
--- /dev/null
+++ b/playground/src/components/Feature.js
@@ -0,0 +1,13 @@
+import React from "react";
+import { storyblokEditable } from "gatsby-source-storyblok";
+
+const Feature = ({ blok }) => {
+ return (
+
+
{blok.name}
+
{blok.description}
+
+ {blok.columns.map((blok) => (
+
+
+ ))}
+
+);
+
+export default Grid;
diff --git a/playground/src/components/Teaser.js b/playground/src/components/Teaser.js
new file mode 100644
index 000000000..a6938e14a
--- /dev/null
+++ b/playground/src/components/Teaser.js
@@ -0,0 +1,12 @@
+import * as React from "react"
+import { storyblokEditable } from "gatsby-source-storyblok";
+
+const Teaser = ({ blok }) => {
+ return (
+
+
{blok.headline}
+
+ )
+}
+
+export default Teaser
\ No newline at end of file
diff --git a/playground/src/components/layout.js b/playground/src/components/layout.js
new file mode 100644
index 000000000..0d6a20d47
--- /dev/null
+++ b/playground/src/components/layout.js
@@ -0,0 +1,40 @@
+/**
+ * Layout component that queries for data
+ * with Gatsby's useStaticQuery component
+ *
+ * See: https://www.gatsbyjs.com/docs/use-static-query/
+ */
+
+import * as React from "react"
+import PropTypes from "prop-types"
+import { storyblokInit, apiPlugin } from "gatsby-source-storyblok"
+import Teaser from './Teaser'
+import Grid from './Grid'
+import Feature from './Feature'
+import configuration from '../../gatsby-config'
+
+const sbConfig = configuration.plugins.find((item) => item.resolve === 'gatsby-source-storyblok')
+
+storyblokInit({
+ accessToken: sbConfig.options.accessToken,
+ use: [apiPlugin],
+ components: {
+ teaser: Teaser,
+ grid: Grid,
+ feature: Feature
+ }
+});
+
+const Layout = ({ children }) => {
+ return (
+
+ {children}
+
+ )
+}
+
+Layout.propTypes = {
+ children: PropTypes.node.isRequired,
+}
+
+export default Layout
\ No newline at end of file
diff --git a/playground/src/images/gatsby-icon.png b/playground/src/images/gatsby-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..908bc78a7f5596fab5a638d6ac07e331dc4c74d4
GIT binary patch
literal 21212
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
Pwx}U%bK8?;ra1Edyv(7f
literal 0
HcmV?d00001
diff --git a/playground/src/pages/404.js b/playground/src/pages/404.js
new file mode 100644
index 000000000..f6f426922
--- /dev/null
+++ b/playground/src/pages/404.js
@@ -0,0 +1,12 @@
+import * as React from "react"
+
+import Layout from "../components/layout"
+
+const NotFoundPage = () => (
+
+ 404: Not Found
+ You just hit a route that doesn't exist... the sadness.
+
+)
+
+export default NotFoundPage
diff --git a/playground/src/pages/index.js b/playground/src/pages/index.js
new file mode 100644
index 000000000..bf7b8f6f5
--- /dev/null
+++ b/playground/src/pages/index.js
@@ -0,0 +1,37 @@
+import * as React from "react"
+import { graphql } from "gatsby"
+
+import { StoryblokComponent, storyblokEditable, useStoryblokState } from "gatsby-source-storyblok"
+
+import Layout from "../components/layout"
+
+const IndexPage = ({ data }) => {
+ let story = data.storyblokEntry
+ story = useStoryblokState(story)
+
+ const components = story.content.body.map(blok => (
+
+
{story.name}
+ {components}
+
+
+ )
+}
+
+export default IndexPage
+
+export const query = graphql`
+ query HomeQuery {
+ storyblokEntry(full_slug: { eq: "gatsby/" }) {
+ content
+ name
+ full_slug
+ uuid
+ id
+ internalId
+ }
+ }
+`
\ No newline at end of file
diff --git a/playground/src/templates/using-dsg.js b/playground/src/templates/using-dsg.js
new file mode 100644
index 000000000..4bf64179f
--- /dev/null
+++ b/playground/src/templates/using-dsg.js
@@ -0,0 +1,21 @@
+import * as React from "react"
+import { Link } from "gatsby"
+
+import Layout from "../components/layout"
+
+const UsingDSG = () => (
+
+ Hello from a DSG Page
+ This page is not created until requested by a user.
+
+ To learn more, head over to our{" "}
+
+ documentation about Deferred Static Generation
+
+ .
+
+
+)
+
+export default UsingDSG
+
+ 
+
+
+ 
+
+
+ 
