has anyone used liquidjs w/ storybook?

[dgpalmer]

i am working on a new shopify theme and i'd like to build a storybookjs component library.

of course the new shopify theme uses liquid templates for all the components. has anyone done something similar with Storybook? I am experiencing an issue where the browser is unable to find the liquid file in storybook, i'm guessing this is due to the storybook webpack not compiling the liquid file but I am not certain.

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:6006/views/static/media/image-with-text.433d3ef3.liquid

i used the reactjs demo app and was able to render some of my liquid templates and pass data to them from react, here is a copy of my working App.js from that demo with my own custom liquid template

import React, { Component } from 'react';
import tpl from './views/image-with-text.liquid';
import Parser from 'html-react-parser';
import { engine } from './engine';

export class App extends Component {
  async componentDidMount() {
    const html = await engine.renderFile(
      tpl.toString(),
      {
        heading: 'Block Heading',
        text: 'Some additional markdown text',
        button_text: 'Click Me',
        button_url: 'https://google.com'
      }
    )
    this.setState({ html })
  }

  state = { html: '' }

  render() { 
    return (
      <div className="App">
        {Parser(`${this.state.html}`)}
      </div>
    );
  }
}

Sorry, I know this is more of a storybook webpack configuration issue, but i figured I'd ask here if anyone has used liquidjs with storybook successfully and if they could give any pointers.

Thanks!