Changelog
-
Required asset fields
It's now possible to force the user to fill out the field "Alt", "Title" and "Copyright". You can configure the fields in the space settings area.
-
Advanced Path App: translated slug on folder
The Advanced Path app got an update which now allows you to access use
{{folder.translated_slug}}
in your Real Path configurations.This solves: https://github.com/storyblok/storyblok/issues/261.
-
Datasource entry saved webhook
It’s now possible to define a webhook for changes of datasource entries.
-
GraphQL speed improvements
Storyblok's GraphQL api just got huge performance improvements and the possibility to use automatic persisted queries which will save you a lot of traffic.
Improvements:
The average response times of non CDN requests are 6 times faster
Support for automatic persisted queries and CDN has been added
Usage example in Next.js of persisted queries:
To use automatic persisted queries you need to add the library apollo-link-persited-queries like done in the Next.js example https://github.com/storyblok/nextjs-persisted-query-graphql-example.
import { ApolloClient } from 'apollo-client' import { InMemoryCache } from 'apollo-cache-inmemory' import withApollo from 'next-with-apollo' import { createHttpLink } from 'apollo-link-http' import { createPersistedQueryLink } from 'apollo-link-persisted-queries' import fetch from 'isomorphic-unfetch' const GRAPHQL_URL = 'https://gapi.storyblok.com/v1/api' const link = createPersistedQueryLink({useGETForHashedQueries: true}).concat(createHttpLink({ fetch, // Switches between unfetch & node-fetch for client & server. uri: GRAPHQL_URL, headers: { 'Token': 'YOUR_TOKEN', 'Version': 'published', 'Accept': 'application/json' } })) export default withApollo( ({ initialState }) => new ApolloClient({ link: link, cache: new InMemoryCache() // rehydrate the cache using the initial data passed from the server: .restore(initialState || {}) }) )
-
Rollback migration
With the Storyblok CLI v3.4.0 it's now possible to rollback the latest content migration: https://github.com/storyblok/storyblok#rollback-migration
-
Webhook logs
It's now possible to show a log of your webhook executions and retry the call if it failed. Check it out by going to the webhooks section on the space settings page and clicking the link "View logs".
-
Resolve relations with Storyblok Bridge
It’s now possible to resolve relations with the live updates from the input event of the Storyblok Javascript bridge.
If you call the function
resolveRelations
the relations provided as second argument will be solved.How to use?
You can use the storyblok bridge function
.resolveRelations
.window.storyblok.resolveRelations(storyObject, relationsToResolve, callbackWhenResolved)
in callback of the input event after the addComments function.
Example
window.storyblok.on('input', (event) => { window.storyblok.addComments(event.story.content, event.story.id) window.storyblok.resolveRelations(event.story, ['blog.author', 'blog.categories'], () => { // event.story.content has now the resolved relations // this.content = event.story.content }) })
-
Allow administrators to publish on a workflow stage
It's now possible to allow set the publishing right of a workflow stage to administrators or all users.
-
New fieldtype Table
We are happy to announce the new field type "Table" which gives you an easy to use interface to manage tabular data.
Following an example of how to render a table from the data of the table field type:
<table> <thead> <tr> {%- for th in blok.table.thead -%} <th>{{ th.value }}</th> {%- endfor -%} </tr> </thead> <tbody> {%- for tr in blok.table.tbody -%} <tr> {%- for td in tr.body -%} <td>{{ td.value }}</td> {%- endfor -%} </tr> {%- endfor -%} </tbody> </table>
-
Markdown/HTML to Richtext converter
We have published a new npm module that let's you convert Markdown and HTML into Storyblok's Richtext field format.
Check it out here: https://github.com/storyblok/storyblok-markdown-richtext
There is also an example of how to use it with our migration CLI to transform fields: https://github.com/storyblok/storyblok#2-transform-a-markdown-field-into-a-richtext-field
-
Content migrations CLI
We added an awesome new feature to the Storyblok CLI 3.0.
With content migrations you can easily change data of all your content with the commands
storyblok generate-migration
andstoryblok run-migration
. Therun-migration
command has also a dry-run mode to only show changes. In the near future it will also be possible to rollback changes.Read more at our Github Repo: https://github.com/storyblok/storyblok-cli
-
Securing webhooks
It's now possible to secure your webhooks via a signature check.More:For more information please read the documentation: https://www.storyblok.com/docs/Guides/using-storyblok-webhooks#securing-your-webhooks
-
Asset field added to GraphQL api
The type definitions of the Multi-Assets field have been extended to include the new attributes id, title, copyright, focus and alt.
The type definitions for the new Asset field have been added. You can now define the query with
yourfield { id, name, filename, title, copyright, focus and alt }
-
Default full slug
To generate hreflang alternative tags without needing to do a second api request we added the attribute "default_full_slug" to the delivery api. Read more at https://github.com/storyblok/storyblok/issues/268.
-
Payment receipt via email
You will now receive a payment receipt with a link to the invoice via email to the email address defined in your billing details.
-
New app released: Content locking
Changes in: PermalinkThe app "Content Locking" has been released to avoid conflicts when multiple users want to edit a content item.
Features
The first user that starts editing locks the content item for others
Only allows saving for the editor
Unlocks the item when the editor disconnects or closes the content item
When installing the app a “Locked” symbol will appear for users if someone is editing the content item.
-
New fieldtype Asset
We are happy to announce the new field type "Asset". We put a lot of community feedback into the new field that replaces the "Image" and "File" field-types.
Features
Set alt-tag, title and copyright information by clicking on the filename
Image preview
Possibility to add description
Restrict to specific filetypes
Select default asset folder for upload
Set focus point for images
Change filename before upload confirmation
Following a preview of the schema configuration options of this field.
-
Focus point for images
It's now possible to set a focus point for images in the asset manager.
-
Pre-upload filename changing
It's now possible to change the filename and see a preview before starting the asset upload.
-
Alt, title and copyright info for assets
It's now possible to define additional attributes like alt-tag, title and copyright information in the asset manager.
-
Better headline button in Richtext
Changes in: PermalinkThe headline button in the Richtext field has been improved and now shows the active headline size when selecting a headline.
-
Content type blueprints
Changes in: PermalinkIt's now easier to get started with Storyblok for new users. With the improved content creation dialog the user has now the possibility to create content types with predefined fields for common types.
-
New app type "Tool"
It's now possible to create Oauth apps for the "Tools" section. To create a tool app you need to register as a partner at https://www.storyblok.com/partners and choose "Tool" as app type when creating the app. Check out our the example app https://github.com/storyblok/storyblok-tool-example
-
App dev environment
It's now possible to set the Oauth urls for development and live. In the past you only had the option of a single callback url. To create apps you need to register as a partner at https://www.storyblok.com/partners. Check out also our new example app https://github.com/storyblok/storyblok-workflow-app
-
Improved preset management
Presets are now manageable in the components overview and they got a new interface in the tab "Presets".