chore: fix demo code

Author: wwayne

.npmignore

@@ -13,7 +13,6 @@ demo/
 test/
 Makefile
 README.md
-rollup.config.js
 jest.config.js
 tsconfig.json
 .github/

Makefile

@@ -8,7 +8,7 @@ lint-fix:
 	@echo "Fix linting..."
 	@npx eslint --fix .
 dev:
-	@echo "Start server..."
+	@echo "Starting server..."
 	@NODE_ENV=development npx webpack-dev-server --config ./webpack/demo.js --progress
 .PHONY: lint lint-fix dev
 

README.md

@@ -107,7 +107,7 @@ The options can be passed into genConfig or as React props
     ```
 4. Open the browser to reivew the demo:
     ```sh
-    $ open http://localhost:5555
+    $ open http://localhost:8080
     ```
 5. Edit the files inside [src](/src).
 

demo/src/App/AvatarEditor/index.tsx

@@ -67,8 +67,12 @@ export default class AvatarEditor extends Component {
   }
 
   genCodeString (config) {
+    const ignoreAttr = ['id']
+    const myConfig = Object.keys(config)
+      .filter(key => !ignoreAttr.includes(key))
+      .reduce((acc, key) => ({ ...acc, [key]: config[key] }), {})
     return "const config = " +
-    JSON.stringify(config, null, 2) +
+    JSON.stringify(myConfig, null, 2) +
     "\n" +
     "const myConfig = genConfig(config)\n" +
     "<NiceAvatar style={{ width: '5rem', height: '5rem' }} {...myConfig} />"