Rewrite application with form plugin system and new design

.github/workflows/deploy-gh.yml

@@ -0,0 +1,77 @@
+name: Deploy Github Pages
+
+on:
+  push:
+    branches:
+    - 'stac-manager'
+
+env:
+  PUBLIC_URL: ${{ vars.PUBLIC_URL }}
+  REACT_APP_STAC_API: ${{ vars.REACT_APP_STAC_API }}
+  REACT_APP_STAC_BROWSER: ${{ vars.REACT_APP_STAC_BROWSER }}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions: 
+  contents: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+
+      - name: Cache node_modules
+        uses: actions/cache@v3
+        id: cache-node-modules
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package.json') }}
+
+      - name: Cache dist
+        uses: actions/cache@v3
+        id: cache-dist
+        with:
+          path: packages/client/dist
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ github.sha }}
+
+      - name: Install
+        run: npm install
+
+      - name: Build
+        run: npm run all:build
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Restore dist cache
+        uses: actions/cache@v3
+        id: cache-dist
+        with:
+          path: packages/client/dist
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ github.sha }}
+
+      - name: Copy index as 400 file for github pages
+        run: cp packages/client/dist/index.html packages/client/dist/400.html
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          branch: gh-pages
+          clean: true
+          single-commit: true
+          folder: packages/client/dist

.gitignore

@@ -1,23 +1,61 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+################################################
+###############  .gitignore   ##################
+################################################
+#
+# This file is only relevant if you are using git.
+#
+# Files which match the splat patterns below will
+# be ignored by git.  This keeps random crap and
+# and sensitive credentials from being uploaded to
+# your repository.  It allows you to configure your
+# app for your machine without accidentally
+# committing settings which will smash the local
+# settings of  other developers on your team.
+#
+# Some reasonable defaults are included below,
+# but, of course, you should modify/extend/prune
+# to fit your needs!
+################################################
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
+node_modules
 
-# testing
-/coverage
 
-# production
-/build
+################################################
+# Node.js / NPM
+#
+# Common files generated by Node, NPM, and the
+# related ecosystem.
+################################################
+
+lib-cov
+*.seed
+*.log
+*.out
+*.pid
+npm-debug.log
+yarn-error.log
+.parcel-cache
 
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
 
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+################################################
+# Miscellaneous
+#
+# Common files generated by text editors,
+# operating systems, file systems, etc.
+################################################
+
+*~
+*#
+.DS_STORE
+.DS_Store
+.netbeans
+nbproject
+.idea
+.resources
+.node_history
+temp
+tmp
+.tmp
+dist
+parcel-bundle-reports
+.nx

.nvmrc

@@ -0,0 +1 @@
+20

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "trailingComma": "none",
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "printWidth": 80
+}

LICENSE.md → LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

README.md

@@ -1,59 +1,59 @@
-# STAC-Admin :satellite: :page_facing_up: 
+# STAC-Manager :satellite: :page_facing_up: 
 
 ## Introduction
-The STAC-Admin is a tool designed for managing the values of a STAC (SpatioTemporal Asset Catalog) collection and its items. This interface provides a user-friendly way to modify and update the properties of collections and items within a STAC catalog.
+The STAC-Manager is a tool designed for managing the values of a STAC (SpatioTemporal Asset Catalog) collection and its items. This interface provides a user-friendly way to modify and update the properties of collections and items within a STAC catalog.
 
-## Getting Started
+## Repository structure
 
-### Prerequisites
-- Node
-- Yarn
+This repository is a monorepo for the STAC-Manager project managed using [lerna](https://lerna.js.org/).  
+It contains the stac-manager web app along with the form build plugin system that powers it.
 
-### Installation
+All the packages are located in the `packages` directory structured as follows:
 
-Install Yarn packages:
-   ```
-   yarn install
-   ```
+- `@stac-manager/client` - STAC-Manager web app.
+- `@stac-manager/data-core` - Core functionality of the form builder plugin system.
+- `@stac-manager/data-widgets` - Form components to be used by the form builder plugin system, when custom ones are not provided.
+- `@stac-manager/data-plugins` - Data plugins for the forms. Each plugin defines how a section of the data structure is displayed and edited.
 
-### Configuration
-Before running the application, create a `.env.local` file with the required environment variable:
-- `REACT_APP_STAC_API`: Set this to the API endpoint of your STAC server.
+## Installation and Usage
+The steps below will walk you through setting up your own instance of the project.
 
-:warning: *The current implementation of `stac-admin` works against the APIs provided by `stac-fastapi`'s **Transaction Extension**. Make sure the extension is enabled and the server accepts `PUT` requests.*
+### Install Project Dependencies
+To set up the development environment for this website, you'll need to install the following on your system:
+
+- [Node](http://nodejs.org/) v20 (To manage multiple node versions we recommend [nvm](https://github.com/creationix/nvm))
+
+### Install Application Dependencies
+
+If you use [`nvm`](https://github.com/creationix/nvm), activate the desired Node version:
 
-For example, you can use the local deployment of [`eoAPI`](https://github.com/developmentseed/eoAPI) with `docker-compose` to get up and running in minutes:
 ```
-cd eoAPI
-docker-compose up
+nvm install
 ```
 
-In your `.env.local` file:
+Install Node modules:
+
 ```
-REACT_APP_STAC_API=http://localhost:8081
+npm install
 ```
 
-:bulb: *See `eoAPI` directly for its getting started instruction and getting some sample data ingested.*
-
+### Running the App
 
-### Running the Application
-To start the application in development mode:
+To run the client app in development mode:
 ```
-yarn start
+npm run plugins:build
+npm run client:serve
 ```
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser. The page will reload if you make edits, and lint errors will appear in the console.
 
-### Running Tests
-Launch the test runner in interactive watch mode:
+If you're going to work on the form builder plugin system as well, you may want to run the watch mode on the packages:
 ```
-yarn test
+npm run plugins:watch
 ```
-More details can be found in the [Create React App testing documentation](https://facebook.github.io/create-react-app/docs/running-tests).
 
 ### Building for Production
 Build the app for production:
 ```
-yarn build
+npm run all:build
 ```
 This bundles the app in production mode, optimizing the build for performance. The build is minified, and filenames include hashes.
 
@@ -62,7 +62,3 @@ Contributions are welcome. Please read [CONTRIBUTING.md](CONTRIBUTING.md) for de
 
 ## License
 This project is licensed under the MIT license - see the LICENSE.md file for details.
-
-## Learn More
-- For more information on React, visit the [React documentation](https://reactjs.org/).
-- Check out the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started) to learn more about Create React App.