Skip to content

LANGUAGE V1 · FROZEN REFERENCE

Example library

2,000 results · Page 159 of 167

production-fullstack

Arc Workspace 97 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0097
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #047857, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Arc Workspace 97" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #047857, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Vesper Workspace 98 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0098
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #c026d3, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Vesper Workspace 98" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #c026d3, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Fieldwork Workspace 99 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0099
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #0369a1, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Fieldwork Workspace 99" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #0369a1, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Ember Workspace 100 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0100
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #4f46e5, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Ember Workspace 100" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #4f46e5, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Aurelia Workspace 101 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0101
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #7c3aed, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Aurelia Workspace 101" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #7c3aed, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Northstar Workspace 102 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0102
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #2563eb, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Northstar Workspace 102" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #2563eb, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Velvet House Workspace 103 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0103
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #0f766e, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Velvet House Workspace 103" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #0f766e, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Luma Workspace 104 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0104
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #be123c, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Luma Workspace 104" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #be123c, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Serein Workspace 105 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0105
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #b45309, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Serein Workspace 105" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #b45309, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Atlas Workspace 106 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0106
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #4338ca, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Atlas Workspace 106" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #4338ca, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Nocturne Workspace 107 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0107
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #047857, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Nocturne Workspace 107" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #047857, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.
production-fullstack

Cedar Workspace 108 · Full-stack application

66 lines · 3 pages · Supabase backend

AuthenticationDatabaseStorageServer functionsFormsInteractionsCollections
View code v1-production-fullstack-0108
Create page login containing login_form, signup_form with viewport fill, alignment center, distribution center, background #f8fafc, padding 32 pixels, gap 18 pixels.
Create form login_form containing login_email, login_password, login_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input login_email with placeholder "Email".
Create input login_password with placeholder "Password".
login_password input type is password.
Create button login_button displaying "Sign in" with background #c026d3, text color white, padding 11 pixels.
login_button submits form.
Create form signup_form containing signup_email, signup_password, signup_button with direction vertical, gap 10 pixels, padding 24 pixels, background white, border radius 12 pixels.
Create input signup_email with placeholder "Create account email".
Create input signup_password with placeholder "Create password".
signup_password input type is password.
Create button signup_button displaying "Create account" with background #0f172a, text color white, padding 11 pixels.
signup_button submits form.
Create page workspace containing workspace_title, record_form, records, upload_input, message_form, delete_button, logout_button with viewport fill, background #f8fafc, padding 28 pixels, gap 18 pixels.
Create heading workspace_title displaying "Cedar Workspace 108" with font size 30 pixels.
Create form record_form containing title_input, status_input, save_button with direction vertical, gap 10 pixels, padding 22 pixels, background white, border radius 12 pixels.
Create input title_input with placeholder "Title".
Create input status_input with placeholder "Status".
Create button save_button displaying "Save record" with background #c026d3, text color white, padding 11 pixels.
save_button submits form.
Create container records with gap 10 pixels.
Create collection record_rows with values "".
Render collection record_rows inside records as text items.
Create state selected_id with value "".
Create button delete_button displaying "Delete selected" with background #dc2626, text color white, padding 10 pixels.
Create button logout_button displaying "Sign out" with background transparent, text color #0f172a, padding 10 pixels.
Use Supabase backend.
Enable email and password authentication.
Protect page workspace with authentication.
After authentication navigate to workspace.
Use form signup_form to sign up with email signup_email and password signup_password.
Use form login_form to sign in with email login_email and password login_password.
When logout_button is clicked, sign out.
Create database table records.
records has required text column title.
records has required text column status with default "active".
records belongs to authenticated user through owner_id.
Allow authenticated users to read, create, update, and delete their own rows in records through owner_id.
Create index records_owner_created_index on records using owner_id, created_at.
Create data query record_list from records selecting id, title, status, created_at.
record_list orders by created_at descending.
Load record_list on page workspace into record_rows.
Use form record_form to insert into records mapping title_input to title, status_input to status.
When delete_button is clicked, delete from records using state selected_id as id.
Create input upload_input with placeholder "Choose a private file".
upload_input input type is file.
Create state uploaded_path with value "".
Create form message_form containing message_input, message_button with direction vertical, gap 10 pixels.
Create input message_input with placeholder "Notification message".
Create button message_button displaying "Send notification".
message_button submits form.
Create private storage bucket workspace_files.
Allow authenticated users to read, upload, update, and delete their own files in workspace_files.
When upload_input changes, upload file to workspace_files and store path in uploaded_path.
Create server function notify_workspace.
notify_workspace requires authentication.
notify_workspace accepts text field message_input.
notify_workspace returns JSON message "Notification accepted".
notify_workspace forwards request to URL from secret WORKSPACE_WEBHOOK_URL.
Use form message_form to call server function notify_workspace.
Create page settings containing settings_title, settings_copy, settings_back with viewport fill, background white, padding 32 pixels, gap 16 pixels.
Create heading settings_title displaying "Production deployment settings" with font size 30 pixels.
Create text settings_copy displaying "GitHub source, Supabase resources, secrets, and Vercel deployment are prepared through publishing.".
Create button settings_back displaying "Return to workspace".
When settings_back is clicked, navigate to workspace.
Protect page settings with authentication.