VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(shared): Support paperless in Example

Browse source
This commit is contained in:
Joost De Cock 2022-10-11 15:07:56 +02:00
parent 9641978270
commit 27ba759bcd
1 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

22
sites/shared/components/mdx/example.js
View file

@ -58,7 +58,7 @@ const Example = ({ app, draft, tutorial = false, xray = false }) => {
}
// Returns a FreeSewing draft based on code in children
const buildExample = (children, settings = { margin: 10 }, tutorial = false) => {
const buildExample = (children, settings = { margin: 10 }, tutorial = false, paperless = false) => {
let code = asText(children)
// FIXME: Refactor to not use eval
let draft
@ -80,24 +80,30 @@ const buildExample = (children, settings = { margin: 10 }, tutorial = false) =>
: {},
plugins: [pluginBundle, pluginFlip, pluginGore],
}
const design = new Design({ parts: [part] })
const design = new Design({
parts: [part],
data: tutorial ? { name: 'Tutorial', version: '0.0.1' } : {},
})
if (tutorial) settings.measurements = { head: 380 }
if (paperless) settings.paperless = true
console.log(settings, paperless)
return new design(settings)
}
// Wrapper component dealing with the tabs and code view
const TabbedExample = ({ app, children, caption, tutorial = false }) => {
const draft = buildExample(children, {}, tutorial)
const TabbedExample = ({ app, children, caption, tutorial = false, paperless = false }) => {
const draft = buildExample(children, {}, tutorial, paperless)
if (tutorial)
return (
<div className="my-8">
<Tabs tabs="Code, Preview, X-Ray">
<Tab>{children}</Tab>
<Tab>
<Example draft={draft} tutorial={tutorial} app={app} />
<Example {...{ draft, tutorial, paperless, app }} />
</Tab>
<Tab>
<Example draft={draft} app={app} xray={true} />
<Example {...{ draft, tutorial, paperless, app }} xray={true} />
</Tab>
</Tabs>
{caption && (
@ -112,11 +118,11 @@ const TabbedExample = ({ app, children, caption, tutorial = false }) => {
<div className="my-8">
<Tabs tabs="Preview, Code, X-Ray">
<Tab>
<Example draft={draft} app={app} />
<Example {...{ draft, tutorial, paperless, app }} />
</Tab>
<Tab>{children}</Tab>
<Tab>
<Example draft={draft} app={app} xray={true} />
<Example {...{ draft, tutorial, paperless, app }} xray={true} />
</Tab>
</Tabs>
{caption && (