commit files for #21; setup custom domain

package.json

@@ -2,7 +2,7 @@
   "name": "appl-tracky-spa",
   "version": "0.1.0",
   "private": true,
-  "homepage": "https://rivernews.github.io/appl-tracky-spa",
+  "homepage": "https://appl-tracky.shaungc.com",
   "dependencies": {
     "@ckeditor/ckeditor5-build-balloon": "^12.4.0",
     "@ckeditor/ckeditor5-react": "^1.1.3",
@@ -37,8 +37,8 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "predeploy": "npm run build && cp build/index.html build/404.html ",
-    "deploy": "gh-pages -d build"
+    "predeploy": "npm run build && cp build/index.html build/404.html && cp src/CNAME build/CNAME ",
+    "deploy": "gh-pages -d build && echo 'https://rivernews.github.io/appl-tracky-spa'"
   },
   "eslintConfig": {
     "extends": "react-app"

src/CNAME

@@ -0,0 +1 @@
+appl-tracky.shaungc.com

src/components/form-factory/form-rich-text-field/form-rich-text-field-meta.tsx

@@ -0,0 +1,21 @@
+// base field
+import { FormBaseFieldMeta, IFormBaseFieldProps, IFieldBaseMetaProps } from "../form-base-field/form-base-field-meta";
+// input field
+import { FormRichTextField } from "./form-rich-text-field";
+
+
+// API for caller to new props for input field
+export interface IFormRichTextFieldProps extends IFormBaseFieldProps {
+}
+
+// for defining meta
+export interface IFormRichTextFieldMetaProps extends IFieldBaseMetaProps {
+}
+
+export class FormRichTextFieldMeta extends FormBaseFieldMeta {
+
+    constructor(props: IFormRichTextFieldMetaProps) {
+        super(props)
+        this.formField = FormRichTextField;
+    }
+}

src/components/form-factory/form-rich-text-field/form-rich-text-field.tsx

@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+
+/** Components */
+// mdc react icon
+import MaterialIcon from "@material/react-material-icon";
+// mdc react button
+import "@material/react-button/dist/button.css";
+// mdc-react input
+import "@material/react-text-field/dist/text-field.css";
+import TextField, { Input } from "@material/react-text-field";
+// formik
+import {
+    Field, FieldProps,
+    ErrorMessage,
+} from "formik";
+// input field
+import { IFormRichTextFieldProps } from "./form-rich-text-field-meta";
+// ckeditor
+import CKEditor from '@ckeditor/ckeditor5-react';
+import BalloonEditor from '@ckeditor/ckeditor5-build-balloon';
+
+export class FormRichTextField extends Component<IFormRichTextFieldProps> {
+    render() {
+        return (
+            <div className="FormRichTextField">
+                <Field
+                    name={this.props.fieldName}
+                    render={({ field, form }: FieldProps<number | string>) => {
+                        return (
+                        <div className="RichTextFieldInput">
+                            <div><strong>{this.props.label}</strong></div>
+                            <CKEditor
+                                editor={BalloonEditor}
+                                data={field.value}
+                                onChange={ ( event: any, editor: any ) => {
+                                    form.setFieldValue(field.name, editor.getData());
+                                } }
+                            />
+                        </div>
+                    )}}
+                />
+                <ErrorMessage name={this.props.fieldName} />
+            </div>
+        );
+    }
+}

src/custom-types.d.ts

@@ -0,0 +1,3 @@
+declare module '@ckeditor/ckeditor5-react';
+
+declare module '@ckeditor/ckeditor5-build-balloon';