{"id":20992349,"url":"https://github.com/renanlecaro/mermaid-gdocs","last_synced_at":"2025-09-11T22:35:52.496Z","repository":{"id":68328432,"uuid":"191043586","full_name":"renanlecaro/mermaid-gdocs","owner":"renanlecaro","description":"Mermaidsjs wrapper for gdocs. ","archived":false,"fork":false,"pushed_at":"2025-02-25T17:28:17.000Z","size":1144,"stargazers_count":103,"open_issues_count":2,"forks_count":22,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-06T20:54:51.148Z","etag":null,"topics":["google-docs","google-docs-addon","graphs","mermaid","mermaid-gdocs"],"latest_commit_sha":null,"homepage":"https://mermaid-gdocs.lecaro.me/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/renanlecaro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-09T18:54:47.000Z","updated_at":"2025-08-20T14:04:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"e51bcfb3-e0e0-4a67-a9f8-09f3b98420b9","html_url":"https://github.com/renanlecaro/mermaid-gdocs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/renanlecaro/mermaid-gdocs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renanlecaro%2Fmermaid-gdocs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renanlecaro%2Fmermaid-gdocs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renanlecaro%2Fmermaid-gdocs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renanlecaro%2Fmermaid-gdocs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/renanlecaro","download_url":"https://codeload.github.com/renanlecaro/mermaid-gdocs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renanlecaro%2Fmermaid-gdocs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274718924,"owners_count":25337236,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["google-docs","google-docs-addon","graphs","mermaid","mermaid-gdocs"],"created_at":"2024-11-19T07:11:02.253Z","updated_at":"2025-09-11T22:35:52.468Z","avatar_url":"https://github.com/renanlecaro.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# mermaid-gdocs\n[Mermaidsjs](https://mermaidjs.github.io/) wrapper for google docs\n\n\n# known limitations\n\n- only inline images work in google docs\n- icons (fontawesome) not supported\n\n# Development setup\n\nTo test the editor ui outside of google docs, serve the src folder, for example `npx http-server src` and open http://127.0.0.1:8080 in your browser.\n\n`src/Code.gs` is a copy of what's running in apps script, same for  `src/appsscript.json`.  \n\n# License : MIT\n\nDo whatever you want with this code, but i'm not responsible if it breaks. I'm trying to publish it on the google apps store so that people can use it in their google docs\n\n# Sample graphs \n\nThis one is good to bebug scaling issues\n\n    graph TB\n        sq[Square shape] --\u003e ci((Circle shape))\n    \n        subgraph A\n            od\u003eOdd shape]-- Two line\u003cbr/\u003eedge comment --\u003e ro\n            di{Diamond with \u003cbr/\u003e line break} -.-\u003e ro(Rounded\u003cbr\u003esquare\u003cbr\u003eshape)\n            di==\u003ero2(Rounded square shape)\n        end\n    \n        %% Notice that no text in shape are added here instead that is appended further down\n        e --\u003e od3\u003eReally long text with linebreak\u003cbr\u003ein an Odd shape]\n    \n        %% Comments after double percent signs\n        e((Inner / circle\u003cbr\u003eand some odd \u003cbr\u003especial characters)) --\u003e f(,.?!+-*ز)\n    \n        cyr[Cyrillic]--\u003ecyr2((Circle shape Начало));\n    \n         classDef green fill:#9f6,stroke:#333,stroke-width:2px;\n         classDef orange fill:#f96,stroke:#333,stroke-width:4px;\n         class sq,e green\n         class di orange\n    \nAnother big one\n\n    sequenceDiagram\n        participant web as Web Browser\n        participant blog as Blog Service\n        participant account as Account Service\n        participant mail as Mail Service\n        participant db as Storage\n    \n        Note over web,db: The user must be logged in to submit blog posts\n        web-\u003e\u003e+account: Logs in using credentials\n        account-\u003e\u003edb: Query stored accounts\n        db-\u003e\u003eaccount: Respond with query result\n    \n        alt Credentials not found\n            account-\u003e\u003eweb: Invalid credentials\n        else Credentials found\n            account-\u003e\u003e-web: Successfully logged in\n    \n            Note over web,db: When the user is authenticated, they can now submit new posts\n            web-\u003e\u003e+blog: Submit new post\n            blog-\u003e\u003edb: Store post data\n    \n            par Notifications\n                blog--)mail: Send mail to blog subscribers\n                blog--)db: Store in-site notifications\n            and Response\n                blog--\u003e\u003e-web: Successfully posted\n            end\n        end\n\nAn excellent example from canonical\n\n    graph TD;\n        A[\"Create Video Issue in Backlog\"] --\u003e B[\"Assign 10 Points\"];\n        B --\u003e C[\"Move to 'In Progress'\"];\n        C --\u003e D[\"Video Template Appears in Description\"];\n        D --\u003e E[\"Move to 'In Review' for Content Team\"];\n        E --\u003e F[\"Ensure Issue Contains Copy Doc\"];\n        F --\u003e G[\"Issue Visible in Review Board\"];\n        G --\u003e H[\"Comment Appears Tagging Content Team\"];\n        H --\u003e I[\"Content Team Assigns T-Shirt Size\"];\n    \n        I --\u003e|Not Satisfied| J[\"Move Back to 'In Progress'\"];\n        I --\u003e|Satisfied| K[\"Assign to 'Pending Marketing Acceptance' \u0026 Tag Marketing Manager\"];\n    \n        K --\u003e L[\"Marketing Manager Notifies Social Media Team\"];\n        L --\u003e M[\"Create Ticket or Add to Campaign Epic\"];\n    \n        K --\u003e|Ready \u0026 Approved| N[\"Brief Design Team \u0026 Move to 'In Design'\"];\n        N --\u003e O[\"Complete Design Brief Subtask (Creates Linked Issue in Brand Project)\"];\n        O --\u003e P[\"Brand PM Acknowledges \u0026 Informs Planning\"];\n    \n        P --\u003e Q[\"Designer Moves Task to 'In Progress'\"];\n        Q --\u003e R[\"Designer Moves Task to 'In Review' \u0026 Uploads File\"];\n        R --\u003e S[\"Tag Requestor \u0026 Stakeholders for Review\"];\n        S --\u003e T[\"Designer Iterates Based on Feedback\"];\n    \n        T --\u003e|Design Approved| U[\"Upload Final Version to Design Drive \u0026 Paste Link in Jira\"];\n        U --\u003e V[\"Set Task Status to 'Done'\"];\n        V --\u003e W[\"Design Team Marks Linked Issue as Done\"];\n        W --\u003e X[\"Video Issue Owner Marks as 'Marketing Ready' \u0026 Tags Marketing Team\"];\n    \n        X --\u003e|Published| Y[\"Issue Owner Marks as 'Done'\"];\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenanlecaro%2Fmermaid-gdocs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frenanlecaro%2Fmermaid-gdocs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenanlecaro%2Fmermaid-gdocs/lists"}