You are browsing as a guest. Sign up (or log in) to start making projects!

ORBIT MATRIX

By @sarveshwaran_k2008

  • 2 Devlogs
  • 7 Total hours

Orbit Matrix is an interactive, zero-backend spatial workspace canvas that allows users to seamlessly combine, organize, and view their live Google Docs, Sheets, and Slides in a single, infinite coordinate grid. Built entirely on a client-side vanilla architecture, it transforms isolated productivity files into a multi-dimensional visual database where users can draw dynamic, responsive vector-line logic connections between assets. The platform respects true user privacy by utilizing a secure client-side setup for cloud synchronization alongside a cutting-edge, in-browser WebGPU machine learning engine that reads, analyzes, and summarizes open canvas documents completely offline inside localized browser memory.

Source
Ship #1

@sarveshwaran_k2008 on ORBIT MATRIX

I made Orbit Matrix, an interactive spatial canvas for Google Workspace users. It lets you pull your Google Drive documents, sheets, and presentations, along with your Google Calendar events, directly onto a massive visual grid. You can move files around as interactive node blocks and physically stitch logic lines between them to organize your workflows visually. It also has a local, in-browser AI engine built right into the sidebar that reads your active canvas data to help you synthesize your files completely offline. The biggest technical hurdle was a canvas collision bug with the mouse listeners. When you load a live Google Doc preview into a canvas node, it renders inside an iframe. That iframe was swallowing mouse clicks, meaning if you clicked a file to draw a logic thread to another one, the canvas never heard the click. I had to write a pure JavaScript layer that dynamically blocks pointer-events across all iframes the split-second you hit the "Link" button, allowing perfect node targeting, and then cleanly restores mouse interactions right after. Dealing with Google's strict production OAuth and Search Console verification rules for subpaths on GitHub Pages was also a massive test of patience!

"""""""""The app is currently transitioning into Google's final production verification queue. When you click "Sign in with Google," you will see a temporary "Unverified App" warning. You can safely bypass this by clicking Advanced -> Go to Orbit Matrix (unsafe) to link your account. Once signed in, use the creation hub in the bottom-left to spawn blank documents or drop items from your active side panels to start stitching your workspace map!"""""""""

  • 2 devlogs
  • 7h
Try project → See source code →
Open comments for this post

@sarveshwaran_k2008 on ORBIT MATRIX

34m 30s logged

What I Fixed & Added1. Moving to Production & SecurityFlipped the Switch to Production: Moved the app out of the testing phase in Google Cloud Console. Now, anyone with a Google account can technically log in.Locked Down the API Key: Set up website domain restrictions so the API key only works on https://sarveshwaran20.github.io/. Even though the key is visible in the frontend code, it’s completely useless if anyone tries to steal it and run it somewhere else.Cleaner Sign-In: Cleaned up the initialization code so users aren’t bothered with setup popups when they try to connect their accounts.2. Fixing the Canvas Linking Bug (Big Win)The Problem: When users imported a Google Doc or Sheet, it loaded inside an iframe. When they tried to click the node to link two documents together, the iframe would swallow the mouse click, breaking the logic lines.The JavaScript Fix: Rewrote the linking function using pure JavaScript. Now, the second you click the “Link” button, the app temporarily forces all iframes to ignore mouse interactions (pointerEvents = ‘none’). This lets you click the target node perfectly. As soon as the line is drawn or cancelled, it turns mouse events back on.Missed Click Protection: Added a canvas listener so if a user clicks empty space while trying to connect two files, the app cleanly cancels the action instead of getting stuck in a glitchy linking state.Where We Stand with Google VerificationDomain Verified: Successfully verified the root domain on Google Search Console.Bypassed the Automated Bot Bug: The Google Cloud automated domain checker was glitching out because GitHub Pages uses a subpath (/Orbit-Matrix/). I bypassed the bot by submitting a manual override message to Google’s compliance team explaining that the tool is being built directly for Google Workspace users.Review Queue: The app is officially in the human review queue. Once they review the unlisted YouTube demo video and approve the Drive/Calendar scopes, the scary “Unverified App” warning screen will vanish for everyone.What’s NextWait a few days for Google’s Trust & Safety team to approve the app.Keep an eye on how the browser-based WebLLM AI handles memory usage on different computers.

0
0
3
Open comments for this post

@sarveshwaran_k2008 on ORBIT MATRIX

6h 34m 33s logged

I have been working on a new project, so it is basically called Orbit Matrix. The purpose of orbit matrix is to integrate Google Docs, Sheets, and slides in one place. For now it is still in the testing phase and is not yet completely ready for Production below is a glimpse of the website.

0
0
5

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…