[
{
"path": ".gitignore",
"content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# production\n/build\n\n# misc\n.DS_Store\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\nsrc/firebase-config.js"
},
{
"path": ".idea/modules.xml",
"content": "\n\n \n \n \n \n \n"
},
{
"path": ".idea/vcs.xml",
"content": "\n\n \n \n \n"
},
{
"path": ".idea/web-app.iml",
"content": "\n\n \n \n \n \n \n \n"
},
{
"path": ".idea/workspace.xml",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 1612465185830\n \n \n 1612465185830\n \n \n \n \n \n 1651066534947\n \n \n \n 1651066534947\n \n \n 1651100370283\n \n \n \n 1651100370284\n \n \n 1651102237332\n \n \n \n 1651102237333\n \n \n 1651115525251\n \n \n \n 1651115525255\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 12\n \n \n \n \n \n \n \n"
},
{
"path": "README.md",
"content": "# Blog\n\n### Getting started\n\ncreate a file in the root project directory named\n`firebase-config.js`\nusing the following template:\n\n```\nconst firebaseConfig = {\n apiKey: FIREBASE_API_KEY_HERE,\n authDomain: FIREBASE_AUTH_DOMAIN_HERE,\n projectId: FIREBASE_PROJECT_ID_HERE,\n storageBucket: FIREBASE_STORAGE_BUCKET_HERE,\n messagingSenderId: FIREBASE_SENDER_ID_HERE,\n appId: FIREBASE_APP_ID_HERE,\n measurementId: FIREBASE_MEASUREMENT_ID_HERE\n};\n\nexport default firebaseConfig;\n```\n\n### Firestore schema:\n\nThis app relies on the following Firestore schema:\n\n###### posts\n - date\n - image\n - summary\n - thumbnail\n - title\n\n###### comments\n - comment\n - date\n - displayName\n - postId\n - profilePhotorl\n - uid\n"
},
{
"path": "config/env.js",
"content": "'use strict';\n\nconst fs = require('fs');\nconst path = require('path');\nconst paths = require('./paths');\n\n// Make sure that including paths.js after env.js will read .env variables.\ndelete require.cache[require.resolve('./paths')];\n\nconst NODE_ENV = process.env.NODE_ENV;\nif (!NODE_ENV) {\n throw new Error(\n 'The NODE_ENV environment variable is required but was not specified.'\n );\n}\n\n// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use\nconst dotenvFiles = [\n `${paths.dotenv}.${NODE_ENV}.local`,\n // Don't include `.env.local` for `test` environment\n // since normally you expect tests to produce the same\n // results for everyone\n NODE_ENV !== 'test' && `${paths.dotenv}.local`,\n `${paths.dotenv}.${NODE_ENV}`,\n paths.dotenv,\n].filter(Boolean);\n\n// Load environment variables from .env* files. Suppress warnings using silent\n// if this file is missing. dotenv will never modify any environment variables\n// that have already been set. Variable expansion is supported in .env files.\n// https://github.com/motdotla/dotenv\n// https://github.com/motdotla/dotenv-expand\ndotenvFiles.forEach(dotenvFile => {\n if (fs.existsSync(dotenvFile)) {\n require('dotenv-expand')(\n require('dotenv').config({\n path: dotenvFile,\n })\n );\n }\n});\n\n// We support resolving modules according to `NODE_PATH`.\n// This lets you use absolute paths in imports inside large monorepos:\n// https://github.com/facebook/create-react-app/issues/253.\n// It works similar to `NODE_PATH` in Node itself:\n// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders\n// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.\n// Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.\n// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421\n// We also resolve them to make sure all tools using them work consistently.\nconst appDirectory = fs.realpathSync(process.cwd());\nprocess.env.NODE_PATH = (process.env.NODE_PATH || '')\n .split(path.delimiter)\n .filter(folder => folder && !path.isAbsolute(folder))\n .map(folder => path.resolve(appDirectory, folder))\n .join(path.delimiter);\n\n// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be\n// injected into the application via DefinePlugin in webpack configuration.\nconst REACT_APP = /^REACT_APP_/i;\n\nfunction getClientEnvironment(publicUrl) {\n const raw = Object.keys(process.env)\n .filter(key => REACT_APP.test(key))\n .reduce(\n (env, key) => {\n env[key] = process.env[key];\n return env;\n },\n {\n // Useful for determining whether we’re running in production mode.\n // Most importantly, it switches React into the correct mode.\n NODE_ENV: process.env.NODE_ENV || 'development',\n // Useful for resolving the correct path to static assets in `public`.\n // For example, .\n // This should only be used as an escape hatch. Normally you would put\n // images into the `src` and `import` them in code to get their paths.\n PUBLIC_URL: publicUrl,\n // We support configuring the sockjs pathname during development.\n // These settings let a developer run multiple simultaneous projects.\n // They are used as the connection `hostname`, `pathname` and `port`\n // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`\n // and `sockPort` options in webpack-dev-server.\n WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,\n WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,\n WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,\n // Whether or not react-refresh is enabled.\n // react-refresh is not 100% stable at this time,\n // which is why it's disabled by default.\n // It is defined here so it is available in the webpackHotDevClient.\n FAST_REFRESH: process.env.FAST_REFRESH !== 'false',\n }\n );\n // Stringify all values so we can feed into webpack DefinePlugin\n const stringified = {\n 'process.env': Object.keys(raw).reduce((env, key) => {\n env[key] = JSON.stringify(raw[key]);\n return env;\n }, {}),\n };\n\n return { raw, stringified };\n}\n\nmodule.exports = getClientEnvironment;\n"
},
{
"path": "config/getHttpsConfig.js",
"content": "'use strict';\n\nconst fs = require('fs');\nconst path = require('path');\nconst crypto = require('crypto');\nconst chalk = require('react-dev-utils/chalk');\nconst paths = require('./paths');\n\n// Ensure the certificate and key provided are valid and if not\n// throw an easy to debug error\nfunction validateKeyAndCerts({ cert, key, keyFile, crtFile }) {\n let encrypted;\n try {\n // publicEncrypt will throw an error with an invalid cert\n encrypted = crypto.publicEncrypt(cert, Buffer.from('test'));\n } catch (err) {\n throw new Error(\n `The certificate \"${chalk.yellow(crtFile)}\" is invalid.\\n${err.message}`\n );\n }\n\n try {\n // privateDecrypt will throw an error with an invalid key\n crypto.privateDecrypt(key, encrypted);\n } catch (err) {\n throw new Error(\n `The certificate key \"${chalk.yellow(keyFile)}\" is invalid.\\n${\n err.message\n }`\n );\n }\n}\n\n// Read file and throw an error if it doesn't exist\nfunction readEnvFile(file, type) {\n if (!fs.existsSync(file)) {\n throw new Error(\n `You specified ${chalk.cyan(\n type\n )} in your env, but the file \"${chalk.yellow(file)}\" can't be found.`\n );\n }\n return fs.readFileSync(file);\n}\n\n// Get the https config\n// Return cert files if provided in env, otherwise just true or false\nfunction getHttpsConfig() {\n const { SSL_CRT_FILE, SSL_KEY_FILE, HTTPS } = process.env;\n const isHttps = HTTPS === 'true';\n\n if (isHttps && SSL_CRT_FILE && SSL_KEY_FILE) {\n const crtFile = path.resolve(paths.appPath, SSL_CRT_FILE);\n const keyFile = path.resolve(paths.appPath, SSL_KEY_FILE);\n const config = {\n cert: readEnvFile(crtFile, 'SSL_CRT_FILE'),\n key: readEnvFile(keyFile, 'SSL_KEY_FILE'),\n };\n\n validateKeyAndCerts({ ...config, keyFile, crtFile });\n return config;\n }\n return isHttps;\n}\n\nmodule.exports = getHttpsConfig;\n"
},
{
"path": "config/jest/babelTransform.js",
"content": "'use strict';\n\nconst babelJest = require('babel-jest');\n\nconst hasJsxRuntime = (() => {\n if (process.env.DISABLE_NEW_JSX_TRANSFORM === 'true') {\n return false;\n }\n\n try {\n require.resolve('react/jsx-runtime');\n return true;\n } catch (e) {\n return false;\n }\n})();\n\nmodule.exports = babelJest.createTransformer({\n presets: [\n [\n require.resolve('babel-preset-react-app'),\n {\n runtime: hasJsxRuntime ? 'automatic' : 'classic',\n },\n ],\n ],\n babelrc: false,\n configFile: false,\n});\n"
},
{
"path": "config/jest/cssTransform.js",
"content": "'use strict';\n\n// This is a custom Jest transformer turning style imports into empty objects.\n// http://facebook.github.io/jest/docs/en/webpack.html\n\nmodule.exports = {\n process() {\n return 'module.exports = {};';\n },\n getCacheKey() {\n // The output is always the same.\n return 'cssTransform';\n },\n};\n"
},
{
"path": "config/jest/fileTransform.js",
"content": "'use strict';\n\nconst path = require('path');\nconst camelcase = require('camelcase');\n\n// This is a custom Jest transformer turning file imports into filenames.\n// http://facebook.github.io/jest/docs/en/webpack.html\n\nmodule.exports = {\n process(src, filename) {\n const assetFilename = JSON.stringify(path.basename(filename));\n\n if (filename.match(/\\.svg$/)) {\n // Based on how SVGR generates a component name:\n // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6\n const pascalCaseFilename = camelcase(path.parse(filename).name, {\n pascalCase: true,\n });\n const componentName = `Svg${pascalCaseFilename}`;\n return `const React = require('react');\n module.exports = {\n __esModule: true,\n default: ${assetFilename},\n ReactComponent: React.forwardRef(function ${componentName}(props, ref) {\n return {\n $$typeof: Symbol.for('react.element'),\n type: 'svg',\n ref: ref,\n key: null,\n props: Object.assign({}, props, {\n children: ${assetFilename}\n })\n };\n }),\n };`;\n }\n\n return `module.exports = ${assetFilename};`;\n },\n};\n"
},
{
"path": "config/modules.js",
"content": "'use strict';\n\nconst fs = require('fs');\nconst path = require('path');\nconst paths = require('./paths');\nconst chalk = require('react-dev-utils/chalk');\nconst resolve = require('resolve');\n\n/**\n * Get additional module paths based on the baseUrl of a compilerOptions object.\n *\n * @param {Object} options\n */\nfunction getAdditionalModulePaths(options = {}) {\n const baseUrl = options.baseUrl;\n\n if (!baseUrl) {\n return '';\n }\n\n const baseUrlResolved = path.resolve(paths.appPath, baseUrl);\n\n // We don't need to do anything if `baseUrl` is set to `node_modules`. This is\n // the default behavior.\n if (path.relative(paths.appNodeModules, baseUrlResolved) === '') {\n return null;\n }\n\n // Allow the user set the `baseUrl` to `appSrc`.\n if (path.relative(paths.appSrc, baseUrlResolved) === '') {\n return [paths.appSrc];\n }\n\n // If the path is equal to the root directory we ignore it here.\n // We don't want to allow importing from the root directly as source files are\n // not transpiled outside of `src`. We do allow importing them with the\n // absolute path (e.g. `src/Components/Button.js`) but we set that up with\n // an alias.\n if (path.relative(paths.appPath, baseUrlResolved) === '') {\n return null;\n }\n\n // Otherwise, throw an error.\n throw new Error(\n chalk.red.bold(\n \"Your project's `baseUrl` can only be set to `src` or `node_modules`.\" +\n ' Create React App does not support other values at this time.'\n )\n );\n}\n\n/**\n * Get webpack aliases based on the baseUrl of a compilerOptions object.\n *\n * @param {*} options\n */\nfunction getWebpackAliases(options = {}) {\n const baseUrl = options.baseUrl;\n\n if (!baseUrl) {\n return {};\n }\n\n const baseUrlResolved = path.resolve(paths.appPath, baseUrl);\n\n if (path.relative(paths.appPath, baseUrlResolved) === '') {\n return {\n src: paths.appSrc,\n };\n }\n}\n\n/**\n * Get jest aliases based on the baseUrl of a compilerOptions object.\n *\n * @param {*} options\n */\nfunction getJestAliases(options = {}) {\n const baseUrl = options.baseUrl;\n\n if (!baseUrl) {\n return {};\n }\n\n const baseUrlResolved = path.resolve(paths.appPath, baseUrl);\n\n if (path.relative(paths.appPath, baseUrlResolved) === '') {\n return {\n '^src/(.*)$': '/src/$1',\n };\n }\n}\n\nfunction getModules() {\n // Check if TypeScript is setup\n const hasTsConfig = fs.existsSync(paths.appTsConfig);\n const hasJsConfig = fs.existsSync(paths.appJsConfig);\n\n if (hasTsConfig && hasJsConfig) {\n throw new Error(\n 'You have both a tsconfig.json and a jsconfig.json. If you are using TypeScript please remove your jsconfig.json file.'\n );\n }\n\n let config;\n\n // If there's a tsconfig.json we assume it's a\n // TypeScript project and set up the config\n // based on tsconfig.json\n if (hasTsConfig) {\n const ts = require(resolve.sync('typescript', {\n basedir: paths.appNodeModules,\n }));\n config = ts.readConfigFile(paths.appTsConfig, ts.sys.readFile).config;\n // Otherwise we'll check if there is jsconfig.json\n // for non TS projects.\n } else if (hasJsConfig) {\n config = require(paths.appJsConfig);\n }\n\n config = config || {};\n const options = config.compilerOptions || {};\n\n const additionalModulePaths = getAdditionalModulePaths(options);\n\n return {\n additionalModulePaths: additionalModulePaths,\n webpackAliases: getWebpackAliases(options),\n jestAliases: getJestAliases(options),\n hasTsConfig,\n };\n}\n\nmodule.exports = getModules();\n"
},
{
"path": "config/paths.js",
"content": "'use strict';\n\nconst path = require('path');\nconst fs = require('fs');\nconst getPublicUrlOrPath = require('react-dev-utils/getPublicUrlOrPath');\n\n// Make sure any symlinks in the project folder are resolved:\n// https://github.com/facebook/create-react-app/issues/637\nconst appDirectory = fs.realpathSync(process.cwd());\nconst resolveApp = relativePath => path.resolve(appDirectory, relativePath);\n\n// We use `PUBLIC_URL` environment variable or \"homepage\" field to infer\n// \"public path\" at which the app is served.\n// webpack needs to know it to put the right