Merge pull request #1255 from facebookresearch/address-lack-of-package-builds

Reorganized local builds of Mephisto packages

Author: meta-paul

.github/workflows/cypress-end-to-end-tests.yml

@@ -27,6 +27,8 @@ jobs:
       tools: ${{ steps.filter.outputs.tools }}
       mephisto-task: ${{ steps.filter.outputs.mephisto-task }}
       mephisto-worker-addons: ${{ steps.filter.outputs.mephisto-worker-addons }}
+      mephisto-core: ${{ steps.filter.outputs.mephisto-core }}
+      mephisto-addons: ${{ steps.filter.outputs.mephisto-addons }}
     steps:
       - uses: actions/checkout@v3
         with:
@@ -66,6 +68,10 @@ jobs:
               - 'packages/mephisto-task/src/**'
             mephisto-worker-addons:
               - 'packages/mephisto-worker-addons/src/**'
+            mephisto-core:
+              - 'packages/mephisto-core/src/**'
+            mephisto-addons:
+              - 'packages/mephisto-addons/src/**'
 
   # Learn more about this test here: https://github.com/facebookresearch/Mephisto/pull/881
   simple_static_task:
@@ -307,7 +313,7 @@ jobs:
   # Learn more about this test here: https://github.com/facebookresearch/Mephisto/pull/833
   static_react_task_with_worker_opinion:
     needs: changes
-    if: ${{ (needs.changes.outputs.static_react_task_with_worker_opinion == 'true') || (needs.changes.outputs.mephisto-task == 'true') || (needs.changes.outputs.mephisto-task-addons == 'true') || (needs.changes.outputs.abstractions == 'true') || (needs.changes.outputs.data_model == 'true') || (needs.changes.outputs.operations == 'true') || (needs.changes.outputs.tools == 'true')}}
+    if: ${{ (needs.changes.outputs.static_react_task_with_worker_opinion == 'true') || (needs.changes.outputs.mephisto-task == 'true') || (needs.changes.outputs.mephisto-addons == 'true') || (needs.changes.outputs.abstractions == 'true') || (needs.changes.outputs.data_model == 'true') || (needs.changes.outputs.operations == 'true') || (needs.changes.outputs.tools == 'true')}}
     runs-on: ubuntu-latest
     steps:
       - name: 🔀 Checking out repo

.gitignore

@@ -13,6 +13,8 @@ mephisto/server/blueprints/**/build/*
 
 **/*.log
 **/build/*
+!**/packages/mephisto-core/build/*
+!**/packages/mephisto-addons/build/*
 **/_generated/*
 **/outputs/*
 mephisto/scripts/metrics/*

docs/web/docs/explanations/architecture_overview.md

@@ -54,6 +54,6 @@ This is a quick guide over file directories in Mephisto project. Note that some
     - `review_app` - builds React app for TaskReview, and launches a server to display TaskReview in a browser
 - `outputs` - exhaust produced by running the code (logs, database dumps, etc)
 - `packages` - npm packages (can be used locally, and some are also in npm repo)
-    - `mephisto-task-addons` - package for FC React component
+    - `mephisto-addons` - package with FC React component
 - `scripts` - command-line utilities for code upkeep
 - `test` - All tests (Back-end and Front-end, Unittests and Integration tests)

docs/web/docs/guides/how_to_use/form_composer/configuration/insertions.md

@@ -212,22 +212,22 @@ During development of your form config, you can use a few available helper funct
 
   Example of use:
 
-  1. Add `mephisto-task-addons` in webpack config
+  1. Add `mephisto-addons` in webpack config
 
   ```js
   resolve: {
     alias: {
       ...
-      "mephisto-task-addons": path.resolve(
+      "mephisto-addons": path.resolve(
         __dirname,
-        "<relativePath>/packages/mephisto-task-addons"
+        "<relativePath>/packages/mephisto-addons"
       ),
     },
   }
   ```
   2. Add import
   ```js
-  import { validateFieldValue } from "mephisto-task-addons";
+  import { validateFieldValue } from "mephisto-addons";
   ```
   3. Validate a value before assigning it to form field
   ```js

docs/web/docs/guides/how_to_use/video_annotator/configuration/insertions.md

@@ -212,22 +212,22 @@ During development of your annotator config, you can use a few available helper
 
   Example of use:
 
-  1. Add `mephisto-task-addons` in webpack config
+  1. Add `mephisto-addons` in webpack config
 
   ```js
   resolve: {
     alias: {
       ...
-      "mephisto-task-addons": path.resolve(
+      "mephisto-addons": path.resolve(
         __dirname,
-        "<relativePath>/packages/mephisto-task-addons"
+        "<relativePath>/packages/mephisto-addons"
       ),
     },
   }
   ```
   2. Add import
   ```js
-  import { validateFieldValue } from "mephisto-task-addons";
+  import { validateFieldValue } from "mephisto-addons";
   ```
   3. Validate a value before assigning it to segment field
   ```js

docs/web/docs/guides/how_to_use/worker_experience/mephisto-task-addons.md

@@ -11,12 +11,12 @@ sidebar_position: 1
 
 ## Overview
 
-The `mephisto-task-addons` package provides:
+The `mephisto-addons` package provides:
 - `WorkerOpinion` widget: collect workers' feedback for each completed unit
 
 ## Usage
 
-1. Add `mephisto-task-addons` library to your webpack config:
+1. Add `mephisto-addons` library to your webpack config:
 ```js
 // Specifies location of your packages (e.g. `../../dir`)
 var PATH_TO_PACKAGES = "<path>"
@@ -26,19 +26,19 @@ module.exports = {
   resolve: {
     alias: {
       ...
-      "mephisto-task-addons": path.resolve(
+      "mephisto-addons": path.resolve(
         __dirname,
-        `${PATH_TO_PACKAGES}/packages/mephisto-task-addons`
+        `${PATH_TO_PACKAGES}/packages/mephisto-addons`
       ),
     }
   }
 };
 ```
 
-2. Import desired widgets from `mephisto-task-addons` in your code like so:
+2. Import desired widgets from `mephisto-addons` in your code like so:
 
 ```jsx
-import { WorkerOpinion } from "mephisto-task-addons";
+import { WorkerOpinion } from "mephisto-addons";
 ...
 <WorkerOpinion
   maxTextLength={500}

docs/web/docs/guides/how_to_use/worker_experience/worker_opinion.md

@@ -16,7 +16,7 @@ WorkerOpinion widget currently may contain a set of textarea form fields, and a
 
 ## How to enable `WorkerOpinion`
 
-1. Add `mephisto-task-addons` library to your webpack config
+1. Add `mephisto-addons` library to your webpack config
 2. Import `WorkerOpinion` component to your Task's React application code and define questions.
 
 ### 1. Webpack config
@@ -30,9 +30,9 @@ module.exports = {
   resolve: {
     alias: {
       ...
-      "mephisto-task-addons": path.resolve(
+      "mephisto-addons": path.resolve(
         __dirname,
-        `${PATH_TO_PACKAGES}/packages/mephisto-task-addons`
+        `${PATH_TO_PACKAGES}/packages/mephisto-addons`
       ),
     }
   }
@@ -42,7 +42,7 @@ module.exports = {
 ### 2. `WorkerOpinion` component
 
 ```jsx
-import { WorkerOpinion } from "mephisto-task-addons";
+import { WorkerOpinion } from "mephisto-addons";
 ...
 return(
   <div ...>
@@ -75,4 +75,4 @@ Here's how `WorkerOpinion` component looks like:
 
 1. After completing each unit, workers can submit an opinion about the completed unit.
 2. **Once the task is shut down**, you can review all collected opinions for the task in TaskReview app.
-3. When reviewing units in TaskReview app, you will see an extra accordion section "Worker Opinion" if a worker submitted their opinion.
+3. When reviewing units in TaskReview app, you will see an extra accordion section "Worker Opinion" if a worker submitted their opinion.

examples/form_composer_demo/data/dynamic/insertions/custom_triggers.js

@@ -1,5 +1,5 @@
-// NOTE: that `mephisto-task-addons` library must be set in webpack config as an alias.
-import { validateFieldValue } from "mephisto-task-addons";
+// NOTE: that `mephisto-addons` library must be set in webpack config as an alias.
+import { validateFieldValue } from "mephisto-addons";
 
 export function onChangeCountry(
   formData, // React state for the entire form

examples/form_composer_demo/webapp/src/app_dynamic.jsx

@@ -10,7 +10,7 @@ import {
   FormComposerBaseFrontend,
   LoadingScreen,
 } from "./components/core_components_dynamic.jsx";
-import { useMephistoTask, ErrorBoundary } from "mephisto-task-multipart";
+import { useMephistoTask, ErrorBoundary } from "mephisto-core";
 
 /* ================= Application Components ================= */
 

examples/form_composer_demo/webapp/src/app_simple.jsx

@@ -4,8 +4,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { WorkerOpinion } from "mephisto-task-addons";
-import { ErrorBoundary, useMephistoTask } from "mephisto-task-multipart";
+import { WorkerOpinion } from "mephisto-addons";
+import { ErrorBoundary, useMephistoTask } from "mephisto-core";
 import React, { useEffect, useState } from "react";
 import ReactDOM from "react-dom";
 import { BrowserRouter, Route, Routes } from "react-router-dom";