Migration of app/activity to LFNext

[longrunningprocess]

Observations

• filters do NOT make additional data calls
• "pretty" times, e.g., One month ago, Older. Others perhaps?
• datetime is weird... date does NOT look localized for my locale and the time looks like it was the user's time.
• user avatars being shown... are we going to continue with those?

• summary statement is dynamic
• each activity is expandable
• events have special icons
• expanding activity does NOT make another data call
• many links in each detail

Data

two data calls to /sf:

valid_activity_types_dto no params =>

"result": [
        "add_user_to_project",
        "add_entry",
        "update_entry",
        "delete_entry",
        "add_lex_comment",
        "update_lex_comment",
        "delete_lex_comment",
        "update_lex_comment_status",
        "add_lex_reply",
        "update_lex_reply",
        "delete_lex_reply",
        "lexCommentIncreaseScore",
        "lexCommentDecreaseScore",
        "unknown"
    ],

NOTE: looks like all possible types, not necessarily all the ones retrieved in the next call ⛔️ filter should probably be filled dynamically

and

activity_list_dto with "orderedParams":[{"startDate":null,"endDate":null,"limit":100,"skip":0}] =>

 "result": {
        "activity": {
            "6244138044fd712ef1308602": {
                "id": "6244138044fd712ef1308602",
                "projectRef": {
                    "id": "57bc1a8f8b21475c24783a11",
                    "type": "lexicon"
                },
                "textRef": "",
                "questionRef": "",
                "userRef": {
                    "id": "526a114756dd858f3955a9e7",
                    "avatar_ref": "green-rabbit-128x128.png",
                    "username": "rmunn"
                },
                "userRefRelated": "",
                "entryRef": "623d656e06b7f7584f60ba99",
                "action": "update_entry",
                "date": "2022-03-30T08:23:28+00:00",
                "dateModified": "2022-03-30T08:23:28.674+00:00",
                "dateCreated": "2022-03-30T08:23:28.674+00:00",
                "content": {
                    "project": "test-LangProjIH-FLEx",
                    "entry": "new word",
                    "user": "rmunn",
                    "changes": [
                        {
                            "changeType": "edited_field",
                            "fieldName": "partOfSpeech",
                            "fieldLabel": {
                                "label": "Part of Speech",
                                "sense": 1
                            },
                            "oldValue": "",
                            "newValue": "art"
                        },
                        {
                            "changeType": "edited_field",
                            "fieldName": "partOfSpeech",
                            "fieldLabel": {
                                "label": "Part of Speech",
                                "sense": 2
                            },
                            "oldValue": "",
                            "newValue": "def"
                        }
                    ]
                },
                "type": "project"
            },
            ...

NOTE: activity is NOT an array ⚠️

Tasks

work occurring in next/project-activity branch

• Update proxy to send https://languageforge.org/app/activity to the next-app
• Create the route in next-app, i.e., /projects/activity
• Create endpoint in same dir and take advantage of "page endpoint" syntactic sugar
• Determine what the page looks like for a project with no activity
• Determine how to handle scenario where user is not yet authenticated
• Determine whether we continue with avatars or not
• Consider adding a filter for projects
• Determine how to handle the "all activity" link:
  

"Pretty time" segments

• Need to determine what all of the segments are
• Look into pretty time libs or see if Intl is capable
• Determine whether we still want this or not

Data

• Discuss eliminating valid_activity_types_dto in favor of building filter dynamically
• Discuss converting activity_list_dto to an array (in the sveltekit endpoint, no change to existing PHP code)
• Discuss the idea of not retrieving all the "activity" data until the user expands the summary

[longrunningprocess]

Decisions from last meeting:

🎯 datetime is broken, should be the user's time when he/she modified it but it should be displayed in current user's locale.
🎯 we will not continue with avatars at this time, we should use simple "person" icons
🎯 consider a more tabular data approach to summary lines:

username	datetime	new	updated entries	updated fields
johndoe	Apr 1, 2022 3:30 PM	1	4	7	details

🎯 no need for a page that shows activity for ALL projects, just need a project-level activity page, e.g., /projects/{project_id}/activity
🎯 no need for special icons for event types
🎯 event type filter should be built dynamically, no need to call valid_activity_types_dto
🎯 activity details should be retrieved when needed, i.e., details link

[longrunningprocess]

Notes from pairing session:

• remove the "all activity" link
• begin project landing page, activity is a secondary component, there should be a button linking back into the legacy editor to the editor...
• update links on legacy app for "project root" links, "My projects", "My projects dropdown", invitation link redirect and the breadcrumb on the editor view.
• 30 days worth of activity on data call (for now)
• "show all " button at the bottom of the list of activities which makes a call for all of the activity data.
• convert project to typescript support for use in the endpoints when desired.
• need to sort activity by date, user (already comes back sorted by date) (make sure to locale BEFORE sorting)
• resolve TODO's in code

🆕 new php endpoints made and being called.