Merge pull request #987 from storyblok/feature/985-inline-assets-as-opt-in

feat: 985-inline-assets-as-opt-in

Author: alvarosabu

playground/vanilla/package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "devDependencies": {
+    "pathe": "^1.1.2",
     "typescript": "^5.7.2",
     "vite": "^5.4.11",
     "vite-plugin-qrcode": "^0.2.3"

playground/vanilla/src/main.ts

@@ -1,5 +1,4 @@
 import StoryblokClient from 'storyblok-js-client'
-import RichTextResolver from 'storyblok-js-client/richTextResolver'
 import './style.css'
 
 const headers = new Headers()
@@ -13,27 +12,15 @@ console.log(headers2.constructor.name)
 const Storyblok = new StoryblokClient({
   accessToken: import.meta.env.VITE_ACCESS_TOKEN as string,
   headers,
+  inlineAssets: true,
 })
 
 try {
   const result = await Storyblok.get('cdn/stories/', {
     version: 'draft',
     resolve_relations: 'root.author',
+    resolve_assets: 1,
   })
-  const resolver = new RichTextResolver()
-
-  const paragraph = {
-    type: 'paragraph',
-    content: [
-      {
-        text: 'Bold and italic',
-        type: 'text',
-        marks: [{ type: 'bold' }, { type: 'italic' }],
-      },
-    ],
-  }
-
-  const html = resolver.render(paragraph, {}, false)
 
   document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
   <pre>

playground/vanilla/vite.config.ts

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 
-/* import { resolve } from 'pathe' */
+ import { resolve } from 'pathe'
 
 import { qrcode } from 'vite-plugin-qrcode'
 
@@ -9,9 +9,9 @@ export default defineConfig({
   plugins: [
     qrcode(), // only applies in dev mode
   ],
-  /* resolve: {
+  resolve: {
     alias: {
       'storyblok-js-client': resolve(__dirname, '../../src/index.ts'),
     },
-  }, */
+  },
 })