This guide will walk you through creating a public Google Workspace Add-on, and launching it in the Google Workspace Marketplace for as free as possible.
This guide was written as I developed and launched my first add-on: Nacho Auto Vacation for Gmail™.
| import openai | |
| import streamlit as st | |
| from streamlit_chat import message | |
| from dotenv import load_dotenv | |
| import os | |
| from langchain.embeddings.openai import OpenAIEmbeddings | |
| from langchain.vectorstores import Chroma | |
| import openai | |
| from langchain.document_loaders import UnstructuredMarkdownLoader | |
| from langchain.chains.question_answering import load_qa_chain |
These are the steps to setup an Ubuntu server from scratch and deploy a MERN app with the PM2 process manager and Nginx. We are using Linode, but you could just as well use a different cloud provider or your own machine or VM.
Create an account at Linode
Click on Create Linode
Choose your server options (OS, region, etc)
javascript:void (async () => { let { default: TD } = await import("https://cdn.skypack.dev/turndown"); let json = [ ...document.querySelectorAll(".text-base"), ].map((i) => ({ html: i.innerHTML, text: i.innerText, markdown: new TD().turndown(i), isPrompt: !i.querySelector(".prose"), })); window.open( URL.createObjectURL( new Blob( [ json .map((i) => i.isPrompt ? `**Prompt**: ${i.text}` : `**ChatGPT**: ${i.markdown}` ) .join("\n\n"), ], { type: "text/plain" } ) ) ); })()Get a quick answer from google for any question
(async function answer(q) {
var html = await fetch(
`https://cors.explosionscratc.repl.co/google.com/search?q=${encodeURI(q)}`,
| { | |
| "Pinia Store Boilerplate": { | |
| "prefix": "pinia", | |
| "body": [ | |
| "import { defineStore, acceptHMRUpdate } from \"pinia\";", | |
| "", | |
| "export const use$TM_FILENAME_BASE = defineStore(\"$TM_FILENAME_BASE\", {", | |
| " state: () => {", | |
| " return {", | |
| " $0", |
| /* Using a JavaScript proxy for a super low code REST client */ | |
| // via https://dev.to/dipsaus9/javascript-lets-create-aproxy-19hg | |
| // also see https://towardsdatascience.com/why-to-use-javascript-proxy-5cdc69d943e3 | |
| // also see https://github.com/fastify/manifetch | |
| // also see https://github.com/flash-oss/allserver | |
| // and https://gist.github.com/v1vendi/75d5e5dad7a2d1ef3fcb48234e4528cb | |
| const createApi = (url) => { | |
| return new Proxy({}, { | |
| get(target, key) { |
| { | |
| // Disable telemetry | |
| "telemetry.telemetryLevel": "off", | |
| // Zen mode | |
| "zenMode.fullScreen": false, | |
| "zenMode.hideTabs": true, | |
| "zenMode.centerLayout": false, | |
| // Theming | |
| "workbench.iconTheme": "city-lights-icons-vsc", | |
| "editor.fontFamily": "Dank Mono", |
| javascript: (function (doc){var changed=0; function checkTitles(){console.log('jQuery version ', $.fn.jquery, ' loaded'); var position=1; var items=[]; var results=$('#rso .kp-blk .g, #rso .g[class="g"], #rso .srg .g').not('.kno-kp .g').find('div:first').find('a:first'); $('.title-changed, #CountTitlesChanged').remove(); results.each(function (){if (!$(this).parents('.related-question-pair').length){var parent=$(this).closest('.tF2Cxc').length > 0 ? $(this).closest('.tF2Cxc') : $(this).closest('li'); items.push([ position, $(this).find('h3').text(), encodeURI($(this).attr('href')), parent]); position++;}}); var numItems=1; cors_proxies=[ 'https://api.codetabs.com/v1/proxy?quest=', 'https://jsonp.afeld.me/?url=',]; items.forEach(item=>{$.ajax({url: cors_proxies[Math.floor(Math.random() * cors_proxies.length)] + item[2], success: function (data, status, xhr){title=$(data).filter('title').text(); var html='<div class="title-changed">'; if (title !=item[1]){html +='<span style="font-weight: bold;color: #ff6961;"> |
| // Basic Types | |
| let id: number = 5 | |
| let company: string = 'Traversy Media' | |
| let isPublished: boolean = true | |
| let x: any = 'Hello' | |
| let ids: number[] = [1, 2, 3, 4, 5] | |
| let arr: any[] = [1, true, 'Hello'] | |
| // Tuple |