Node21-update.md

Upgrading Spoke to Node20

Resources:

• Migrating from Recompose to React Hooks Compose
• Lodash Dependency in Spoke
• Migrating to Apollo Client 3.0
• Supervisor Updates
• Project Board of Hackathon
• Furia's Code: Node20 Upgrade Branch

Log of work progression files

Below is the as-it-happened notes of getting to a successful completion of node20 update.

• Worklog 11.28.23
• This is my terminal entries for today's session
• Worklog 12.1.23
• Worklog 12.2.23
• Worklog 12.3.23
• Worklog 12.4.23
• Node20 Update 12/7/23
• Worklog 12.8.23 - 12.12.23

Recompose-Tracking.md

122 results - 37 files

package.json:
  251      "react-tooltip": "^4.2.13",
  252:     "recompose": "^0.30.0"
  253    }

yarn.lock:
  16192  
  16193: recompose@^0.30.0:
  16194    version "0.30.0"
  16195:   resolved "https://registry.npmjs.org/recompose/-/recompose-0.30.0.tgz"
  16196    integrity sha512-ZTrzzUDa9AqUIhRk4KmVFihH0rapdCSMFXjhHbNrjAWxBuUD/guYlyysMnuHjlZC/KRiOKRtB4jf96yYSkKE8w==

src/components/AssignmentSummary.jsx:
  3  import { StyleSheet, css } from "aphrodite";
  4: import { compose } from "recompose";
  5  

src/components/CampaignContactsChoiceForm.jsx:
  2  import React from "react";
  3: import { compose } from "recompose";
  4  import withMuiTheme from "./../containers/hoc/withMuiTheme";

src/components/CampaignDynamicAssignmentForm.jsx:
  2  import React from "react";
  3: import { compose } from "recompose";
  4  import GSForm from "../components/forms/GSForm";

src/components/CampaignInteractionStepsForm.jsx:
  4  import * as yup from "yup";
  5: import { compose } from "recompose";
  6  

src/components/CampaignPhoneNumbersForm.jsx:
  6  import Form from "react-formal";
  7: import { compose } from "recompose";
  8  

src/components/CampaignServiceManagers.jsx:
  6  import CardContent from "@material-ui/core/CardContent";
  7: import { compose } from "recompose";
  8  import { getServiceManagerComponent } from "../extensions/service-managers/components";

src/components/CampaignTextersForm.jsx:
  3  import orderBy from "lodash/orderBy";
  4: import { compose } from "recompose";
  5  import Slider from "./Slider";

src/components/Login.jsx:
  3  import { withRouter } from "react-router";
  4: import { compose } from "recompose";
  5  import Paper from "@material-ui/core/Paper";

src/components/OrganizationWrapper.jsx:
  3  import gql from "graphql-tag";
  4: import { compose, lifecycle } from "recompose";
  5  

src/components/TagChip.jsx:
  1  import React from "react";
  2: import { compose } from "recompose";
  3  import Chip from "@material-ui/core/Chip";

src/components/TopNav.jsx:
  2  import React from "react";
  3: import { compose } from "recompose";
  4  

src/components/AssignmentTexter/Controls.jsx:
  3  import { css } from "aphrodite";
  4: import { compose } from "recompose";
  5  import Toolbar from "./Toolbar";

src/components/AssignmentTexter/MessageList.jsx:
  4  import moment from "moment";
  5: import { compose } from "recompose";
  6  

src/components/forms/GSForm.jsx:
  3  import Form from "react-formal";
  4: import { compose } from "recompose";
  5  import { StyleSheet, css } from "aphrodite";

src/components/IncomingMessageList/ConversationPreviewModal.jsx:
  3  import gql from "graphql-tag";
  4: import { compose } from "recompose";
  5  import { StyleSheet, css } from "aphrodite";

src/components/IncomingMessageList/index.jsx:
  5  import gql from "graphql-tag";
  6: import { compose } from "recompose";
  7  

src/components/IncomingMessageList/TagList.jsx:
  3  import PropTypes from "prop-types";
  4: import { compose } from "recompose";
  5  

src/containers/AdminCampaignEdit.jsx:
  4  import { Link } from "react-router";
  5: import { compose } from "recompose";
  6  

src/containers/AdminReplySender.jsx:
  2  import React from "react";
  3: import { compose } from "recompose";
  4  import gql from "graphql-tag";

src/containers/Home.jsx:
  8  import Link from "@material-ui/core/Link";
  9: import { compose } from "recompose";
  10  

src/containers/UserEdit.jsx:
  26  import { withRouter } from "react-router";
  27: import { compose } from "recompose";
  28  import GSForm from "../components/forms/GSForm";

src/containers/hoc/load-data.jsx:
   2  import { graphql, compose } from "react-apollo";
   3: import { withProps, branch, renderComponent } from "recompose";
   4  

  12  
  13: // https://www.apollographql.com/docs/react/v2.5/recipes/recompose/
  14  

src/containers/Settings/index.jsx:
  8  import { StyleSheet, css } from "aphrodite";
  9: import { compose } from "recompose";
  10  

src/containers/Settings/themeEditor.jsx:
  2  import React, { useState } from "react";
  3: import { compose } from "recompose";
  4  import gql from "graphql-tag";

src/extensions/contact-loaders/csv-s3-upload/react-component.js:
  7  import { StyleSheet, css } from "aphrodite";
  8: import { compose } from "recompose";
  9  

src/extensions/contact-loaders/csv-upload/react-component.js:
  6  import Form from "react-formal";
  7: import { compose } from "recompose";
  8  

src/extensions/contact-loaders/datawarehouse/react-component.js:
  5  import * as yup from "yup";
  6: import { compose } from "recompose";
  7  

src/extensions/contact-loaders/s3-pull/react-component.js:
  3  import Form from "react-formal";
  4: import { compose } from "recompose";
  5  import * as yup from "yup";

src/extensions/service-managers/per-campaign-messageservices/react-component.js:
  5  import * as yup from "yup";
  6: import { compose } from "recompose";
  7  import Form from "react-formal";

src/extensions/service-vendors/bandwidth/react-component.js:
  6  import * as yup from "yup";
  7: import { compose } from "recompose";
  8  

src/extensions/texter-sideboxes/tag-contact/react-component.js:
  6  import { css } from "aphrodite";
  7: import { compose } from "recompose";
  8  

src/extensions/texter-sideboxes/texter-feedback/AssignmentTexterFeedback.jsx:
  4  import gql from "graphql-tag";
  5: import { compose } from "recompose";
  6  

src/extensions/texter-sideboxes/texter-feedback/react-component.js:
  8  import _ from "lodash";
  9: import { compose } from "recompose";
  10