✌️😄 Checkpoint

./vite-plugin-glitch-handlebars/context.ts:31317407/742
./vite-plugin-glitch-handlebars/index.ts:31317407/2937
./vite-plugin-glitch-handlebars/partials.ts:31317407/1756
./package.json:31317407/1085
./vite.config.js:31317407/1580
./watch.json:31317407/513
./README.md:31317407/503

Author: Glitch (glitch-in-bio)

README.md

@@ -12,6 +12,7 @@ To get started, open `settings.json` and add your name, avatar, social accounts,
 To help you make the site your own we've included some themes. In `settings.json` you can enter `glitch`, `gallery`, or `menu` as the value for `theme`. Use any theme you want, add a new one, or start with one and edit it to make it your own. _If you don't have a valid theme entered, the site will default to the styles outlined in `style.css`._
 
 * The images you add in `settings.json` as the `img` property for each link will display if you use the `gallery` or `menu` themes. Upload yours in `assets` and copy the link from there if they aren't already online.
+* If you notice your preview is a little out of sync with your `settings.json`, hit the reload button in the preview window and it should update!
 
 __To get started changing the appearance of your site, or adding your own theme, use `custom-theme.css` to set global variables like colors and fonts, and add any rules you like. Make sure you enter your theme by name in `settings.json` as the `theme` property (you can also change the filename if you like, just remember to update it in your settings JSON.__
 
@@ -36,6 +37,8 @@ ___The images in the default settings.json file are from a remix of [Generative
 
 ← `assets`: Add images here and copy the links into `settings.json` to show them in your site.
 
+← `vite-plugin-glitch-handlebars/`: This folder contains a modified version of [vite-plugin-handlebars](https://github.com/alexlafroscia/vite-plugin-handlebars) we use to improve the preview experience while you work on your app–you shouldn't need to change anything in here!
+
 ![Glitch](https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg?v=1602781328576)
 
 ## You built this with Glitch!

package-lock.json

@@ -2,14 +2,14 @@
   "name": "glitch-in-bio",
   "version": "0.0.1",
   "description": "Your very own link-in-bio app.",
-  "main": "server.js",
+  "main": "index.html",
   "scripts": {
     "start": "vite",
     "build": "vite build",
     "serve": "vite preview"
   },
   "devDependencies": {
-    "vite-plugin-handlebars": "^1.6.0",
+    "handlebars": "^4.7.6",
     "vite": "^2.5.0"
   },
   "browserslist": [
@@ -24,5 +24,6 @@
   },
   "glitch": {
     "projectType": "generated_static"
-  }
+  },
+  "dependencies": {}
 }

package.json

@@ -0,0 +1,31 @@
+export type Context =
+  | Record<string, unknown>
+  | ((path: string) => Record<string, unknown>)
+  | ((path: string) => Promise<Record<string, unknown>>);
+
+export async function resolveContext(
+  context: Context | undefined,
+  pagePath: string
+): Promise<Record<string, unknown> | undefined> {
+  if (typeof context === 'undefined') {
+    return context;
+  }
+
+  if (typeof context === 'function') {
+    return resolveContext(await context(pagePath), pagePath);
+  }
+
+  const output: Record<string, unknown> = {};
+
+  for (const key of Object.keys(context)) {
+    const value = context[key];
+
+    if (typeof value === 'function') {
+      output[key] = await value(pagePath);
+    } else {
+      output[key] = value;
+    }
+  }
+
+  return output;
+}