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 // 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) let code = asText(children)
// FIXME: Refactor to not use eval // FIXME: Refactor to not use eval
let draft let draft
@ -80,24 +80,30 @@ const buildExample = (children, settings = { margin: 10 }, tutorial = false) =>
: {}, : {},
plugins: [pluginBundle, pluginFlip, pluginGore], 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 (tutorial) settings.measurements = { head: 380 }
if (paperless) settings.paperless = true
console.log(settings, paperless)
return new design(settings) return new design(settings)
} }
// Wrapper component dealing with the tabs and code view // Wrapper component dealing with the tabs and code view
const TabbedExample = ({ app, children, caption, tutorial = false }) => { const TabbedExample = ({ app, children, caption, tutorial = false, paperless = false }) => {
const draft = buildExample(children, {}, tutorial) const draft = buildExample(children, {}, tutorial, paperless)
if (tutorial) if (tutorial)
return ( return (
<div className="my-8"> <div className="my-8">
<Tabs tabs="Code, Preview, X-Ray"> <Tabs tabs="Code, Preview, X-Ray">
<Tab>{children}</Tab> <Tab>{children}</Tab>
<Tab> <Tab>
<Example draft={draft} tutorial={tutorial} app={app} /> <Example {...{ draft, tutorial, paperless, app }} />
</Tab> </Tab>
<Tab> <Tab>
<Example draft={draft} app={app} xray={true} /> <Example {...{ draft, tutorial, paperless, app }} xray={true} />
</Tab> </Tab>
</Tabs> </Tabs>
{caption && ( {caption && (
@ -112,11 +118,11 @@ const TabbedExample = ({ app, children, caption, tutorial = false }) => {
<div className="my-8"> <div className="my-8">
<Tabs tabs="Preview, Code, X-Ray"> <Tabs tabs="Preview, Code, X-Ray">
<Tab> <Tab>
<Example draft={draft} app={app} /> <Example {...{ draft, tutorial, paperless, app }} />
</Tab> </Tab>
<Tab>{children}</Tab> <Tab>{children}</Tab>
<Tab> <Tab>
<Example draft={draft} app={app} xray={true} /> <Example {...{ draft, tutorial, paperless, app }} xray={true} />
</Tab> </Tab>
</Tabs> </Tabs>
{caption && ( {caption && (