✨ Trying my hand at plugin-react

config/dependencies.yaml

@@ -32,6 +32,7 @@ components:
     "@freesewing/pattern-info": "^{{version}}"
     "@freesewing/mui-theme": "^{{version}}"
     "@freesewing/css-theme": "^{{version}}"
+    "@freesewing/plugin-react": "^{{version}}"
     "typeface-roboto-condensed": "latest"
     "@freesewing/i18n": "^{{version}}"
     "@freesewing/utils": "^{{version}}"

config/descriptions.yaml

@@ -31,6 +31,7 @@ plugin-flip: "A FreeSewing plugin to flip parts horizontally"
 plugin-grainline: "A FreeSewing plugin to add grainline indicators on your patterns"
 plugin-i18n: "A FreeSewing plugin for pattern translation"
 plugin-logo: "A FreeSewing plugin to add our logo to your patterns"
+plugin-react: "A FreeSewing plugin to turn your pattern into a React component"
 plugin-round: "A FreeSewing plugin to round corners"
 plugin-scalebox: "A FreeSewing plugin to add a scalebox to your pattern"
 plugin-sprinkle: "A FreeSewing plugin to bulk-add snippets to your pattern"

packages/aaron/package.json

@@ -33,9 +33,9 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/brian": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/brian": "^2.0.0-alpha.18"
   },
   "files": [
     "dist/*",

packages/bent/package.json

@@ -33,9 +33,9 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/brian": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/brian": "^2.0.0-alpha.18"
   },
   "files": [
     "dist/*",

packages/brian/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/bruce/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/carlita/package.json

@@ -33,12 +33,12 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/bent": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/carlton": "^2.0.0-alpha.17",
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18",
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/bent": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17",
+    "@freesewing/carlton": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bust": "^2.0.0-alpha.17",
+    "@freesewing/plugin-bust": "^2.0.0-alpha.18",
-    "@freesewing/plugin-buttons": "^2.0.0-alpha.17"
+    "@freesewing/plugin-buttons": "^2.0.0-alpha.18"
   },
   "files": [
     "dist/*",

packages/carlton/package.json

@@ -33,10 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/bent": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17",
+    "@freesewing/bent": "^2.0.0-alpha.18",
-    "@freesewing/plugin-buttons": "^2.0.0-alpha.17"
+    "@freesewing/plugin-buttons": "^2.0.0-alpha.18"
   },
   "files": [
     "dist/*",

packages/cathrin/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/components/package.json

@@ -16,28 +16,29 @@
   "main": "dist/index.js",
   "scripts": {
     "clean": "rimraf dist",
-    "watch": "BABEL_ENV=production rollup -c -w -o dist/index.js -f cjs",
     "nodebuild": "BABEL_ENV=production rollup -c -o dist/index.js -f cjs",
     "build": "npm run clean && npm run nodebuild",
     "test": "echo \"components: No tests configured. Perhaps you'd like to do this?\" && exit 0",
     "pubtest": "npm publish --registry http://localhost:6662",
     "pubforce": "npm publish",
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -",
-    "storybook": "start-storybook -p 6663"
+    "storybook": "start-storybook -p 6663",
+    "watch": "BABEL_ENV=production rollup -c -w -o dist/index.js -f cjs"
   },
   "peerDependencies": {
-    "@freesewing/css-theme": "^2.0.0-alpha.17",
+    "react": "^16.8",
-    "@freesewing/i18n": "^2.0.0-alpha.17",
+    "prop-types": "15.7.2",
-    "@freesewing/mui-theme": "^2.0.0-alpha.17",
+    "@freesewing/pattern-info": "^2.0.0-alpha.18",
-    "@freesewing/pattern-info": "^2.0.0-alpha.17",
+    "@freesewing/mui-theme": "^2.0.0-alpha.18",
-    "@freesewing/utils": "^2.0.0-alpha.17",
+    "@freesewing/css-theme": "^2.0.0-alpha.18",
+    "@freesewing/plugin-react": "^2.0.0-alpha.18",
+    "typeface-roboto-condensed": "latest",
+    "@freesewing/i18n": "^2.0.0-alpha.18",
+    "@freesewing/utils": "^2.0.0-alpha.18",
+    "react-intl": "^2.8.0",
     "@material-ui/core": "^3.9.3",
     "@material-ui/icons": "^3.0.2",
-    "@material-ui/lab": "^3.0.0-alpha.30",
+    "@material-ui/lab": "^3.0.0-alpha.30"
-    "prop-types": "15.7.2",
-    "react": "^16.8",
-    "react-intl": "^2.8.0",
-    "typeface-roboto-condensed": "latest"
   },
   "files": [
     "dist/*",

packages/components/src/Workbench/DraftPattern/index.js

@@ -6,7 +6,7 @@ import themePlugin from "@freesewing/plugin-theme";
 import svgattrPlugin from "@freesewing/plugin-svgattr";
 import i18nPlugin from "@freesewing/plugin-i18n";
 import validatePlugin from "@freesewing/plugin-validate";
-import designerPlugin from "@freesewing/plugin-designer";
+import reactPlugin from "@freesewing/plugin-react";
 import { strings } from "@freesewing/i18n";
 import { FormattedMessage } from "react-intl";
 
@@ -16,9 +16,8 @@ const DraftPattern = props => {
     .use(svgattrPlugin, { class: "freesewing draft" })
     .use(i18nPlugin, { strings: strings })
     .use(validatePlugin)
-    .use(designerPlugin, props.raiseEvent);
+    .use(reactPlugin);
   pattern.draft();
-  console.dir({ pattern });
 
   return (
     <div className="fs-sa">

packages/create-freesewing-pattern/package.json

@@ -23,8 +23,6 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "dependencies": {
-    "@freesewing/i18n": "^2.0.0-alpha.18",
-    "@freesewing/pattern-info": "^2.0.0-alpha.18",
     "chalk": "^2.4.2",
     "commander": "^2.19.0",
     "conf": "^2.2.0",
@@ -40,7 +38,9 @@
     "p-each-series": "^1.0.0",
     "parse-git-config": "^3.0.0",
     "validate-npm-package-name": "^3.0.0",
-    "which": "^1.3.1"
+    "which": "^1.3.1",
+    "@freesewing/i18n": "^2.0.0-alpha.18",
+    "@freesewing/pattern-info": "^2.0.0-alpha.18"
   },
   "files": [
     "lib",

packages/create-freesewing-pattern/template/default/example/package.json

@@ -14,6 +14,7 @@
     "@freesewing/plugin-svgattr": "alpha",
     "@freesewing/plugin-i18n": "alpha",
     "@freesewing/plugin-validate": "alpha",
+    "@freesewing/plugin-react": "alpha",
     "@freesewing/i18n": "alpha",
     "@freesewing/components": "alpha",
     "@freesewing/css-theme": "alpha",

packages/examples/package.json

@@ -28,9 +28,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/florent/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/huey/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/hugo/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/i18n/package.json

@@ -28,7 +28,7 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/pattern-info": "^2.0.0-alpha.17"
+    "@freesewing/pattern-info": "^2.0.0-alpha.18"
   },
   "files": [
     "dist/*",

packages/jaeger/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/models/package.json

@@ -29,6 +29,9 @@
     "pubforce": "npm publish",
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
+  "peerDependencies": {},
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/pattern-info/package.json

@@ -31,6 +31,9 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -",
     "prebuild": "node src/prebuild.js"
   },
+  "peerDependencies": {},
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/patterns/package.json

@@ -33,8 +33,8 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
   "dependencies": {
     "@freesewing/aaron": "^2.0.0-alpha.18",

packages/plugin-banner/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-bundle/package.json

@@ -34,8 +34,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-bust/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-buttons/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-cutonfold/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-debug/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-designer/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-dimension/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-flip/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-grainline/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-i18n/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-logo/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-react/.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "entry"
+      }
+    ]
+  ]
+}

packages/plugin-react/.travis.yml

@@ -0,0 +1,9 @@
+language: node_js
+node_js:
+  - "node"
+install:
+  - npm install
+  - npm run build
+script:
+  - npm run test
+  - npm run coverage

packages/plugin-react/README.md

@@ -0,0 +1,98 @@
+> **Note**: This is part of version 2 of FreeSewing.  
+> It is a work in progress, and not ready for prime-time yet
+> 
+> For all questions, please come say hello in [our chatroom on Gitter](https://gitter.im/).
+
+<p align="center"><a title="Go to freesewing.org" href="https://freesewing.org/"><img src="https://freesewing.org/img/logo/black.svg" align="center" width="150px" alt="Freesewing logo"/></a></p>
+<p align="center">FreeSewing is a free and open source library for made-to-measure sewing patterns</p>
+<p align='center'><a
+  href="https://www.npmjs.com/package/@freesewing/plugin-react"
+  title="@freesewing/plugin-react on NPM"
+  ><img src="https://img.shields.io/npm/v/freesewing.svg"
+  alt="@freesewing/plugin-react on NPM"/>
+  </a><a
+  href="https://opensource.org/licenses/MIT"
+  title="License: MIT"
+  ><img src="https://img.shields.io/npm/l/freesewing.svg?label=License"
+  alt="License: MIT"/>
+  </a><a
+  href="https://github.com/freesewing/freesewing/issues?q=is%3Aissue+is%3Aopen+label%3Apkg%3Aplugin-react"
+  title="Open issues tagged pkg:plugin-react"
+  ><img src="https://img.shields.io/github/issues/freesewing/freesewing/pkg:plugin-react.svg?label=Issues"
+  alt="Open issues tagged pkg:plugin-react"/>
+  </a></p><p align='center'><a
+  href="https://twitter.com/freesewing_org"
+  title="Follow @freesewing_org on Twitter"
+  ><img src="https://img.shields.io/badge/%F3%A0%80%A0-Follow%20us-blue.svg?logo=twitter&logoColor=white&logoWidth=15"
+  alt="Follow @freesewing_org on Twitter"/>
+  </a><a
+  href="https://gitter.im/freesewing/freesewing"
+  title="Chat with us on Gitter"
+  ><img src="https://img.shields.io/badge/%F3%A0%80%A0-Chat%20with%20us-CA0547.svg?logo=gitter&logoColor=white&logoWidth=15"
+  alt="Chat with us on Gitter"/>
+  </a><a
+  href="https://freesewing.org/patrons/join"
+  title="Become a FreeSewing Patron"
+  ><img src="https://img.shields.io/badge/%F3%A0%80%A0-Support%20us-blueviolet.svg?logo=cash-app&logoColor=white&logoWidth=15"
+  alt="Become a FreeSewing Patron"/>
+  </a><a
+  href="https://instagram.com/freesewing_org"
+  title="Follow @freesewing_org on Twitter"
+  ><img src="https://img.shields.io/badge/%F3%A0%80%A0-Follow%20us-E4405F.svg?logo=instagram&logoColor=white&logoWidth=15"
+  alt="Follow @freesewing_org on Twitter"/>
+  </a></p>
+
+# @freesewing/plugin-react
+
+A FreeSewing plugin to turn your pattern into a React component
+
+
+
+## About FreeSewing 🤔
+
+Where the world of makers and developers collide, that's where you'll find FreeSewing.
+
+Our [core library](https://freesewing.dev/en/freesewing) is a *batteries-included* toolbox
+for parametric design of sewing patterns. It's a modular system (check our list
+of [plugins](https://freesewing.dev/en/plugins) and getting started is as simple as:
+
+```bash
+npm init freesewing-pattern
+```
+
+The [getting started] section on [freesewing.dev](https://freesewing.dev/) is a good
+entrypoint to our documentation, but you'll find a lot more there, including
+our [API documentation](https://freesewing.dev/en/freesewing/api),
+as well as [examples](https://freesewing.dev/en/freesewing/examples),
+and [best practices](https://freesewing.dev/en/do).
+
+If you're a maker, checkout [freesewing.org](https://freesewing/) where you can generate
+our sewing patterns adapted to your measurements.
+
+## Support FreeSewing: Become a patron 🥰
+
+FreeSewing is an open source project run by a community, 
+and financially supported by our patrons.
+
+If you feel what we do is worthwhile, you too 
+should [become a patron](https://freesewing.org/patrons/join).
+
+## Links 👩‍💻
+
+ - 💻 Makers website: [freesewing.org](https://freesewing.org)
+ - 💻 Developers website: [freesewing.dev](https://freesewing.org)
+ - 💬 Chat: [gitter.im/freesewing](https://gitter.im/freesewing/freesewing)
+ - 🐦 Twitter: [@freesewing_org](https://twitter.com/freesewing_org)
+ - 📷 Instagram: [@freesewing_org](https://instagram.com/freesewing_org)
+
+## License: MIT 🤓
+
+© [Joost De Cock](https://github.com/joostdecock).  
+See [the license file](https://github.com/freesewing/freesewing/blob/develop/LICENSE) for details.
+
+## Where to get help 🤯
+
+Our [chatroom on Gitter](https://gitter.im) is the best place to ask questions,
+share your feedback, or just hang out.
+
+If you want to report a problem, please [create an issue](https://github.com/freesewing/freesewing/issues/new).

packages/plugin-react/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@freesewing/plugin-react",
+  "version": "2.0.0-alpha.18",
+  "description": "A FreeSewing plugin to turn your pattern into a React component",
+  "author": "Joost De Cock <joost@decock.org> (https://github.com/joostdecock)",
+  "homepage": "https://freesewing.org/",
+  "repository": "github:freesewing/freesewing",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/freesewing/freesewing/issues"
+  },
+  "keywords": [
+    "freesewing",
+    "plugin",
+    "sewing pattern",
+    "sewing",
+    "design",
+    "parametric design",
+    "made to measure",
+    "diy",
+    "fashion"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "scripts": {
+    "clean": "rimraf dist",
+    "nodebuild": "BABEL_ENV=production rollup -c -o dist/index.js -f cjs",
+    "modulebuild": "BABEL_ENV=production rollup -c -o dist/index.mjs -f es",
+    "build": "npm run clean && npm run nodebuild && npm run modulebuild",
+    "test": "echo \"plugin-react: No tests configured. Perhaps you'd like to do this?\" && exit 0",
+    "pubtest": "npm publish --registry http://localhost:6662",
+    "pubforce": "npm publish",
+    "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
+  },
+  "peerDependencies": {
+    "@freesewing/core": "^2.0.0-alpha.18"
+  },
+  "dependencies": {},
+  "devDependencies": {},
+  "files": [
+    "dist/*",
+    "README.md",
+    "package.json"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "tag": "alpha"
+  },
+  "engines": {
+    "node": ">=8.0.0",
+    "npm": ">=5"
+  }
+}

packages/plugin-react/rollup.config.js

@@ -0,0 +1,48 @@
+import babel from "rollup-plugin-babel";
+import resolve from "rollup-plugin-node-resolve";
+import commonjs from "rollup-plugin-commonjs";
+import json from "rollup-plugin-json";
+import minify from "rollup-plugin-babel-minify";
+import yaml from "rollup-plugin-yaml";
+import url from "rollup-plugin-url";
+import postcss from "rollup-plugin-postcss";
+import svgr from "@svgr/rollup";
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import { name, version, description, author, license } from "./package.json";
+
+export default {
+  input: "src/index.js",
+  output: [
+    {
+      file: "dist/index.js",
+      format: "cjs",
+      sourcemap: true
+    },
+    {
+      file: "dist/index.mjs",
+      format: "es",
+      sourcemap: true
+    }
+  ],
+  plugins: [
+    peerDepsExternal(),
+    resolve({ modulesOnly: true }),
+    url(),
+    commonjs(),
+    json(),
+    yaml(),
+    svgr(),
+    postcss({
+      modules: true
+    }),
+    babel({
+      exclude: "node_modules/**",
+      plugins: ["@babel/plugin-proposal-object-rest-spread"]
+    }),
+    minify({
+      comments: false,
+      sourceMap: true,
+      banner: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
+    })
+  ]
+};

packages/plugin-react/src/index.js

@@ -0,0 +1,11 @@
+import { version, name } from "../package.json";
+
+export default {
+  name: name,
+  version: version,
+  hooks: {
+    postDraft: function(pattern, props) {
+      console.log("postDraft hook in react plugin");
+    }
+  }
+};

packages/plugin-react/tests/designer.test.js

@@ -0,0 +1,73 @@
+import script from "../src/lib/script.js";
+import defs from "../src/lib/snippets.js";
+import freesewing from "freesewing";
+import { version } from "../package.json";
+
+let expect = require("chai").expect;
+let designerPlugin = require("../dist/index.js");
+
+let pattern = new freesewing.Pattern().with(designerPlugin);
+pattern.render();
+
+it("Should load script", () => {
+  expect(pattern.svg.script).to.equal(script);
+});
+
+it("Should set load defs", () => {
+  expect(pattern.svg.defs).to.equal(defs);
+});
+
+it("Should set the plugin name:version attribute", () => {
+  expect(pattern.svg.attributes.get("freesewing:plugin-designer")).to.equal(
+    version
+  );
+});
+
+it("Should decorate a point", () => {
+  pattern.parts.testPart = new pattern.Part();
+  pattern.parts.testPart.points.testPoint = new freesewing.Point(10, 20);
+  let a = pattern.parts.testPart.points.testPoint.attributes;
+  pattern.render();
+  expect(a.get("id")).to.equal("1");
+  expect(a.get("data-point")).to.equal("testPoint");
+  expect(a.get("data-part")).to.equal("testPart");
+  let snippet = pattern.parts.testPart.snippets["snippet-testPoint"];
+  expect(snippet.def).to.equal("point");
+  expect(snippet.anchor).to.equal(pattern.parts.testPart.points.testPoint);
+  let b = snippet.attributes;
+  expect(b.get("onmouseover")).to.equal("pointHover(evt)");
+  expect(b.get("id")).to.equal("snippet-testPoint");
+  expect(b.get("data-point")).to.equal("testPoint");
+  expect(b.get("data-part")).to.equal("testPart");
+});
+
+it("Should decorate a hidden point", () => {
+  pattern.parts.testPart.points._hidden = new freesewing.Point(30, 40);
+  let a = pattern.parts.testPart.points._hidden.attributes;
+  pattern.render();
+  expect(a.get("id")).to.equal("2");
+  expect(a.get("data-point")).to.equal("_hidden");
+  expect(a.get("data-part")).to.equal("testPart");
+});
+
+it("Should decorate a path point", () => {
+  pattern.parts.testPart.points.from = new freesewing.Point(5, 60);
+  pattern.parts.testPart.points.cp1 = new freesewing.Point(50, 60);
+  pattern.parts.testPart.points.cp2 = new freesewing.Point(90, 10);
+  pattern.parts.testPart.points.to = new freesewing.Point(10, 10);
+  pattern.parts.testPart.paths.testPath = new freesewing.Path()
+    .move(pattern.parts.testPart.points.from)
+    .line(pattern.parts.testPart.points.testPoint)
+    .curve(
+      pattern.parts.testPart.points.cp1,
+      pattern.parts.testPart.points.cp2,
+      pattern.parts.testPart.points.to
+    );
+  pattern.render();
+  let snippet = pattern.parts.testPart.snippets[7];
+  expect(snippet.def).to.equal("path-move-point");
+  expect(snippet.anchor).to.equal(pattern.parts.testPart.points.from);
+  let b = snippet.attributes;
+  expect(b.get("data-path")).to.equal("testPath");
+  expect(b.get("data-part")).to.equal("testPart");
+});

packages/plugin-round/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-scalebox/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-sprinkle/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-svgattr/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-theme/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-title/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/plugin-validate/package.json

@@ -33,8 +33,10 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17"
+    "@freesewing/core": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/shin/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/simon/package.json

@@ -33,11 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/brian": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17",
+    "@freesewing/brian": "^2.0.0-alpha.18",
-    "@freesewing/plugin-buttons": "^2.0.0-alpha.17",
+    "@freesewing/plugin-buttons": "^2.0.0-alpha.18",
-    "@freesewing/plugin-flip": "^2.0.0-alpha.17"
+    "@freesewing/plugin-flip": "^2.0.0-alpha.18"
   },
   "files": [
     "dist/*",

packages/sven/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/tamiko/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/trayvon/package.json

@@ -33,9 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17"
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/utils/package.json

@@ -28,6 +28,9 @@
     "pubforce": "npm publish",
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
+  "peerDependencies": {},
+  "dependencies": {},
+  "devDependencies": {},
   "files": [
     "dist/*",
     "README.md",

packages/wahid/package.json

@@ -33,11 +33,11 @@
     "symlink": "mkdir -p ./node_modules/@freesewing && cd ./node_modules/@freesewing && ln -s -f ../../../* . && cd -"
   },
   "peerDependencies": {
-    "@freesewing/brian": "^2.0.0-alpha.17",
+    "@freesewing/core": "^2.0.0-alpha.18",
-    "@freesewing/core": "^2.0.0-alpha.17",
+    "@freesewing/plugin-bundle": "^2.0.0-alpha.18",
-    "@freesewing/plugin-bundle": "^2.0.0-alpha.17",
+    "@freesewing/brian": "^2.0.0-alpha.18",
-    "@freesewing/plugin-buttons": "^2.0.0-alpha.17",
+    "@freesewing/plugin-buttons": "^2.0.0-alpha.18",
-    "@freesewing/plugin-round": "^2.0.0-alpha.17"
+    "@freesewing/plugin-round": "^2.0.0-alpha.18"
   },
   "files": [
     "dist/*",