consolidate CodeEditor to components/CodeEditor, allow resize, use gi…

…thub themes

package.json

@@ -14,7 +14,7 @@
     "@emotion/styled": "^11.3.0",
     "@hookform/resolvers": "^2.8.1",
     "@mdi/js": "^6.2.95",
-    "@monaco-editor/react": "^4.1.0",
+    "@monaco-editor/react": "^4.3.1",
     "@mui/icons-material": "^5.0.0",
     "@mui/lab": "^5.0.0-alpha.50",
     "@mui/material": "^5.0.0",

src/assets/icons/ResizeBottomRight.tsx

@@ -0,0 +1,10 @@
+import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon";
+import { mdiResizeBottomRight } from "@mdi/js";
+
+export default function ResizeBottomRight(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}>
+      <path d={mdiResizeBottomRight} />
+    </SvgIcon>
+  );
+}

src/components/CodeEditor/extensions.d.ts

@@ -0,0 +1,97 @@
+type Trigger = "create" | "update" | "delete";
+type Triggers = Trigger[];
+
+// function types that defines extension body and should run
+type Condition =
+  | boolean
+  | ((data: ExtensionContext) => boolean | Promise<boolean>);
+
+// the argument that the extension body takes in
+type ExtensionContext = {
+  row: Row;
+  ref: FirebaseFirestore.DocumentReference;
+  storage: firebasestorage.Storage;
+  db: FirebaseFirestore.Firestore;
+  auth: adminauth.BaseAuth;
+  change: any;
+  triggerType: Triggers;
+  fieldTypes: any;
+  extensionConfig: {
+    label: string;
+    type: string;
+    triggers: Trigger[];
+    conditions: Condition;
+    requiredFields: string[];
+    extensionBody: any;
+  };
+  utilFns: any;
+};
+
+// extension body definition
+type slackEmailBody = {
+  channels?: string[];
+  text?: string;
+  emails: string[];
+  blocks?: object[];
+  attachments?: any;
+};
+
+type slackChannelBody = {
+  channels: string[];
+  text?: string;
+  emails?: string[];
+  blocks?: object[];
+  attachments?: any;
+};
+
+type DocSyncBody = (context: ExtensionContext) => Promise<{
+  fieldsToSync: Fields;
+  row: Row;
+  targetPath: string;
+}>;
+
+type HistorySnapshotBody = (context: ExtensionContext) => Promise<{
+  trackedFields: Fields;
+}>;
+
+type AlgoliaIndexBody = (context: ExtensionContext) => Promise<{
+  fieldsToSync: Fields;
+  index: string;
+  row: Row;
+  objectID: string;
+}>;
+
+type MeiliIndexBody = (context: ExtensionContext) => Promise<{
+  fieldsToSync: Fields;
+  index: string;
+  row: Row;
+  objectID: string;
+}>;
+
+type BigqueryIndexBody = (context: ExtensionContext) => Promise<{
+  fieldsToSync: Fields;
+  index: string;
+  row: Row;
+  objectID: string;
+}>;
+
+type SlackMessageBody = (
+  context: ExtensionContext
+) => Promise<slackEmailBody | slackChannelBody>;
+
+type SendgridEmailBody = (context: ExtensionContext) => Promise<any>;
+
+type ApiCallBody = (context: ExtensionContext) => Promise<{
+  body: string;
+  url: string;
+  method: string;
+  callback: any;
+}>;
+
+type TwilioMessageBody = (context: ExtensionContext) => Promise<{
+  body: string;
+  from: string;
+  to: string;
+}>;
+
+type TaskBody = (context: ExtensionContext) => Promise<any>;

public/firestore.d.ts → src/components/CodeEditor/firestore.d.ts

@@ -844,9 +844,9 @@ declare namespace FirebaseFirestore {
    * `exists` property will always be true and `data()` will never return
    * 'undefined'.
    */
-  export class QueryDocumentSnapshot<T = DocumentData> extends DocumentSnapshot<
-    T
-  > {
+  export class QueryDocumentSnapshot<
+    T = DocumentData
+  > extends DocumentSnapshot<T> {
     private constructor();
 
     /**