Skip to content

Commit

Permalink
fixed grapes
Browse files Browse the repository at this point in the history
  • Loading branch information
@LiveDuo
LiveDuo committed Dec 16, 2023
1 parent 608cd68 commit 9954e74
Show file tree
Hide file tree
Showing 3 changed files with 245 additions and 6 deletions.
239 changes: 238 additions & 1 deletion dev/nextjs-project/data/grapes.json
View file
Original file line number Diff line number Diff line change
@@ -1 +1,238 @@
{"components":"[{\"tagName\":\"section\",\"classes\":[\"text-gray-600\",\"body-font\"],\"components\":[{\"classes\":[\"container\",\"px-5\",\"py-24\",\"mx-auto\"],\"components\":[{\"classes\":[\"text-center\",\"mb-20\"],\"components\":[{\"tagName\":\"h1\",\"type\":\"text\",\"classes\":[\"sm:text-3xl\",\"text-2xl\",\"font-medium\",\"title-font\",\"text-gray-900\",\"mb-4\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Raw Denim Heirloom Man Braid\"}]},{\"tagName\":\"p\",\"type\":\"text\",\"classes\":[\"text-base\",\"leading-relaxed\",\"xl:w-2/4\",\"lg:w-3/4\",\"mx-auto\",\"text-gray-500s\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi pug.\"}]},{\"classes\":[\"flex\",\"mt-6\",\"justify-center\"],\"components\":[{\"classes\":[\"w-16\",\"h-1\",\"rounded-full\",\"bg-indigo-500\",\"inline-flex\"]}]}]},{\"classes\":[\"flex\",\"flex-wrap\",\"sm:-m-4\",\"-mx-4\",\"-mb-10\",\"-mt-4\",\"md:space-y-0\",\"space-y-6\"],\"components\":[{\"classes\":[\"p-4\",\"md:w-1/3\",\"flex\",\"flex-col\",\"text-center\",\"items-center\"],\"components\":[{\"classes\":[\"w-20\",\"h-20\",\"inline-flex\",\"items-center\",\"justify-center\",\"rounded-full\",\"bg-indigo-100\",\"text-indigo-500\",\"mb-5\",\"flex-shrink-0\"],\"components\":[{\"type\":\"svg\",\"classes\":[\"w-10\",\"h-10\"],\"attributes\":{\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"viewBox\":\"0 0 24 24\"},\"components\":[{\"tagName\":\"path\",\"type\":\"svg-in\",\"attributes\":{\"d\":\"M22 12h-4l-3 9L9 3l-3 9H2\"}}]}]},{\"classes\":[\"flex-grow\"],\"components\":[{\"tagName\":\"h2\",\"type\":\"text\",\"classes\":[\"text-gray-900\",\"text-lg\",\"title-font\",\"font-medium\",\"mb-3\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Shooting Stars\"}]},{\"tagName\":\"p\",\"type\":\"text\",\"classes\":[\"leading-relaxed\",\"text-base\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi pug VHS try-hard.\"}]},{\"type\":\"link\",\"classes\":[\"mt-3\",\"text-indigo-500\",\"inline-flex\",\"items-center\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Learn More\\n \"},{\"type\":\"svg\",\"classes\":[\"w-4\",\"h-4\",\"ml-2\"],\"attributes\":{\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"viewBox\":\"0 0 24 24\"},\"components\":[{\"tagName\":\"path\",\"type\":\"svg-in\",\"attributes\":{\"d\":\"M5 12h14M12 5l7 7-7 7\"}}]}]}]}]},{\"classes\":[\"p-4\",\"md:w-1/3\",\"flex\",\"flex-col\",\"text-center\",\"items-center\"],\"components\":[{\"classes\":[\"w-20\",\"h-20\",\"inline-flex\",\"items-center\",\"justify-center\",\"rounded-full\",\"bg-indigo-100\",\"text-indigo-500\",\"mb-5\",\"flex-shrink-0\"],\"components\":[{\"type\":\"svg\",\"classes\":[\"w-10\",\"h-10\"],\"attributes\":{\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"viewBox\":\"0 0 24 24\"},\"components\":[{\"tagName\":\"circle\",\"type\":\"svg-in\",\"attributes\":{\"cx\":\"6\",\"cy\":\"6\",\"r\":\"3\"}},{\"tagName\":\"circle\",\"type\":\"svg-in\",\"attributes\":{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}},{\"tagName\":\"path\",\"type\":\"svg-in\",\"attributes\":{\"d\":\"M20 4L8.12 15.88M14.47 14.48L20 20M8.12 8.12L12 12\"}}]}]},{\"classes\":[\"flex-grow\"],\"components\":[{\"tagName\":\"h2\",\"type\":\"text\",\"classes\":[\"text-gray-900\",\"text-lg\",\"title-font\",\"font-medium\",\"mb-3\"],\"components\":[{\"type\":\"textnode\",\"content\":\"The Catalyzer\"}]},{\"tagName\":\"p\",\"type\":\"text\",\"classes\":[\"leading-relaxed\",\"text-base\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi pug VHS try-hard.\"}]},{\"type\":\"link\",\"classes\":[\"mt-3\",\"text-indigo-500\",\"inline-flex\",\"items-center\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Learn More\\n \"},{\"type\":\"svg\",\"classes\":[\"w-4\",\"h-4\",\"ml-2\"],\"attributes\":{\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"viewBox\":\"0 0 24 24\"},\"components\":[{\"tagName\":\"path\",\"type\":\"svg-in\",\"attributes\":{\"d\":\"M5 12h14M12 5l7 7-7 7\"}}]}]}]}]},{\"classes\":[\"p-4\",\"md:w-1/3\",\"flex\",\"flex-col\",\"text-center\",\"items-center\"],\"components\":[{\"classes\":[\"w-20\",\"h-20\",\"inline-flex\",\"items-center\",\"justify-center\",\"rounded-full\",\"bg-indigo-100\",\"text-indigo-500\",\"mb-5\",\"flex-shrink-0\"],\"components\":[{\"type\":\"svg\",\"classes\":[\"w-10\",\"h-10\"],\"attributes\":{\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"viewBox\":\"0 0 24 24\"},\"components\":[{\"tagName\":\"path\",\"type\":\"svg-in\",\"attributes\":{\"d\":\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"}},{\"tagName\":\"circle\",\"type\":\"svg-in\",\"attributes\":{\"cx\":\"12\",\"cy\":\"7\",\"r\":\"4\"}}]}]},{\"classes\":[\"flex-grow\"],\"components\":[{\"tagName\":\"h2\",\"type\":\"text\",\"classes\":[\"text-gray-900\",\"text-lg\",\"title-font\",\"font-medium\",\"mb-3\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Neptune\"}]},{\"tagName\":\"p\",\"type\":\"text\",\"classes\":[\"leading-relaxed\",\"text-base\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine, ramps microdosing banh mi pug VHS try-hard.\"}]},{\"type\":\"link\",\"classes\":[\"mt-3\",\"text-indigo-500\",\"inline-flex\",\"items-center\"],\"components\":[{\"type\":\"textnode\",\"content\":\"Learn More\\n \"},{\"type\":\"svg\",\"classes\":[\"w-4\",\"h-4\",\"ml-2\"],\"attributes\":{\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"viewBox\":\"0 0 24 24\"},\"components\":[{\"tagName\":\"path\",\"type\":\"svg-in\",\"attributes\":{\"d\":\"M5 12h14M12 5l7 7-7 7\"}}]}]}]}]}]},{\"type\":\"button\",\"classes\":[\"flex\",\"mx-auto\",\"mt-16\",\"text-white\",\"bg-indigo-500\",\"border-0\",\"py-2\",\"px-8\",\"focus:outline-none\",\"hover:bg-indigo-600\",\"rounded\",\"text-lg\"],\"attributes\":{\"type\":\"button\"},\"components\":[{\"type\":\"textnode\",\"content\":\"Button\"}],\"text\":\"Button\"}]}]}]","styles":"[]"}
{
"components": [
{ "tagName": "section", "classes": ["text-gray-600", "body-font"] },
{ "tagName": "section", "classes": ["text-gray-600", "body-font"] },
{
"tagName": "section",
"classes": ["text-gray-600", "body-font"],
"components": [
{
"classes": ["container", "px-5", "py-24", "mx-auto", "flex", "flex-wrap"],
"components": [
{
"classes": ["flex", "flex-wrap", "-m-4"],
"components": [
{
"classes": ["p-4", "lg:w-1/2", "md:w-full"],
"components": [
{
"classes": [
"flex",
"border-2",
"rounded-lg",
"border-gray-200",
"border-opacity-50",
"p-8",
"sm:flex-row",
"flex-col"
],
"components": [
{
"classes": [
"w-16",
"h-16",
"sm:mr-8",
"sm:mb-0",
"mb-4",
"inline-flex",
"items-center",
"justify-center",
"rounded-full",
"bg-indigo-100",
"text-indigo-500",
"flex-shrink-0"
],
"components": [
{
"type": "svg",
"classes": ["w-8", "h-8"],
"attributes": {
"fill": "none",
"stroke": "currentColor",
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "2",
"viewBox": "0 0 24 24"
},
"components": [
{
"tagName": "path",
"type": "svg-in",
"attributes": { "d": "M22 12h-4l-3 9L9 3l-3 9H2" }
}
]
}
]
},
{
"classes": ["flex-grow"],
"components": [
{
"tagName": "h2",
"type": "text",
"classes": ["text-gray-900", "text-lg", "title-font", "font-medium", "mb-3"],
"components": [{ "type": "textnode", "content": "Shooting Stars" }]
},
{
"tagName": "p",
"type": "text",
"classes": ["leading-relaxed", "text-base"],
"components": [
{
"type": "textnode",
"content": "Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine."
}
]
},
{
"type": "link",
"classes": ["mt-3", "text-indigo-500", "inline-flex", "items-center"],
"components": [
{ "type": "textnode", "content": "Learn More\n " },
{
"type": "svg",
"classes": ["w-4", "h-4", "ml-2"],
"attributes": {
"fill": "none",
"stroke": "currentColor",
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "2",
"viewBox": "0 0 24 24"
},
"components": [
{
"tagName": "path",
"type": "svg-in",
"attributes": { "d": "M5 12h14M12 5l7 7-7 7" }
}
]
}
]
}
]
}
]
}
]
},
{
"classes": ["p-4", "lg:w-1/2", "md:w-full"],
"components": [
{
"classes": [
"flex",
"border-2",
"rounded-lg",
"border-gray-200",
"border-opacity-50",
"p-8",
"sm:flex-row",
"flex-col"
],
"components": [
{
"classes": [
"w-16",
"h-16",
"sm:mr-8",
"sm:mb-0",
"mb-4",
"inline-flex",
"items-center",
"justify-center",
"rounded-full",
"bg-indigo-100",
"text-indigo-500",
"flex-shrink-0"
],
"components": [
{
"type": "svg",
"classes": ["w-10", "h-10"],
"attributes": {
"fill": "none",
"stroke": "currentColor",
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "2",
"viewBox": "0 0 24 24"
},
"components": [
{
"tagName": "path",
"type": "svg-in",
"attributes": { "d": "M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" }
},
{
"tagName": "circle",
"type": "svg-in",
"attributes": { "cx": "12", "cy": "7", "r": "4" }
}
]
}
]
},
{
"classes": ["flex-grow"],
"components": [
{
"tagName": "h2",
"type": "text",
"classes": ["text-gray-900", "text-lg", "title-font", "font-medium", "mb-3"],
"components": [{ "type": "textnode", "content": "The Catalyzer" }]
},
{
"tagName": "p",
"type": "text",
"classes": ["leading-relaxed", "text-base"],
"components": [
{
"type": "textnode",
"content": "Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine."
}
]
},
{
"type": "link",
"classes": ["mt-3", "text-indigo-500", "inline-flex", "items-center"],
"components": [
{ "type": "textnode", "content": "Learn More\n " },
{
"type": "svg",
"classes": ["w-4", "h-4", "ml-2"],
"attributes": {
"fill": "none",
"stroke": "currentColor",
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-width": "2",
"viewBox": "0 0 24 24"
},
"components": [
{
"tagName": "path",
"type": "svg-in",
"attributes": { "d": "M5 12h14M12 5l7 7-7 7" }
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
],
"styles": [],
"html": "<body><section class=\"text-gray-600 body-font\"></section><section class=\"text-gray-600 body-font\"></section><section class=\"text-gray-600 body-font\"><div class=\"container px-5 py-24 mx-auto flex flex-wrap\"><div class=\"flex flex-wrap -m-4\"><div class=\"p-4 lg:w-1/2 md:w-full\"><div class=\"flex border-2 rounded-lg border-gray-200 border-opacity-50 p-8 sm:flex-row flex-col\"><div class=\"w-16 h-16 sm:mr-8 sm:mb-0 mb-4 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 flex-shrink-0\"><svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" class=\"w-8 h-8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"></path></svg></div><div class=\"flex-grow\"><h2 class=\"text-gray-900 text-lg title-font font-medium mb-3\">Shooting Stars</h2><p class=\"leading-relaxed text-base\">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p><a class=\"mt-3 text-indigo-500 inline-flex items-center\">Learn More\n <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" class=\"w-4 h-4 ml-2\"><path d=\"M5 12h14M12 5l7 7-7 7\"></path></svg></a></div></div></div><div class=\"p-4 lg:w-1/2 md:w-full\"><div class=\"flex border-2 rounded-lg border-gray-200 border-opacity-50 p-8 sm:flex-row flex-col\"><div class=\"w-16 h-16 sm:mr-8 sm:mb-0 mb-4 inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-500 flex-shrink-0\"><svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" class=\"w-10 h-10\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"></path><circle cx=\"12\" cy=\"7\" r=\"4\"></circle></svg></div><div class=\"flex-grow\"><h2 class=\"text-gray-900 text-lg title-font font-medium mb-3\">The Catalyzer</h2><p class=\"leading-relaxed text-base\">Blue bottle crucifix vinyl post-ironic four dollar toast vegan taxidermy. Gastropub indxgo juice poutine.</p><a class=\"mt-3 text-indigo-500 inline-flex items-center\">Learn More\n <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" class=\"w-4 h-4 ml-2\"><path d=\"M5 12h14M12 5l7 7-7 7\"></path></svg></a></div></div></div></div></div></section></body>",
"css": "* { box-sizing: border-box; } body {margin: 0;}"
}
2 changes: 1 addition & 1 deletion lib/client/grapes/editor/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ const ContentProvider: FC<ContentProviderProps> = ({ data, showEditorInProd = fa
if (showEditor) {
import('./initEditor').then((c) => c.initEditor(startServer, standaloneServer))
} else {
const templateData = data?.find(({ name }) => name === location.pathname)
const templateData = data?.find(({ name }) => name === `${location.pathname}.json`)
if (!templateData) return

const content = JSON.parse(templateData.content)
Expand Down
Loading

0 comments on commit 9954e74

Please sign in to comment.