yang

You can manually install @plasmicapp/query and implement their extractPlasmicQueryData method.

It could be something like:

// data/data.tsx

export async function extractPlasmicQueryData(
  element: React.ReactElement
): Promise<Record<string, any>> {

	curl --request PUT \
	--url 'https://api.bigcommerce.com/stores/8mw570y811/v3/content/pages' \
	--header 'Accept: application/json' \
	--header 'Content-Type: application/json' \
	--header 'X-Auth-Token: xxxxxxxxxxxxxxxxx' \
	--data '{"name":"Sandbox Page","is_visible":true,"parent_id":0,"sort_order":0,"type":"page","is_homepage":false,"is_customers_only":false,"id":0,"meta_title":"string","body":"<div>Hello World!</div>","feed":"string","link":"string","meta_keywords":"","meta_description":"string","search_keywords":"trousers,pockets,luxury","url":"/sandbox","channel_id":1}'

	=== to automate this ===

	for page in myhomepage ... ; do

	import {ReactNode, useState} from "react";

	export function Section({
	children,
	hideHeading,
	className
	}: { children?: ReactNode, className?: string, hideHeading?: boolean }) {
	return <div style={{padding: 64}} className={className}>
	{!hideHeading && <h1>My Hero</h1>}
	{children}

	Copy-pastable version of the code:

	# Instant rollbacks on Vercel:
	#
	# vercel alias set PREVIOUS_DEPLOYMENT_DOMAIN PRODUCTION_DOMAIN

	vercel alias set myapp-k8nj917m1-yaaang.vercel.app myapp.vercel.app

	/*

	Customize the inputs in the `normalized` variable, then:

	0. open your project in Plasmic Studio
	1. open chrome devtools
	2. use the top/left most button (the mouse selector) to inspect an element in the studio, such as the logo - this sets the focus on the correct iframe (rather than the outermost iframe)
	3. switch to the console tab
	4. paste the included snippet to populate the tokens

	// Run this script in your directory containing tailwind.config.js, and follow the printed instructions to import them into your project.

	const defaultTheme = require('tailwindcss/defaultTheme')
	const colors = require('tailwindcss/colors')
	const config = require('./tailwind.config')

	const extended = {
	spacing: Object.assign({}, defaultTheme.spacing, config.theme.extend.spacing),
	fontFamily: Object.assign({}, defaultTheme.fontFamily, config.theme.extend.fontFamily),
	colors: Object.assign({}, defaultTheme.colors, config.theme.extend.colors),

	<html>
	<head>
	<title>CSS Transform Scale element to fit its parent</title>
	<script src="scale2fit.js"></script>
	<link rel="stylesheet" href="style.css"/>
	<script>
	(function(window) {
	function main() {
	const margin = 10;
	requestAnimationFrame(function fitToParentOnResize() {

	Ran on a 2015 MBP



	HOTSPOT

	public class Main {
	public static void main(String[] args) {
	int[] a = new int[500000000];
	int[] b = new int[60000000];