45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import freesewing from '@freesewing/core'
|
|
import Workbench from '@freesewing/components/Workbench'
|
|
import '@freesewing/css-theme'
|
|
import Pattern from './pattern/src/index.js'
|
|
/*
|
|
* The following symlink is required to make this import work:
|
|
* `root_folder/example/src/pattern => `../../`
|
|
*
|
|
* Without it, we can't import the pattern as a local file
|
|
* since create-react-app does not allow imports outside ./src
|
|
* If it's imported as a dependency, webpack will cache the
|
|
* build and there will be no hot-reloading of changes
|
|
*/
|
|
|
|
const App = (props) => {
|
|
// You can use this to add translations
|
|
/*
|
|
let translations = {
|
|
JSON: 'JSON',
|
|
someOtherString: 'Some other string that needs translation'
|
|
}
|
|
*/
|
|
|
|
// Adds support for loading an external pattern configuration
|
|
let recreate = false
|
|
if (window) recreate = window.location.pathname.substr(1).split('/')
|
|
if (recreate.length === 3 && recreate[0] === 'recreate') {
|
|
recreate = { from: recreate[1], id: recreate[2] }
|
|
} else {
|
|
recreate = false
|
|
}
|
|
|
|
return (
|
|
<Workbench
|
|
freesewing={freesewing}
|
|
Pattern={Pattern}
|
|
userLanguage="en"
|
|
recreate={recreate}
|
|
// translations={translations}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default App
|