✨ add sapper home page

Author: littlemooon

.gitignore

@@ -1,11 +1,17 @@
-# Build output
-public/bundle.*
+# Build
+/src/node_modules/@sapper/
+/cypress/screenshots/
+/__sapper__/
+global.css
 
 # Environment variables
 .env
 .env.build
 .env.prod
 
+# OSX
+.DS_Store
+
 # Logs
 logs
 *.log

.vscode/settings.json

@@ -8,6 +8,10 @@
   },
   "eslint.autoFixOnSave": true,
   "eslint.validate": [
+    {
+      "language": "svelte",
+      "autoFix": true
+    },
     {
       "language": "javascript",
       "autoFix": true
@@ -16,5 +20,23 @@
       "language": "typescript",
       "autoFix": true
     }
-  ]
+  ],
+  "workbench.colorCustomizations": {
+    "activityBarBadge.foreground": "#d69e2e",
+    "titleBar.activeBackground": "#d69e2e",
+    "titleBar.inactiveBackground": "#d69e2e99",
+    "statusBar.background": "#d69e2e",
+    "sideBar.border": "#d69e2e",
+    "statusBar.border": "#d69e2e",
+    "panel.border": "#d69e2e",
+    "panelTitle.activeBorder": "#d69e2e",
+    "activityBar.background": "#ecc94b",
+    "statusBarItem.hoverBackground": "#ecc94b",
+    "activityBar.foreground": "#2d3748",
+    "activityBar.inactiveForeground": "#4a5568",
+    "activityBarBadge.background": "#e7e7e7",
+    "titleBar.activeForeground": "#e7e7e7",
+    "statusBar.foreground": "#e7e7e7",
+    "titleBar.inactiveForeground": "#e7e7e799"
+  }
 }

README.md

@@ -1,17 +1,34 @@
-# frapier
+# littlebox
 
-Serverless functions that are useful to me
+Reusable functions and littlemooon site
+
+Built with:
+[typescript](http://www.typescriptlang.org/)
+[zeit now](https://zeit.co)
+[svelte](https://svelte.dev/)
+[sapper](https://sapper.svelte.dev/)
+[tailwindcss](https://tailwindcss.com/)
+[eslint](https://eslint.org/)
+[prettier](https://prettier.io/)
+[rollup](https://rollupjs.org/)
 
 ## Development
 
 ```bash
 npm i
+# api and frontend
 now dev
+# frontend only
+npm run dev
+
+npm run test
+npm run lint
+npm run check
 ```
 
 ## Deployment
 
-Deployed to [now](https://zeit.co/foundationtraining/transform)
+Deployed to [now](https://zeit.co/littlemooon/littlebox)
 
 ```bash
 npm run deploy

api/monitor.ts

@@ -42,15 +42,15 @@ export default handler(async (req, res) => {
         const response = await fetch(url)
         const time = diffTime(fetchStart)
         if (isValidResponse(validStatuses, response)) {
-          log.info('Success: %s %d  %s', time, response.status, url)
+          log.info('Pass: %d %s %s', response.status, url, time)
           return {
             url,
             time,
             success: true,
             status: response.status,
           }
         } else {
-          log.warn('Failure: %s %d  %s', time, response.status, url)
+          log.warn('Fail: %d %s %s', response.status, url, time)
           return {
             url,
             time,
@@ -66,7 +66,7 @@ export default handler(async (req, res) => {
         log.error(error, 'Failed to fetch %s', url)
         return { url, time, success: false, error }
       }
-    })
+    }),
   )
 
   res.status(200).json({

client/App.svelte

@@ -1,6 +1,8 @@
 import { splitArray } from './lib/utils'
 
 export default {
+  dev: process.env.NODE_ENV === 'development',
+  host: process.env.NOW_URL || `http://localhost:3000`,
   token: process.env.API_TOKEN,
   monitor: {
     urls: splitArray(process.env.MONITOR_URLS),

client/Footer.svelte

@@ -0,0 +1,4 @@
+{
+  "baseUrl": "http://localhost:3000",
+  "video": false
+}