mateusfg7 / mateusf.com Goto Github PK

Tokens

Full Gray (bg) - #131313
Md Gray (text) - #494949
Light Gray (title) - #666666
Main Color - #0984e3 [ hover - #8e44ad ]
Secondary Color - #B57233

Refs

• https://math404.netlify.app/

This issue close #5

Create an info page with my Public GPG, social links, etc.

Change the style of scrollbar on entire page

Add Katex render to render math notation.

• https://github.com/remarkjs/remark-math
• https://katex.org/

Error: _post not found.

Add a margin bottom to unordered lists

And on <hr> tag

Show an icon next to title to represent this type of page

Update home page

gif:

yarn run v1.22.19
$ eslint . --ext js,jsx,ts,tsx

Oops! Something went wrong! :(

ESLint: 8.29.0

ESLint couldn't find the plugin "eslint-plugin-n".

(The package "eslint-plugin-n" was not found when loaded as a Node module from the directory "/home/mateusfg7/Projects/mfg-b".)

It's likely that the plugin isn't installed correctly. Try reinstalling by running the following:

npm install eslint-plugin-n@latest --save-dev

The plugin "eslint-plugin-n" was referenced from the config file in ".eslintrc.json » eslint-config-standard".

If you still can't figure out the problem, please stop by https://eslint.org/chat/help to chat with the team.

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

In-line long code is not braking on post width limit

original text:

0x21fa2503c40eab0c53ef362c79b2b84e8cb9b46bb3c4db8cd981394461ce4a32515f17c0d7ed62bb52fdd2a1c09fe22973cefaed8fd98bdcb852a125ffacd4711b

Error when execute yarn build:

> Build error occurred
Error: EISDIR: illegal operation on a directory, read
    at Object.readSync (fs.js:614:3)
    at tryReadSync (fs.js:383:20)
    at Object.readFileSync (fs.js:420:19)
    at /home/mateusfg7/www/mfg-b/.next/server/chunks/617.js:39:68
    at Array.map (<anonymous>)
    at getSortedKnowledgeData (/home/mateusfg7/www/mfg-b/.next/server/chunks/617.js:34:38)
    at getStaticPaths (/home/mateusfg7/www/mfg-b/.next/server/pages/category/[category].js:137:78)
    at buildStaticPaths (/home/mateusfg7/www/mfg-b/node_modules/next/dist/build/utils.js:472:37)
    at /home/mateusfg7/www/mfg-b/node_modules/next/dist/build/utils.js:615:125
    at processTicksAndRejections (internal/process/task_queues.js:95:5) {
  type: 'Error',
  errno: -21,
  syscall: 'read',
  code: 'EISDIR'
}

Convert tag/category string to slug format to generate links

Create a dialogue style boxes, somethi like this.

Create a "copy button" on code blocks, to fast copy long codes

something like this

ref:

• https://claritydev.net/blog/copy-to-clipboard-button-nextjs-mdx-rehype

Add the last update of the post on metadata header.

Error with prettier-eslint configuration when run eslint check

Oops! Something went wrong! :(

ESLint: 7.32.0

Error: Cannot read config file: /home/mateusfg7/www/mfg-b/node_modules/eslint-config-prettier/@typescript-eslint.js
Error: "prettier/@typescript-eslint" has been merged into "prettier" in eslint-config-prettier 8.0.0. See: https://github.com/prettier/eslint-config-prettier/blob/main/CHANGELOG.md#version-800-2021-02-21
Referenced from: /home/mateusfg7/www/mfg-b/.eslintrc.json
    at Object.<anonymous> (/home/mateusfg7/www/mfg-b/node_modules/eslint-config-prettier/@typescript-eslint.js:1:69)
    at Module._compile (/home/mateusfg7/www/mfg-b/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
    at Module.load (internal/modules/cjs/loader.js:937:32)
    at Function.Module._load (internal/modules/cjs/loader.js:778:12)
    at Module.require (internal/modules/cjs/loader.js:961:19)
    at module.exports (/home/mateusfg7/www/mfg-b/node_modules/import-fresh/index.js:32:59)
    at loadJSConfigFile (/home/mateusfg7/www/mfg-b/node_modules/@eslint/eslintrc/lib/config-array-factory.js:225:16)
    at loadConfigFile (/home/mateusfg7/www/mfg-b/node_modules/@eslint/eslintrc/lib/config-array-factory.js:309:20)
    at ConfigArrayFactory._loadConfigData (/home/mateusfg7/www/mfg-b/node_modules/@eslint/eslintrc/lib/config-array-factory.js:609:42)

Create a dark color pallete

Add rehype-jargon plugin, a Rehype plugin for jargon terms.

refs

• https://github.com/freesewing/freesewing/tree/develop/packages/rehype-jargon

Increment the README.md with some project info, like technologies, a way to deploy your own page, and features about mardown rendering.

Show "Test" instead of "1":

./src/components/Container.tsx:3:39
Type error: Property 'children' does not exist on type '{}'.

  1 | import React from 'react'
  2 | 
> 3 | export const Container: React.FC = ({ children }) => {
    |                                       ^
  4 |   return <div className="max-w-4xl p-5 m-auto">{children}</div>
  5 | }
  6 |

Error on PR #297

Save read state on localStorage using the window scroll position as reference

The post generation script generates a post without divistion between tag and value in data field.

rehype-wrap-all

Wrap all matching elements with a given element.

rehype-minify-style-attribute

You can use this plugin when you want to improve the size of HTML documents.

In

<img style="display: block;">

Out

<img style="display:block">

Config dependabot file, found on insights > Dependency Graph > Dependabot.

Create a icon for the page.

yarn build

yarn run v1.22.5
$ next build
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
Failed to compile.

./src/pages/post/[id].tsx:42:28
Type error: This expression is not callable.
Type 'typeof import("/home/mateusfg7/www/mfg-b/node_modules/unified/index")' has no call signatures.

40 |   const tags = postData.tags.split(',')
41 | 
> 42 |   const contentProcessor = unified()
|                            ^
43 |     .use(markdown)
44 |     .use(gfm)
45 |     .use(math)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Add rehype-components plugin, experimental rehype plugin to render components, which are actually custom elements in HTML that get replaced by the output of a component rendering function.

refs

• https://github.com/marekweb/rehype-components

Add <head> with post metadada for each post, on src/knowledge/[id].tsx.

Add a comments area with Disques

Add plugin in remark to render tables

code

when is rendered

Links

• https://unifiedjs.com/learn/recipe/remark-table/

Fix list cascade style, with children indicator.

bug example

react-native is the father, the rest is a children.

Move posts to an external repo, using git modules.

Add a TOC (Table of contents) on the posts, to divide it with topics.

• https://github.com/JS-DevTools/rehype-toc
• https://github.com/rehypejs/rehype-slug

Add a smooth scroll on portifolio page

Reset the font size of

tag.

Add a field on post header to indicate the actual state: Published, Draft or Planned.

Make the layout responsive to small - devices

Add a button to go to home page

Add a page contain a index of all the pages.

For new readers or crawlers, like archive.org

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): update dependency @tailwindcss/forms to v0.5.7
• chore(deps): update dependency @types/mdx to v2.0.10
• chore(deps): update dependency @types/remark-hint to v1.0.6
• chore(deps): update dependency @types/semver to v7.5.5
• chore(deps): update dependency prettier-plugin-tailwindcss to v0.5.7
• chore(deps): update dependency vercel to v32.5.3
• fix(deps): update dependency @phosphor-icons/react to v2.0.14
• fix(deps): update dependency kbar to v0.1.0-beta.44
• fix(deps): update dependency react-parallax-tilt to v1.7.174
• chore(deps): update commitlint monorepo to v18.4.1 (@commitlint/cli, @commitlint/config-conventional)
• chore(deps): update dependency prettier to v3.1.0
• fix(deps): update dependency react-icons to v4.12.0
• fix(deps): update dependency rehype-autolink-headings to v7.1.0
• 🔐 Create all rate-limited PRs at once 🔐

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• fix(deps): update dependency rehype-pretty-code to v0.10.2

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @types/react to v18.2.37
• chore(deps): update nextjs monorepo to v14.0.2 (eslint-config-next, next)
• chore(deps): update dependency @types/node to v20.9.0
• chore(deps): update dependency tsx to v4
• fix(deps): update dependency rehype-stringify to v10
• fix(deps): update dependency remark-gfm to v4
• fix(deps): update dependency remark-math to v6
• fix(deps): update dependency remark-parse to v11
• fix(deps): update dependency unified to v11
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Replace slug() function to new GithubSlugger().slug() from "[email protected]" on src/lib/utils.ts

Verificado que em seu portifolio, em duas de suas amostragens de projetos, está em inglês enquanto as outras estão em Português.

Para a padronização das suas amostragens, corrija e traduza os dois projetos abaixo para português:

Tradução 1

Tradução 2

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Location: renovate.json
Error type: Invalid JSON (parsing failed)
Message: Syntax error: expecting String near },

Add a button to got to the top of post

  const handleScrollToTop = () => {
    window.scrollTo({
      top: 0,
      behavior: 'smooth',
    });
  };

Error when try to load the github-gist.css theme of highlight.js

ModuleNotFoundError: Module not found: Error: Can't resolve 'highlight.js/styles/github-gist.css' in '/vercel/path0/src/pages/post'

Create a page of knowledge with specific tag

Use a hash of the knowledge as a header title