| 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} |
| <div id="page"><!-- HTML_TAG_START --><div data-plasmic-project-id="sT7xEH9u4HQXUcstpAi7L4" data-plasmic-project-version="6.0.0" data-plasmic-component="ForCandidates" data-plasmic-project-token="" data-plasmic-component-data="{"entryCompMetas":[{"id":"e5P5psP80_","displayName":"For candidates","usedComponents":["WrZGaw5TTTf","EBt5g4hjXnx","z8Gc0CRV3W","YG-oOqp7g15"],"projectId":"sT7xEH9u4HQXUcstpAi7L4","name":"ForCandidates","renderFile":"render__e5P5psP80_.js","skeletonFile":"comp__e5P5psP80_.js","cssFile":"css__e5P5psP80_.css","path":"/pages/for-candidates","isPage":true,"entry":"render__e5P5psP80_.js","isCode":false,"pageMetadata":{"path":"/pages/for-candidates","description":"","title":&quo |
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>> {| 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), |
| aoeu |
| <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]; |