Ambokar - ForestGEO Application Rework w/ NextJS App Router #138

siddheshraze · 2023-10-30T20:33:25Z

Introducing NextJS v14 into ForestGEO application:

ForestGEO application is moving to NextJS in order to ensure long-term application stability and support and improved baseline application design and mechanics.

Changelog:

Some refactoring to existing application introduced by Webstorm IDE (code optimization) --> minor indent changes, etc. only

NextJS ForestGEO Application Changes:

New routing structure implemented
NextAuth authentication system implemented --> using Azure AD & Azure App Registration, and NextJS Middleware
Dashboard, File Hub, and Data Hub views implemented
Login splash page implemented (background image carousel implemented)
Azure Storage connection and integration into File Hub implemented (user can view existing files in Azure Storage, upload, and download)
Azure SQL instance connection and data view implemented, placed in Data Hub (data is read-only, but table view and display implemented
File upload system implemented, building on existing application's error validation system and adding additional confirmation dialogs and formatting in order to ensure compliance with error validation system
Properties Hub implemented --> new UI to allow user modification of fixed data attributes (Attributes, Census, Personnel, Quadrats, and Species tables)
Table structure redefined using MUI X Data Grid to allow table editing and CRUD modification (CRUD system implemented and API structure redefined to allow CRUD modifications to Azure SQL tables
Azure SQL database schema redefined per ForestGEO standards and application reconfigured to use new schema

…ogout. added loading spinner

* endpoints have been added and routed to require a plot key/number combination for access ** initial state has been converted to new Plot {key: 'none', num: 0} instead of '' * MUI JoyUI has been partially implemented as a replacement for MaterialUI. However, due to time limitations, MaterialUI has still been incorporated into converted sections from ForestGeoHack ** The current plan is to solely implement either NextUI or ChakraUI instead of either of these options, and future updates will include this information. * SelectPlotProps has been removed and replaced with NextJS dynamic routing (each endpoint will dynamically retrieve plot information). Endpoints have been updated to reflect dynamic param-based retrieval ** The navigation bar has been updated to use useEffect to push live endpoint updates when the plot is changed (if you are at an endpoint and the plot is changed, the page will be reloaded to reflect that) * New components/moved-over information: ** Dropzone --> css code has been udpated to be dark theme-friendly ** FileList --> moved over ** Loginlogout --> created component, login/logout process has been relegated to avatar icon dropdown menu ** Plotselection --> partially created from SelectPlot, changed to utilize dynamic routing/selection instead of requiring a new dropdown in each page

…login status

…l for exactly what it's doing

…to work with app router. need to re-implement and test

…ver confirmed. saving changes in order to confirm data upload functionality

…ll work faster

…om directory structure and simplified remaining code

… to 13.5.1-canary.1 because that actually installs instead

…2 started

github-actions · 2023-12-08T18:23:23Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

…ontable

github-actions · 2023-12-08T18:27:48Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T18:30:40Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T18:34:41Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T18:41:29Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T18:51:37Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T18:55:19Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T19:00:54Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T19:01:38Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

github-actions · 2023-12-08T19:02:31Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://agreeable-wave-08a957210-138.centralus.1.azurestaticapps.net

siddheshraze added 30 commits August 21, 2023 13:47

Initial commit from Create Next App

84ded45

custom attempt

6622493

adding .idea/ to gitignore

e0a229e

got auth to Azure AD working somehow, but not sure exactly how

d77b0f2

pulling example package.json dependencies from nextjs passport example

1ad5975

found a passport to azure package?

f359f2b

added plot slugs to browse/validation/reporting

62193d9

menu's coming up, css settings are busted for some reason

ca5f10e

incomplete: getting plot selection started

35dfe77

advanced slug/plot usage and navbar structure

7eec12d

re-added authentication. created avatar icon and dropdown for login/l…

381d30e

…ogout. added loading spinner

Fixing user avatar system to show checkmark/x-mark icon depending on …

a371a95

…login status

reorganizing root layout structure

e0e4512

starter: upload to azure

a6d80a0

saving progress -- need to revisit react-dropzone to get a better fee…

0212fc6

…l for exactly what it's doing

saving progress. updating readme to current release version

ffc34ca

not sure if using existing dropzone/filelist interpretation is going …

8f1e11a

…to work with app router. need to re-implement and test

upload file to blob storage confirmed. database connection to sql ser…

2cf0c0a

…ver confirmed. saving changes in order to confirm data upload functionality

stopping. need to resolve multiple ui libraries into one cohesive one

59d4a02

missing @types/react

10acc64

priming -- going to replace dynamic routes with context to see if it'…

99cf342

…ll work faster

reducer + state variable usage successful. removed extraneous code fr…

61eb649

…om directory structure and simplified remaining code

starting cleanup and reorganization of project directory

e230768

saving progress. site completion ~50%

155cc8c

got carousel working. pausing to move stuff over to material ui/joy ui?

917868f

not sure why, but 13.5.0 throws 404 in npm registry. changing version…

37f6e72

… to 13.5.1-canary.1 because that actually installs instead

splash page and recirculation implementation

fc445b8

ADDRESSED BREAKING CHANGE --> REVERTED VERSION BACK TO [email protected]

1e0fcf3

moved over some of the stuff worked on before issues with next v13.5.…

febab5c

…2 started

siddheshraze added 2 commits December 8, 2023 13:23

step 2: change name of original file to merged_

10d5721

step 2: changed and moved existing validationtable to merged_validati…

b98bb34

…ontable

Merge branch 'merge-validation' into Ambokar-FGEO-Application

ccd171a

replacing name

825f1d3

fixing merge conflicts and reverting name

a4a07ab

siddheshraze added 2 commits December 8, 2023 13:49

creating my own versions of dropzone and filelist for merge

2c738a5

prep for merge

598ee4f

prep merge of my versions

a7f32cb

siddheshraze added 4 commits December 8, 2023 13:58

Merge branch 'merge-dropzone-filelist' into Ambokar-FGEO-Application

5a4ca81

forgot to remove HEAD tag from merge

6feb5ec

reverting names

e348fa1

optimizing files

a2ff893

siddheshraze added 4 commits December 8, 2023 14:06

removing duplicate code from filehandling

04ac498

fixing errors from merge stuff

3189019

small optimization and adding alignment spec to sqlmacros

98f6c3b

saving changes and moving to SI repo

3c41838

justinpac approved these changes Dec 13, 2023

View reviewed changes

siddheshraze marked this pull request as ready for review December 13, 2023 20:44

siddheshraze merged commit e5de37e into main Dec 13, 2023
1 of 4 checks passed

siddheshraze deleted the Ambokar-FGEO-Application branch December 13, 2023 20:46

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Ambokar - ForestGEO Application Rework w/ NextJS App Router #138

Ambokar - ForestGEO Application Rework w/ NextJS App Router #138

siddheshraze commented Oct 30, 2023 •

edited

Loading

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

Ambokar - ForestGEO Application Rework w/ NextJS App Router #138

Ambokar - ForestGEO Application Rework w/ NextJS App Router #138

Conversation

siddheshraze commented Oct 30, 2023 • edited Loading

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

github-actions bot commented Dec 8, 2023

siddheshraze commented Oct 30, 2023 •

edited

Loading