goatandsheep / beatcaps-react Goto Github PK

• Make form or page for this

Make boolean var for showing/hiding beatcaps
SHOW_BEATCAPS or something similar

Hide route and nav link for that beatcaps. Overlei can always be available

open /test

home page: Dashboard

• design: templates page
• create: process wizard
• upload: new file to library
• show outputs / link to job page

Templates page: TemplatesView

• lists templates
• new button: template designer

Template designer:

• drag and drop interface
• creates new template object

Process wizard: TemplateWizard

• choose beatcaps or overleia
• beatcaps: choose webvtt or srt
• overleia: list templates
• apply button starts job and creates output
• feature controlled by environment variable

Output page: FileView

• shows detailed view for each output

Upload file page: SubmitFile

on-demand

controlled by environment variables

for comipled outputs

{
  "id": "214890wrejsdkl20",
  "templateId": "89uihjklmnlkjl",
  "inputs": [{
},{
},{
}]
}

• add descriptions and tweak buttons to make it easier for an user to understand the app

Post error 500@ TemplateCreator.js line 16
Uncaught (in promise) SyntaxError: Unexpected token B in JSON at position 0 VM553:1

separate colors for each layer

• shade?
• color?
• random?

create JSON schema for saving the settings for a layout and display it

Install Jest
Test the more complex components

watch generated video files online

validate using https://www.npmjs.com/package/jsonschema

• add "name" to mock
• add "name" field to FE form

This is the attribute that shows on the "File" column on the output table

Also edit meta description

"if I drag my template 1 to full height and width, it actually appears 1 pixel bigger than the max and errors out. Also it keeps defaulting a bit above the preview area and auto corrects after but it would be nice if it started at the right place"

Starting 758adba

contact server and create UI for upload loading bar stuff

link to new file page

• drag-and-drop page for resizable rectangles
• example
• example 2

• obtain x,y coordinates of top-left of rectangle
• set height + width
• also can be set in text boxes rather than drag & drop
• multiple boxes
• max 5 rectangles
• various video resolutions (720p, 1080p, 4K)

• Connect to Amazon Cognito for login/logout
• Either use existing form, or replace with prebuilt Amplify UI components

See: https://docs.amplify.aws/lib/auth/getting-started/q/platform/js

live preview for edits

Page for linking to beatcaps or overleia video processing upon upload of video

• Dashboard Panel Free Trial Component/Same in Upload File/ VideoProcess Selection
  Free storage space remaining, ( 1 GB Remaining)
  Free Beatcaps processing minutes remaining, ( 10 minutes Remaining)
  Want more storage space or Beatcaps processing minutes,
  (Click Here)

• Reminder in Video Processing Selection for Storage Space and Minutes remaining
  

• Beatcaps Create Cues page, upon clicking which video use video length estimator

• Free trial remaining if on free trial, w/ purchase more minutes

• If billing info added, mention your paying for soso minutes (however long vid is)

• Overleia storage estimator upon entering which vids,
  

  • Free trial storage left over
  • billing info added, mention remaining storage

  @goatandsheep

Currently: submitting the form on http://localhost:3000/file/new will send an empty {} as the request body
Expected: send all 3 fields (TypeInput, TypeOutput, File)

• create a wiki in this repo
• add pics
• and link to it (https://github.com/goatandsheep/beatcaps-react/wiki)

use idtoken to identify user properly

Overlei upload file form doesn't need a "Caption Format" field
Beatcaps form should look the same

Input file management pages:

• Upload files (form)
  • Already exists but needs to be updated to separate out beatcaps feature
• List of input files (table)
  • does not exist
• (potentially a file details page using FileView?)

Beatcaps pages:

• Create new beatcaps file (form)
  • does not exist
  • User chooses an uploaded file, config (subtitle type)
• List of beatcaps outputs (table)
• Dashboard component, but need to separate out beatcaps vs overleia
• Beatcaps output details page
  • FileView component

Overleia pages:

• Create new Overleia file (form)
  • TemplateWizard component
• List of Overleia outputs (table)
• Dashboard component, but need to separate out beatcaps vs overleia
• Create new template (form)
  • TemplateDesigner component
• List of templates (table)
  • TemplateView component
• Overleia output details page
• FileView component

major.minor.patch

major_ui * major_server . minor_ui * minor_server . patch_ui * patch_server