site/pages/api/bin/wokwi/new/index.js

import AirtablePlus from "airtable-plus"

export const findOrCreateProject = async (partsList = []) => {
  const airtable = new AirtablePlus({
    apiKey: process.env.AIRTABLE_WRITE_API_KEY,
    baseID: 'appKjALSnOoA0EmPk',
    tableName: 'Cached Projects'
  })

  const cacheName = partsList.sort().join(',')

  const existingProject = await airtable.read({
    filterByFormula: `{Name}="${cacheName}"`,
    maxRecords: 1
  })

  if (existingProject.length > 0) {
    return existingProject[0].fields['Share Link']
  } else {
    const shareLink = await createProject(partsList)
    if (shareLink) {
      await airtable.create({
        "Name": cacheName,
        "Share Link": shareLink
      })
      return shareLink
    } else {
      return null
    }
  }
}

const createProject = async (partsList = []) => {
  const airtable = new AirtablePlus({
    apiKey: process.env.AIRTABLE_WRITE_API_KEY,
    baseID: 'appKjALSnOoA0EmPk',
    tableName: 'Supported Parts'
  })

  // adjust these to taste:
  const PADDING = 30;
  const MAX_WIDTH = 320; // big question mark on this one
  const ROW_HEIGHT = 215; // close enough for jazz, keypad is too big for this but ¯\_(ツ)_/¯

  const parts = [
    { "type": "board-pi-pico-w", "id": "pico", "top": 0, "left": 0, "attrs": {},
      "type": "board-pi-pico-w", "id": "pico", "top": 100, "left": 100 , "attrs": {}}
  ]
  let x = 88 + PADDING; // for already included Pico
  let y = 0;
  await Promise.all(partsList.map(async (part) => {
    const airPart = await airtable.read({
      filterByFormula: `{Wokwi Name}= "${part}"`,
      maxRecords: 1
    })
    return airPart[0].fields['Wokwi Name'].split(',').forEach((name, i) => {
      const width = airPart[0].fields['Wokwi X-Offset'];
      const attrs = airPart[0].fields['attrs'];
      if ((x + width + PADDING) > MAX_WIDTH) {
        x = 0;
        y += ROW_HEIGHT;
      }
      parts.push({
        type: name,
        id: name + '--' + i,
        left: x,
        top: y,
        attrs: attrs
      })
      x += width + PADDING;
    })
  }))

  const body = JSON.stringify({
    name: "The Bin!",
    unlisted: true,
    files: [{
      name: "help.md",
      content: `# Welcome to The Bin! 🦝

Now that you've thrown some parts into The Bin, it's time to turn that trash into treasure! 🗑️➡️💎

Wire up your parts and write some code to make them work together. If you need
help with a part, click the "?" above it.

If you want to see examples, check here:
https://hack.club/bin-example

You can get help by chatting with other high schoolers on the Hack Club Slack in
the #electronics channel:
👉 https://hackclub.com/slack 👈

Once you're ready build your design IRL, click the "Share" button and submit
your design:
https://hack.club/bin-submit
    `
    },
    {
      name: "sketch.ino",
      content: `// Now turn this trash into treasure!

void setup() {
  // put your setup code here, to run once:
  Serial1.begin(115200);
  Serial1.println("Hello, Raspberry Pi Pico W!");
}
void loop() {
  // put your main code here, to run repeatedly:
  delay(1); // this speeds up the simulation
}`
    }, {
      name: "diagram.json",
      content: JSON.stringify({
        "version": 1,
        "author": "The Bin - Hack Club",
        "editor": "wokwi",
        "parts": parts,
        "connections": [["pico:GP0", "$serialMonitor:RX", "", []], ["pico:GP1", "$serialMonitor:TX", "", []]], "dependencies": {}
      }, null, 2)
    }],
  })

  const response = await fetch('https://wokwi.com/api/projects/save', {
    method: 'POST',
    cors: 'no-cors',
    headers: {
      'Content-Type': 'application/json',
      'Referer': 'https://wokwi.com/projects/new/pi-pico-w',
      'User-Agent': 'Hack Club - contact max@hackclub.com for any complaints!'
    },
    body
  }).catch((e) => {
    console.log(e)
  })

  const data = await response.json()
  const { projectId } = data

  return `https://wokwi.com/projects/${projectId}`
}

export default async function handler(req, res) {
  if (req.method === 'POST') {
    const { parts } = req.body

    const shareLink = await findOrCreateProject(parts)
    if (shareLink) {
      res.status(200).json({ shareLink })
    } else {
      res.status(500).json({ error: 'Failed to create project' })
    }
  }
}