@mattgrill/storyblok-11ty 2.0.0 → 2.4.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.
Files changed (2) hide show
  1. package/package.json +4 -3
  2. package/readme.md +40 -23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mattgrill/storyblok-11ty",
3
- "version": "2.0.0",
3
+ "version": "2.4.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/christianzoppi/storyblok-11ty"
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/christianzoppi/storyblok-11ty/issues"
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
+ [![npm version](https://badge.fury.io/js/@mattgrill%2Fstoryblok-11ty.svg)](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 --save storyblok-11ty
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