From 38b1aff16217b0bae47b7a18e18003f3fd059f97 Mon Sep 17 00:00:00 2001 From: Badri Sunderarajan Date: Fri, 5 Aug 2022 10:56:03 +0530 Subject: [PATCH] Update all indentation from tabs to spaces It seems there were a few stray tabs that used to be there earlier but since we're now using spaces, we've got rid of all the tabs permanently. --- public/global.css | 56 +++++++++++----------- public/index.html | 14 +++--- rollup.config.js | 120 +++++++++++++++++++++++----------------------- src/App.svelte | 28 +++++------ src/main.ts | 14 +++--- 5 files changed, 116 insertions(+), 116 deletions(-) diff --git a/public/global.css b/public/global.css index bb28a94..0600f68 100644 --- a/public/global.css +++ b/public/global.css @@ -1,63 +1,63 @@ html, body { - position: relative; - width: 100%; - height: 100%; + position: relative; + width: 100%; + height: 100%; } body { - color: #333; - margin: 0; - padding: 8px; - box-sizing: border-box; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: #333; + margin: 0; + padding: 8px; + box-sizing: border-box; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } a { - color: rgb(0,100,200); - text-decoration: none; + color: rgb(0,100,200); + text-decoration: none; } a:hover { - text-decoration: underline; + text-decoration: underline; } a:visited { - color: rgb(0,80,160); + color: rgb(0,80,160); } label { - display: block; + display: block; } input, button, select, textarea { - font-family: inherit; - font-size: inherit; - -webkit-padding: 0.4em 0; - padding: 0.4em; - margin: 0 0 0.5em 0; - box-sizing: border-box; - border: 1px solid #ccc; - border-radius: 2px; + font-family: inherit; + font-size: inherit; + -webkit-padding: 0.4em 0; + padding: 0.4em; + margin: 0 0 0.5em 0; + box-sizing: border-box; + border: 1px solid #ccc; + border-radius: 2px; } input:disabled { - color: #ccc; + color: #ccc; } button { - color: #333; - background-color: #f4f4f4; - outline: none; + color: #333; + background-color: #f4f4f4; + outline: none; } button:disabled { - color: #999; + color: #999; } button:not(:disabled):active { - background-color: #ddd; + background-color: #ddd; } button:focus { - border-color: #666; + border-color: #666; } diff --git a/public/index.html b/public/index.html index 5da7ed3..471deba 100644 --- a/public/index.html +++ b/public/index.html @@ -1,16 +1,16 @@ - - + + - Svelte app + Svelte app - - - + + + - + diff --git a/rollup.config.js b/rollup.config.js index 1cf4881..9771f13 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -10,74 +10,74 @@ import css from 'rollup-plugin-css-only'; const production = !process.env.ROLLUP_WATCH; function serve() { - let server; + let server; - function toExit() { - if (server) server.kill(0); - } + function toExit() { + if (server) server.kill(0); + } - return { - writeBundle() { - if (server) return; - server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], { - stdio: ['ignore', 'inherit', 'inherit'], - shell: true - }); + return { + writeBundle() { + if (server) return; + server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], { + stdio: ['ignore', 'inherit', 'inherit'], + shell: true + }); - process.on('SIGTERM', toExit); - process.on('exit', toExit); - } - }; + process.on('SIGTERM', toExit); + process.on('exit', toExit); + } + }; } export default { - input: 'src/main.ts', - output: { - sourcemap: true, - format: 'iife', - name: 'app', - file: 'public/build/bundle.js' - }, - plugins: [ - svelte({ - preprocess: sveltePreprocess({ sourceMap: !production }), - compilerOptions: { - // enable run-time checks when not in production - dev: !production - } - }), - // we'll extract any component CSS out into - // a separate file - better for performance - css({ output: 'bundle.css' }), + input: 'src/main.ts', + output: { + sourcemap: true, + format: 'iife', + name: 'app', + file: 'public/build/bundle.js' + }, + plugins: [ + svelte({ + preprocess: sveltePreprocess({ sourceMap: !production }), + compilerOptions: { + // enable run-time checks when not in production + dev: !production + } + }), + // we'll extract any component CSS out into + // a separate file - better for performance + css({ output: 'bundle.css' }), - // If you have external dependencies installed from - // npm, you'll most likely need these plugins. In - // some cases you'll need additional configuration - - // consult the documentation for details: - // https://github.com/rollup/plugins/tree/master/packages/commonjs - resolve({ - browser: true, - dedupe: ['svelte'] - }), - commonjs(), - typescript({ - sourceMap: !production, - inlineSources: !production - }), + // If you have external dependencies installed from + // npm, you'll most likely need these plugins. In + // some cases you'll need additional configuration - + // consult the documentation for details: + // https://github.com/rollup/plugins/tree/master/packages/commonjs + resolve({ + browser: true, + dedupe: ['svelte'] + }), + commonjs(), + typescript({ + sourceMap: !production, + inlineSources: !production + }), - // In dev mode, call `npm run start` once - // the bundle has been generated - !production && serve(), + // In dev mode, call `npm run start` once + // the bundle has been generated + !production && serve(), - // Watch the `public` directory and refresh the - // browser on changes when not in production - !production && livereload('public'), + // Watch the `public` directory and refresh the + // browser on changes when not in production + !production && livereload('public'), - // If we're building for production (npm run build - // instead of npm run dev), minify - production && terser() - ], - watch: { - clearScreen: false - } + // If we're building for production (npm run build + // instead of npm run dev), minify + production && terser() + ], + watch: { + clearScreen: false + } }; diff --git a/src/App.svelte b/src/App.svelte index 1904312..66a62ab 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -2,7 +2,7 @@ import * as EmailValidator from 'email-validator' import Slug from 'slug' - export let name: string; + export let name: string; export let email: string; export let slug: string; export let bio: string; @@ -29,7 +29,7 @@ } // Validate email formatting - if (!EmailValidator.validate(email)) { + if (email && !EmailValidator.validate(email)) { errors.push(`"${email}" is not a valid email address`) } @@ -82,8 +82,8 @@
-

Ghost User Maker

-

Enter your new author details below. Once done, click on the "Generate" button to receive a special file that you can import to Ghost to add the author details to the "staff". This will let you select them as the author when publishing a post.

+

Ghost User Maker

+

Enter your new author details below. Once done, click on the "Generate" button to receive a special file that you can import to Ghost to add the author details to the "staff". This will let you select them as the author when publishing a post.

{#if errors.length} @@ -128,12 +128,12 @@
diff --git a/src/main.ts b/src/main.ts index 21b2f0e..647f133 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,13 +1,13 @@ import App from './App.svelte'; const app = new App({ - target: document.body, - props: { - name: '', - email: '', - slug: '', - bio: '', - } + target: document.body, + props: { + name: '', + email: '', + slug: '', + bio: '', + } }); export default app; \ No newline at end of file