Merge pull request #1097 from rowyio/feature/code-editor-npm-examples

ROWY-904: add npm usage examples to code templates

src/components/TableModals/ExtensionsModal/utils.ts

@@ -65,6 +65,9 @@ const extensionBodyTemplate = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("extensionBody started")
   
+  // Import any NPM package needed
+  // const vision = require('@google-cloud/vision');
+  
   // Task Extension is very flexible, you can do anything.
   // From updating other documents in your database, to making an api request to 3rd party service.
   // Example: post notification to different discord channels based on row data
@@ -150,6 +153,9 @@ const extensionBodyTemplate = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("extensionBody started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   return ({
     channels: [],    // a list of slack channel IDs in string
     blocks: [],    // the blocks parameter to pass in to slack api
@@ -162,6 +168,9 @@ const extensionBodyTemplate = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("extensionBody started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   return ({
     from: "Name<example@domain.com>",   // send from field
     personalizations: [
@@ -184,6 +193,9 @@ const extensionBodyTemplate = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("extensionBody started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   return ({
     body: "",
     url: "",
@@ -196,6 +208,9 @@ const extensionBodyTemplate = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("extensionBody started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // Setup twilio secret key: https://docs.rowy.io/extensions/twilio-message#secret-manager-setup
   // Add any code here to customize your message or dynamically get the from/to numbers
   return ({
@@ -209,6 +224,9 @@ const extensionBodyTemplate = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("extensionBody started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // You can use FCM token from the row or from the user document in the database
   // const FCMtoken = row.FCMtoken
   // Or push through topic  

src/components/TableModals/WebhooksModal/Schemas/basic.tsx

@@ -68,6 +68,9 @@ export const webhookBasic = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("basicParser started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // Optionally return an object to be added as a new row to the table
   // Example: add the webhook body as row
   const {body} = req;

src/components/TableModals/WebhooksModal/Schemas/sendgrid.tsx

@@ -17,6 +17,9 @@ export const webhookSendgrid = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("sendgridParser started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   const { body } = req 
   const eventHandler = async (sgEvent) => {
     // Event handlers can be modiefed to preform different actions based on the sendgrid event

src/components/TableModals/WebhooksModal/Schemas/stripe.tsx

@@ -21,6 +21,9 @@ export const webhookStripe = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("stripeParser started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   const event = req.body
   switch (event.type) {
     case "payment_intent.succeeded":

src/components/TableModals/WebhooksModal/Schemas/typeform.tsx

@@ -17,6 +17,9 @@ export const webhookTypeform = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("typeformParser started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // This reduces the form submission into a single object of key value pairs
   // Example: {name: "John", age: 20}
   // ⚠️ Ensure that you have assigned ref values of the fields

src/components/TableModals/WebhooksModal/Schemas/webform.tsx

@@ -18,6 +18,9 @@ export const webhook = {
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("formParser started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // Optionally return an object to be added as a new row to the table
   // Example: add the webhook body as row
   const {body} = req;

src/components/fields/Action/templates.ts

@@ -2,6 +2,9 @@ export const RUN_ACTION_TEMPLATE = `const action:Action = async ({row,ref,db,sto
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("action started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // Example:
   /*
   const authToken = await rowy.secrets.get("service")
@@ -33,6 +36,9 @@ export const UNDO_ACTION_TEMPLATE = `const action : Action = async ({row,ref,db,
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("action started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // Example:
   /*
   const authToken = await rowy.secrets.get("service")

src/components/fields/Connector/utils.ts

@@ -15,6 +15,9 @@ export const baseFunction = `const connectorFn: Connector = async ({query, row,
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("connectorFn started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   return [];
   // WRITE YOUR CODE ONLY ABOVE THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
 };`;

src/components/fields/Derivative/Settings.tsx

@@ -69,6 +69,9 @@ export default function Settings({
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("derivative started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   ${config.script.replace(/utilFns.getSecret/g, "rowy.secrets.get")}
   // WRITE YOUR CODE ONLY ABOVE THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
 }`
@@ -76,6 +79,9 @@ export default function Settings({
   // WRITE YOUR CODE ONLY BELOW THIS LINE. DO NOT WRITE CODE/COMMENTS OUTSIDE THE FUNCTION BODY
   logging.log("derivative started")
   
+  // Import any NPM package needed
+  // const lodash = require('lodash');
+  
   // Example:
   // const sum = row.a + row.b;
   // return sum;