@mattgrill/storyblok-11ty 2.0.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -3
- package/readme.md +40 -23
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mattgrill/storyblok-11ty",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "Import Stories and Datasources from Storyblok to 11ty as data objects or static files and it adds custom tags for blocks parsing.",
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -71,10 +71,11 @@
|
|
|
71
71
|
},
|
|
72
72
|
"repository": {
|
|
73
73
|
"type": "git",
|
|
74
|
-
"url": "git+https://github.com/
|
|
74
|
+
"url": "git+https://github.com/mattgrill/storyblok-11ty"
|
|
75
75
|
},
|
|
76
|
+
"homepage": "https://github.com/mattgrill/storyblok-11ty#readme",
|
|
76
77
|
"bugs": {
|
|
77
|
-
"url": "https://github.com/
|
|
78
|
+
"url": "https://github.com/mattgrill/storyblok-11ty/issues"
|
|
78
79
|
},
|
|
79
80
|
"lint-staged": {
|
|
80
81
|
"*.ts": [
|
package/readme.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# Storyblok to 11ty
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/@mattgrill/storyblok-11ty)
|
|
4
|
+
|
|
3
5
|
The package aims at helping you fetch all the storyblok content in order to use it in 11ty or in any SSG. The package is framework agnostic, hence you could use it with any framework or library. You won't be locked to 11ty and you'd be able to switch to other ssg or framework if needed.
|
|
4
6
|
|
|
5
7
|
The package contains two classes:
|
|
@@ -8,10 +10,25 @@ The package contains two classes:
|
|
|
8
10
|
|
|
9
11
|
## Installation and Setup
|
|
10
12
|
|
|
13
|
+
This package is published to both npm and GitHub Packages:
|
|
14
|
+
|
|
15
|
+
**From npm (recommended):**
|
|
11
16
|
```bash
|
|
12
|
-
npm install
|
|
17
|
+
npm install @mattgrill/storyblok-11ty
|
|
13
18
|
# or
|
|
14
|
-
yarn add storyblok-11ty
|
|
19
|
+
yarn add @mattgrill/storyblok-11ty
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
**From GitHub Packages:**
|
|
23
|
+
```bash
|
|
24
|
+
# Create .npmrc file in your project:
|
|
25
|
+
echo "@mattgrill:registry=https://npm.pkg.github.com" >> .npmrc
|
|
26
|
+
|
|
27
|
+
# Authenticate (requires GitHub PAT with read:packages scope)
|
|
28
|
+
npm login --registry=https://npm.pkg.github.com --scope=@mattgrill
|
|
29
|
+
|
|
30
|
+
# Install
|
|
31
|
+
npm install @mattgrill/storyblok-11ty
|
|
15
32
|
```
|
|
16
33
|
|
|
17
34
|
## Version 2.0 Breaking Changes
|
|
@@ -26,18 +43,18 @@ Version 2.0 is a complete rewrite in TypeScript with several improvements:
|
|
|
26
43
|
|
|
27
44
|
**Before (1.x):**
|
|
28
45
|
```javascript
|
|
29
|
-
const StoryblokTo11ty = require('storyblok-11ty');
|
|
46
|
+
const StoryblokTo11ty = require('@mattgrill/storyblok-11ty');
|
|
30
47
|
const sb = new StoryblokTo11ty.importer({token: 'your-token'});
|
|
31
48
|
```
|
|
32
49
|
|
|
33
50
|
**After (2.x):**
|
|
34
51
|
```javascript
|
|
35
52
|
// CommonJS
|
|
36
|
-
const { StoryblokTo11tyData } = require('storyblok-11ty');
|
|
53
|
+
const { StoryblokTo11tyData } = require('@mattgrill/storyblok-11ty');
|
|
37
54
|
const sb = new StoryblokTo11tyData({token: 'your-token'});
|
|
38
55
|
|
|
39
56
|
// ESM / TypeScript
|
|
40
|
-
import { StoryblokTo11tyData } from 'storyblok-11ty';
|
|
57
|
+
import { StoryblokTo11tyData } from '@mattgrill/storyblok-11ty';
|
|
41
58
|
const sb = new StoryblokTo11tyData({token: 'your-token'});
|
|
42
59
|
```
|
|
43
60
|
|
|
@@ -53,7 +70,7 @@ import {
|
|
|
53
70
|
Story,
|
|
54
71
|
TransformedStory,
|
|
55
72
|
DatasourceEntry
|
|
56
|
-
} from 'storyblok-11ty';
|
|
73
|
+
} from '@mattgrill/storyblok-11ty';
|
|
57
74
|
|
|
58
75
|
const config: StoryblokTo11tyConfig = {
|
|
59
76
|
token: 'your-space-token',
|
|
@@ -80,7 +97,7 @@ const sb = new StoryblokTo11tyData(config);
|
|
|
80
97
|
**TypeScript:**
|
|
81
98
|
```typescript
|
|
82
99
|
// Example of Global Data File in the _data directory
|
|
83
|
-
import { StoryblokTo11tyData, type StoryblokTo11tyConfig } from 'storyblok-11ty';
|
|
100
|
+
import { StoryblokTo11tyData, type StoryblokTo11tyConfig } from '@mattgrill/storyblok-11ty';
|
|
84
101
|
|
|
85
102
|
export default async () => {
|
|
86
103
|
const config: StoryblokTo11tyConfig = {
|
|
@@ -96,7 +113,7 @@ export default async () => {
|
|
|
96
113
|
|
|
97
114
|
**JavaScript (CommonJS):**
|
|
98
115
|
```javascript
|
|
99
|
-
const { StoryblokTo11tyData } = require('storyblok-11ty');
|
|
116
|
+
const { StoryblokTo11tyData } = require('@mattgrill/storyblok-11ty');
|
|
100
117
|
|
|
101
118
|
module.exports = async () => {
|
|
102
119
|
const sb = new StoryblokTo11tyData({token: 'your-space-token'});
|
|
@@ -135,7 +152,7 @@ Array<{
|
|
|
135
152
|
|
|
136
153
|
**TypeScript:**
|
|
137
154
|
```typescript
|
|
138
|
-
import { StoryblokTo11tyData, type Story } from 'storyblok-11ty';
|
|
155
|
+
import { StoryblokTo11tyData, type Story } from '@mattgrill/storyblok-11ty';
|
|
139
156
|
|
|
140
157
|
export default async () => {
|
|
141
158
|
const sb = new StoryblokTo11tyData({token: 'your-space-token'});
|
|
@@ -147,7 +164,7 @@ export default async () => {
|
|
|
147
164
|
|
|
148
165
|
**JavaScript:**
|
|
149
166
|
```javascript
|
|
150
|
-
const { StoryblokTo11tyData } = require('storyblok-11ty');
|
|
167
|
+
const { StoryblokTo11tyData } = require('@mattgrill/storyblok-11ty');
|
|
151
168
|
|
|
152
169
|
module.exports = async () => {
|
|
153
170
|
const sb = new StoryblokTo11tyData({token: 'your-space-token'});
|
|
@@ -170,7 +187,7 @@ Promise. Return `false` if something went wrong in the process, otherwise `true`
|
|
|
170
187
|
|
|
171
188
|
**TypeScript:**
|
|
172
189
|
```typescript
|
|
173
|
-
import { StoryblokTo11tyData } from 'storyblok-11ty';
|
|
190
|
+
import { StoryblokTo11tyData } from '@mattgrill/storyblok-11ty';
|
|
174
191
|
|
|
175
192
|
const sb = new StoryblokTo11tyData({
|
|
176
193
|
token: 'your-space-token',
|
|
@@ -186,7 +203,7 @@ await sb.storeStories('home');
|
|
|
186
203
|
|
|
187
204
|
**JavaScript:**
|
|
188
205
|
```javascript
|
|
189
|
-
const { StoryblokTo11tyData } = require('storyblok-11ty');
|
|
206
|
+
const { StoryblokTo11tyData } = require('@mattgrill/storyblok-11ty');
|
|
190
207
|
const sb = new StoryblokTo11tyData({token: 'your-space-token'});
|
|
191
208
|
|
|
192
209
|
// Store all stories
|
|
@@ -210,7 +227,7 @@ Promise. The response of the promise is an object with all the datasources or an
|
|
|
210
227
|
|
|
211
228
|
**TypeScript:**
|
|
212
229
|
```typescript
|
|
213
|
-
import { StoryblokTo11tyData, type DatasourceEntry } from 'storyblok-11ty';
|
|
230
|
+
import { StoryblokTo11tyData, type DatasourceEntry } from '@mattgrill/storyblok-11ty';
|
|
214
231
|
|
|
215
232
|
// Get all datasources
|
|
216
233
|
export const allDatasources = async () => {
|
|
@@ -227,7 +244,7 @@ export const categories = async (): Promise<DatasourceEntry[]> => {
|
|
|
227
244
|
|
|
228
245
|
**JavaScript:**
|
|
229
246
|
```javascript
|
|
230
|
-
const { StoryblokTo11tyData } = require('storyblok-11ty');
|
|
247
|
+
const { StoryblokTo11tyData } = require('@mattgrill/storyblok-11ty');
|
|
231
248
|
|
|
232
249
|
// Get all datasources
|
|
233
250
|
module.exports = async () => {
|
|
@@ -256,7 +273,7 @@ Promise. Return `false` if something went wrong in the process, otherwise `true`
|
|
|
256
273
|
|
|
257
274
|
**TypeScript:**
|
|
258
275
|
```typescript
|
|
259
|
-
import { StoryblokTo11tyData } from 'storyblok-11ty';
|
|
276
|
+
import { StoryblokTo11tyData } from '@mattgrill/storyblok-11ty';
|
|
260
277
|
|
|
261
278
|
const sb = new StoryblokTo11tyData({
|
|
262
279
|
token: 'your-space-token',
|
|
@@ -272,7 +289,7 @@ await sb.storeDatasources('categories');
|
|
|
272
289
|
|
|
273
290
|
**JavaScript:**
|
|
274
291
|
```javascript
|
|
275
|
-
const { StoryblokTo11tyData } = require('storyblok-11ty');
|
|
292
|
+
const { StoryblokTo11tyData } = require('@mattgrill/storyblok-11ty');
|
|
276
293
|
const sb = new StoryblokTo11tyData({token: 'your-space-token'});
|
|
277
294
|
|
|
278
295
|
// Store all datasources
|
|
@@ -293,7 +310,7 @@ await sb.storeDatasources('categories');
|
|
|
293
310
|
|
|
294
311
|
**TypeScript:**
|
|
295
312
|
```typescript
|
|
296
|
-
import { StoryblokTo11tyPlugin } from 'storyblok-11ty';
|
|
313
|
+
import { StoryblokTo11tyPlugin } from '@mattgrill/storyblok-11ty';
|
|
297
314
|
|
|
298
315
|
export default function(eleventyConfig) {
|
|
299
316
|
const sbPlugin = new StoryblokTo11tyPlugin({blocks_folder: 'components/'});
|
|
@@ -303,7 +320,7 @@ export default function(eleventyConfig) {
|
|
|
303
320
|
|
|
304
321
|
**JavaScript:**
|
|
305
322
|
```javascript
|
|
306
|
-
const { StoryblokTo11tyPlugin } = require('storyblok-11ty');
|
|
323
|
+
const { StoryblokTo11tyPlugin } = require('@mattgrill/storyblok-11ty');
|
|
307
324
|
|
|
308
325
|
module.exports = function(eleventyConfig) {
|
|
309
326
|
const sbPlugin = new StoryblokTo11tyPlugin({blocks_folder: 'components/'});
|
|
@@ -324,7 +341,7 @@ The block fields will be passed to the layout under the object `block`. If your
|
|
|
324
341
|
|
|
325
342
|
**TypeScript:**
|
|
326
343
|
```typescript
|
|
327
|
-
import { StoryblokTo11tyPlugin } from "storyblok-11ty";
|
|
344
|
+
import { StoryblokTo11tyPlugin } from "@mattgrill/storyblok-11ty";
|
|
328
345
|
|
|
329
346
|
export default function(eleventyConfig) {
|
|
330
347
|
const sbPlugin = new StoryblokTo11tyPlugin({blocks_folder: 'components/'});
|
|
@@ -334,7 +351,7 @@ export default function(eleventyConfig) {
|
|
|
334
351
|
|
|
335
352
|
**JavaScript:**
|
|
336
353
|
```javascript
|
|
337
|
-
const { StoryblokTo11tyPlugin } = require("storyblok-11ty");
|
|
354
|
+
const { StoryblokTo11tyPlugin } = require("@mattgrill/storyblok-11ty");
|
|
338
355
|
|
|
339
356
|
module.exports = function(eleventyConfig) {
|
|
340
357
|
const sbPlugin = new StoryblokTo11tyPlugin({blocks_folder: 'components/'});
|
|
@@ -350,7 +367,7 @@ The block fields will be passed to the layout under the object `block`. If your
|
|
|
350
367
|
|
|
351
368
|
**TypeScript:**
|
|
352
369
|
```typescript
|
|
353
|
-
import { StoryblokTo11tyPlugin } from "storyblok-11ty";
|
|
370
|
+
import { StoryblokTo11tyPlugin } from "@mattgrill/storyblok-11ty";
|
|
354
371
|
|
|
355
372
|
export default function(eleventyConfig) {
|
|
356
373
|
const sbPlugin = new StoryblokTo11tyPlugin({blocks_folder: '_includes/components/'});
|
|
@@ -360,7 +377,7 @@ export default function(eleventyConfig) {
|
|
|
360
377
|
|
|
361
378
|
**JavaScript:**
|
|
362
379
|
```javascript
|
|
363
|
-
const { StoryblokTo11tyPlugin } = require("storyblok-11ty");
|
|
380
|
+
const { StoryblokTo11tyPlugin } = require("@mattgrill/storyblok-11ty");
|
|
364
381
|
|
|
365
382
|
module.exports = function(eleventyConfig) {
|
|
366
383
|
const sbPlugin = new StoryblokTo11tyPlugin({blocks_folder: '_includes/components/'});
|
|
@@ -386,7 +403,7 @@ import type {
|
|
|
386
403
|
DatasourceEntry, // Datasource entry object
|
|
387
404
|
GetStoriesParams, // Parameters for getStories method
|
|
388
405
|
ApiResponse // API response structure
|
|
389
|
-
} from 'storyblok-11ty';
|
|
406
|
+
} from '@mattgrill/storyblok-11ty';
|
|
390
407
|
```
|
|
391
408
|
|
|
392
409
|
## Development
|