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