The one with the Templates (#715)

* Scaffolding screenshotting script * Working template screenshot generation * Remove background color * Add thumbnails and replace images with generated ones * Remove previous template images * Remove legacy /api/prompt/text endpoint * Add new templates * Remove new/ai e2e test
tone-row · Aug 16, 2024 · 8f95b8a · 8f95b8a
1 parent 73cd3cc
commit 8f95b8a
Show file tree

Hide file tree

Showing 55 changed files with 1,143 additions and 596 deletions.
diff --git a/.node-version b/.node-version
@@ -1 +1 @@
-v18.12.1
+v18.17.1
diff --git a/api/prompt/text.ts b/api/prompt/text.ts
diff --git a/app/e2e/pro.spec.ts b/app/e2e/pro.spec.ts
@@ -115,20 +115,6 @@ test("Go to Sandbox. Save Sandbox Chart", async () => {
  await expect(page).toHaveURL(new RegExp(`${BASE_URL}/u/\\d+`));
 });
 
-test("Create chart from AI", async () => {
- await page.getByTestId("new-chart-link").click();
- await page.getByTestId("Use AI").click();
- await page.locator('textarea[name="subject"]').click();
- await page
- .locator('textarea[name="subject"]')
- .fill("the stages of the water cycle");
- await page.getByTestId("Create Chart").click();
- // expect url to be regex BASE_URL + /u/\d+
- await expect(page).toHaveURL(new RegExp(`${BASE_URL}/u/\\d+`), {
- timeout: 1000 * 60 * 4,
- });
-});
-
 test("Create chart from imported data", async () => {
  try {
  await page.getByTestId("new-chart-link").click();

diff --git a/app/package.json b/app/package.json
@@ -25,7 +25,8 @@
  "generate:types": "export $(cat .env.local | xargs) && supabase gen types typescript --project-id \"${PROJECT_ID}\" > src/types/database.types.ts",
  "analyze": "source-map-explorer 'build/static/js/*.js'",
  "autotranslations": "node scripts/autotranslations.mjs",
- "theme:schema:generate": "pnpx ts-json-schema-generator --path 'src/lib/FFTheme.ts' --type 'FFTheme' -f tsconfig.json --strict-tuples -o src/lib/FFTheme.schema.json --minify --no-top-ref"
+ "theme:schema:generate": "pnpx ts-json-schema-generator --path 'src/lib/FFTheme.ts' --type 'FFTheme' -f tsconfig.json --strict-tuples -o src/lib/FFTheme.schema.json --minify --no-top-ref",
+ "screenshot-templates": "node scripts/screenshot-templates.mjs"
  },
  "dependencies": {
  "@ai-sdk/openai": "^0.0.37",
@@ -201,7 +202,8 @@
  "ts-node": "^10.9.1",
  "ts-unused-exports": "^7.0.3",
  "typescript": "^5.5.3",
- "web-worker": "^1.2.0"
+ "web-worker": "^1.2.0",
+ "playwright": "1.45.2"
  },
  "jest": {
  "testMatch": [

diff --git a/app/public/template-screenshots/code-flow.png b/app/public/template-screenshots/code-flow.png
diff --git a/app/public/template-screenshots/decision-flow.png b/app/public/template-screenshots/decision-flow.png
diff --git a/app/public/template-screenshots/default.png b/app/public/template-screenshots/default.png
diff --git a/app/public/template-screenshots/flowchart.png b/app/public/template-screenshots/flowchart.png
diff --git a/app/public/template-screenshots/knowledge-graph.png b/app/public/template-screenshots/knowledge-graph.png
diff --git a/app/public/template-screenshots/mindmap-dark.png b/app/public/template-screenshots/mindmap-dark.png
diff --git a/app/public/template-screenshots/mindmap.png b/app/public/template-screenshots/mindmap.png
diff --git a/app/public/template-screenshots/network-diagram-dark.png b/app/public/template-screenshots/network-diagram-dark.png
diff --git a/app/public/template-screenshots/network-diagram-dark.ts.png b/app/public/template-screenshots/network-diagram-dark.ts.png
diff --git a/app/public/template-screenshots/network-diagram-icons.png b/app/public/template-screenshots/network-diagram-icons.png
diff --git a/app/public/template-screenshots/org-chart.png b/app/public/template-screenshots/org-chart.png
diff --git a/app/public/template-screenshots/pert-light.png b/app/public/template-screenshots/pert-light.png
diff --git a/app/public/template-screenshots/playful-mindmap.png b/app/public/template-screenshots/playful-mindmap.png
diff --git a/app/public/template-screenshots/thumb_code-flow.png b/app/public/template-screenshots/thumb_code-flow.png
diff --git a/app/public/template-screenshots/thumb_decision-flow.png b/app/public/template-screenshots/thumb_decision-flow.png
diff --git a/app/public/template-screenshots/thumb_default.png b/app/public/template-screenshots/thumb_default.png
diff --git a/app/public/template-screenshots/thumb_flowchart.png b/app/public/template-screenshots/thumb_flowchart.png
diff --git a/app/public/template-screenshots/thumb_knowledge-graph.png b/app/public/template-screenshots/thumb_knowledge-graph.png
diff --git a/app/public/template-screenshots/thumb_mindmap-dark.png b/app/public/template-screenshots/thumb_mindmap-dark.png
diff --git a/app/public/template-screenshots/thumb_mindmap.png b/app/public/template-screenshots/thumb_mindmap.png
diff --git a/app/public/template-screenshots/thumb_network-diagram-dark.png b/app/public/template-screenshots/thumb_network-diagram-dark.png
diff --git a/app/public/template-screenshots/thumb_network-diagram-dark.ts.png b/app/public/template-screenshots/thumb_network-diagram-dark.ts.png
diff --git a/app/public/template-screenshots/thumb_network-diagram-icons.png b/app/public/template-screenshots/thumb_network-diagram-icons.png
diff --git a/app/public/template-screenshots/thumb_org-chart.png b/app/public/template-screenshots/thumb_org-chart.png
diff --git a/app/public/template-screenshots/thumb_pert-light.png b/app/public/template-screenshots/thumb_pert-light.png
diff --git a/app/public/template-screenshots/thumb_playful-mindmap.png b/app/public/template-screenshots/thumb_playful-mindmap.png
diff --git a/app/public/templates/template11.png b/app/public/templates/template11.png
diff --git a/app/public/templates/template17.png b/app/public/templates/template17.png
diff --git a/app/public/templates/template18.png b/app/public/templates/template18.png
diff --git a/app/public/templates/template19.png b/app/public/templates/template19.png
diff --git a/app/public/templates/template20.png b/app/public/templates/template20.png
diff --git a/app/public/templates/template21.png b/app/public/templates/template21.png
diff --git a/app/public/templates/template9.png b/app/public/templates/template9.png