brianlovin / brios

My personal website.

briOS

Welcome to my website.

brios's Issues

Disable horizontal textarea resizing

https://github.com/brianlovin/brian-lovin-next/blob/88049b86bf98b85c8081aafdd17a7cc367e88e25/src/components/Overthought/Feedback/style.tsx#L42

Noticed that you're able to resize the textarea horizontally which can be a bit funky. Might be nicer to just have vertical resizing.

.env file sample

There are no .env-sample for newbies (or in general)

@zeit/next-source-maps is unused

Maybe from a past Sentry setup?

How to replace books and music

I wonder how to replace the contents. Should I do this line by line, or is there a convenient workflow?

Really like the elegant design, appreciate it!

Failure to read any of the writings articles with Qt5 WebView (i.e. WebKit)

Accessing the following URL with a Qt5 WebView based browser (that uses behind the scenes WebKit) fails. First it seems to show the contents, then it just errors out with Application error: a client-side exception has occurred (see the browser console for more information).

=> https://brianlovin.com/writing/the-shape-of-software

Since there isn't a developer console I can't say why it fails.

---

P.S.: Nice article, at least the philosophical part about software written to one own's particular needs. Too bad the article requires JavaScript to read... :)

Avoid flash when use the default darkmode

I use your darkmode example to your brian-lovin-next repo to avoid flash, but it cannot work. So i switch to the https://raw.githubusercontent.com/donavon/use-dark-mode/develop/noflash.js.txt, and change the storagekey to not be default value avoding conflict with other website's keyname, also cannot avoid the flash. Dont know why.

Your site also flash when load the homepage.

Add OG tags for overthought posts.

Hey 👋

I noticed when trying to share your latest blog post that it didn't have OG tags set up (example).

You should be able to use something like next-seo on your [slug].tsx page. I'm not sure the recommended way to do OG tags with Ghost, but I'm guessing it's something like this.

<NextSeo
  openGraph={{
    type: 'article',
    title: post.metaTitle,
    description: post.metaDescription,
    images: [
      {
        url: post.metaImage,
        width: 850,
        height: 650,
        alt: post.metaTitle,
      },
    ],
  }}
  title={post.metaTitle}
  description={post.metaDescription}
/>

Btw, nice use of TS 😍

New Site

Depfu Error: No dependency files found

Hello,

We've tried to activate or update your repository on Depfu and couldn't find any supported dependency files. If we were to guess, we would say that this is not actually a project Depfu supports and has probably been activated by error.

Monorepos

Please note that Depfu currently only searches for your dependency files in the root folder. We do support monorepos and non-root files, but don't auto-detect them. If that's the case with this repo, please send us a quick email with the folder you want Depfu to work on and we'll set it up right away!

How to deactivate the project

• Go to the Settings page of either your own account or the organization you've used
• Go to "Installed Integrations"
• Click the "Configure" button on the Depfu integration
• Remove this repo (brianlovin/brian-lovin-next) from the list of accessible repos.

Please note that using the "All Repositories" setting doesn't make a lot of sense with Depfu.

If you think that this is a mistake

Please let us know by sending an email to [email protected].

---

This is an automated issue by Depfu. You're getting it because someone configured Depfu to automatically update dependencies on this project.

error - TypeError: Cannot read property 'trim' of undefined

TypeError: Cannot read property 'trim' of undefined
at ServerClient.BaseClient (I:\react\briOS\node_modules\postmark\dist\client\BaseClient.js:22:28)
at new ServerClient (I:\react\briOS\node_modules\postmark\dist\client\ServerClient.js:28:23)
at eval (webpack-internal:///./src/lib/postmark/index.ts:13:16)
at Object../src/lib/postmark/index.ts (I:\react\briOS.next\server\pages\404.js:770:1)
at webpack_require (I:\react\briOS.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///./src/graphql/resolvers/mutations/comment/index.tsx:11:71)
at Object../src/graphql/resolvers/mutations/comment/index.tsx (I:\react\briOS.next\server\pages\404.js:473:1)
at webpack_require (I:\react\briOS.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///./src/graphql/resolvers/mutations/index.ts:8:94)
at Object../src/graphql/resolvers/mutations/index.ts (I:\react\briOS.next\server\pages\404.js:495:1)

App Icons on the App Dissection page are throwing 404

Description
All images on the App Dissection page aren't being correctly loaded and the web app is throwing a 404 error when opened on the /app-dissection path.

Sample Error Generated in Console
Failed to load resource: the server responded with a status of 404 ()
GET https://brianlovin.com/_next/image?url=%2Fstatic%2Fimg%2Fapp-dissection%2Fpinterest-ios.jpeg&w=128&q=75 404

See screencast below:

What workflow do you use with form and formspree.io?

Since this is not a comment system.
Can you explain your use scene?

TypeError: Cannot read property 'replace' of undefined

I'm sorry to interrupt! But I've tried many times

Build error

There are no deployment guidelines. It's a beautiful site. And I think It should have a deployment guide. Or just include which environment variables are mandatory. Just like me, Getting confused about it. 😁.

Navigation overlay stays after changing viewport

"Speaking" section content overflow

Hey Brian,

I just saw your website, and I was impressed by your extensive experience in software engineering.

On mobile, I noticed that the home screen's width is not fixed. This allows the user to scroll left and right, and, as result, it makes vertical navigation on mobile difficult.

I just wanted to mention this in case you missed it. I think you can just fix that by making the text wrap to the next line.

Remove `now.json` in favor of built-in env vars support

Hey 😄 You might already know this, but I figured I'd mention it. You can remove now.json entirely with environment variables support first-class through dotenv in Next.js. You can also remove env from next.config.js!

Also - Inside Vercel, you can now more easily choose if your env var is a secret or plaintext.

Bug in AMA

https://brianlovin.com/ama

Anyone could just spam likes using an auto clicker on any question and it doesn't stop that. Maybe it should have an code to limit one Ip address or 1 visitor can like only once.

How is the firebase store data structure?

Just add bookmarks collection,and a doc with one url: https://xx. But give json error when access the /bookmarks

Refresh error when going to a different tab and then back to your site

Background color is being applied to <code> tag

I belive it is bg-gray-100

.prose code {
  @apply rounded-md border-gray-100 bg-gray-100 px-1 py-0.5 text-gray-800 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-200;
}

Error: Expected undefined to be a GraphQL schema.

error - Error: Expected undefined to be a GraphQL schema.
{
  err: Error: Expected undefined to be a GraphQL schema.
      at assertSchema (/briOS/node_modules/graphql/type/schema.js:47:11)
      at validateSchema (briOS/node_modules/graphql/type/validate.js:42:28)
      at assertValidSchema (briOS/node_modules/graphql/type/validate.js:66:16)
      at assertValidExecutionArguments (briOS/node_modules/graphql/execution/execute.js:150:35)
      at executeImpl (briOS/node_modules/graphql/execution/execute.js:98:3)
      at Object.execute (briOS/node_modules/graphql/execution/execute.js:60:63)
      at /node_modules/@apollo/link-schema/lib/index.js:19:39
      at new Subscription (briOS/node_modules/zen-observable/lib/Observable.js:197:34)
      at Observable.subscribe (node_modules/zen-observable/lib/Observable.js:279:14)
      at briOS/node_modules/@apollo/client/link/error/error.cjs.js:16:42
}

PS: Please provide README.md and .env.local.template

Sign in with Twitter needs a new API key

Loving the site!

When trying to sign in I get this error response:

{
  "resource": "error",
  "type": "configuration_error",
  "code": "external_unauthorized",
  "message": "The external identity provider ('twitter') reported that your API keys were unauthorized. Please verify that you provided the correct API keys in the Authik dashboard.",
  "param": null
}

from https://api.authik.com/logins

Sign in link cut off on mobile

Tested in safari and chrome on iOS.

Looks like something is causing the signin link at the bottom of the mobile navigation to get cut off.

Second link when pulling beyond the bottom:

RSS link returns HTML instead of RSS

Could be my mistake, but...

The link appears to return HTML instead of RSS:

<link rel="alternate" type="application/rss+xml" title="RSS feed" href="https://brianlovin.com/writing/rss"/>

Link: https://brianlovin.com/writing/rss

Textarea on AMA page is resizeable beyond container

I just noticed this on the AMA page and figured I should point it out. Also, proposed a possible fix for this in a PR, I hope that's ok: #717

Screenshot

Possible to subscribe to writing?

Seems like the RSS link https://brianlovin.com/writing/rss is not returning XML and Revue has been shut down for a while. Is there an alternative?

Banner on blog posts has unreadable text in dark mode (Safari Mobile)

Scrolled down this blog post to find the header turned light whilst the heading was also white making it illegible 🌚

Not able to sign in on iPhone with Safari

Hey Brian, I was trying to sign in to post something on AMA, but for some reason the button wasn't showing in Safari.

I'm using an iPhone 12 Pro, if that provides any helpful info.

Thanks!

RPReplay_Final1636892138.mp4

Users avatar not updating in AMA

hey Brian!
first of all, I know you get this a lot, but your website is really cool!

I noticed a small bug while navigating through the AMA section though: the avatar at the top of the question doesn't update when you navigate to another question by another user.

avatar.mov

I tried having a look at the code, but wasn't able to identify what would fix it. curious to know if this is related to Next's Image component.

Please provide instructions on how to run/deploy an instance of your briOS

Hello Brian! Your briOS is a wonderful tool that I want to use.

I really want to launch my version of briOS (with full credits of course!).
Would be great if you provide us with the README and .env file examples to ease up the deployment of briOS.

I have encountered an old "ENV stub" here - https://github.com/brianlovin/briOS/blob/e664155ff97e4abb55efcbb7a3b7151e35c53639/now.json

Can you please help with the instructions?
Anton

a newbie TypeScript issue ? Just want to comment the cache.

In src/components/Overthought/Post/index.tsx

export default function Post({ post }) {

  // 1 const { data: posts } = useSWR('/api/getPosts', getPosts)

 // 2  const  posts  = await getPosts();

  3 const filtered = posts ? posts.filter(p => p.slug !== post.slug) : []   
......
}

When use 1, run ok, when use 2, error say that Unexpected token, expected ";" about the 2 sentence.
Even i remove the ;, also same error.

Can't subscribe to newsletter

I tried to subscribe to Overthought both from your unbelievably good new site (using the Subscribe button at the top of the articles list) and directly from your Twitter profile and I get this error message preventing me from confirming my subscription when I click the link sent in Revues confirmation email (in both cases):

Dark mode flickers due to useEffect not running in MagicScriptTag component

Hey love the website!

I believe the dark mode is flickering upon first load because the Terser minification effect of the script to populate CSS variables is never being run, so the magic script is never injected. A quick fix could just be loading the stringified function rather than minifying it in useEffect. Small performance hit but probably not too noticeable?

Make Fathom key a build-time secret