feat: CodeTree - source code url

ifpb · Sep 1, 2024 · fb67b13 · fb67b13
1 parent 560906b
commit fb67b13
Show file tree

Hide file tree

Showing 12 changed files with 25 additions and 19 deletions.
diff --git a/src/components/CodeTree.astro b/src/components/CodeTree.astro
@@ -4,19 +4,25 @@ import { resolve } from 'node:path';
 import tree from 'tree-node-cli';
 import { getHTML } from './CodePreview.astro';
 import { prettyCodeOptions } from '../../plugins/rehype-pretty-code-config';
+import { GITHUB_EDIT_URL } from '../consts';
 
 export interface Props {
   src?: string;
   content?: string;
+  githubUrl?: boolean;
 }
 
-const { src, content } = Astro.props;
+const { src, content, githubUrl } = Astro.props;
+
+const githubLink = githubUrl
+  ? `[Código Fonte](${GITHUB_EDIT_URL + '/public' + src})`
+  : '';
 
 const codeTree = existsSync(resolve('./public' + src))
   ? tree(resolve('./public' + src), { exclude: [/node_modules/] })
   : 'Code not found';
 
-const markdown = `\`\`\`plaintext title="Arquivos"\n${
+const markdown = `${githubLink}\n\`\`\`plaintext title="Arquivos"\n${
   codeTree ?? content
 }\n\`\`\``;
 

diff --git a/src/content/classnotes/expressjs/api/index.mdx b/src/content/classnotes/expressjs/api/index.mdx
@@ -42,7 +42,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 ### API de Investimentos
 
-<CodeTree src="/codes/expressjs/invest-app-api/back" />
+<CodeTree src="/codes/expressjs/invest-app-api/back" githubUrl={true} />
 
 <CodePreview src="/codes/expressjs/invest-app-api/back/src/data/investments.js" />
 
@@ -197,7 +197,7 @@ DELETE {{host}}/investments/{{createdInvestmentId}}
 
 ![](/lp2/imgs/expressjs/api/preview.png)
 
-<CodeTree src="/codes/expressjs/invest-app-api/front" />
+<CodeTree src="/codes/expressjs/invest-app-api/front" githubUrl={true} />
 
 <CodePreview src="/codes/expressjs/invest-app-api/front/index.html" />
 

diff --git a/src/content/classnotes/expressjs/auth/index.mdx b/src/content/classnotes/expressjs/auth/index.mdx
@@ -9,7 +9,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 [Código Fonte](https://github.com/ifpb/lp2/tree/main/public/codes/expressjs/invest-app-auth)
 
-<CodeTree src="/codes/expressjs/invest-app-auth" />
+<CodeTree src="/codes/expressjs/invest-app-auth" githubUrl={true} />
 
 ## Migration
 

diff --git a/src/content/classnotes/expressjs/db-simple/index.mdx b/src/content/classnotes/expressjs/db-simple/index.mdx
@@ -9,7 +9,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 ![](/lp2/imgs/expressjs/db-simple/mvc.png)
 
-<CodeTree src="/codes/expressjs/invest-app-db-simple" />
+<CodeTree src="/codes/expressjs/invest-app-db-simple" githubUrl={true} />
 
 ## Migration
 

diff --git a/src/content/classnotes/expressjs/email/index.mdx b/src/content/classnotes/expressjs/email/index.mdx
@@ -13,7 +13,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 $ npm install nodemailer
 ```
 
-<CodeTree src="/codes/expressjs/invest-app-email" />
+<CodeTree src="/codes/expressjs/invest-app-email" githubUrl={true} />
 
 ## Back-end
 

diff --git a/src/content/classnotes/expressjs/introduction/index.mdx b/src/content/classnotes/expressjs/introduction/index.mdx
@@ -24,7 +24,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 ## Exemplo de Express.js
 
-<CodeTree src="/codes/expressjs/hello-simple" />
+<CodeTree src="/codes/expressjs/hello-simple" githubUrl={true} />
 
 Fluxo da aplicação hello-simple:
 
@@ -101,7 +101,7 @@ Rotas:
 
 Estrutura do código:
 
-<CodeTree src="/codes/expressjs/hello-lang" />
+<CodeTree src="/codes/expressjs/hello-lang" githubUrl={true} />
 
 <CodePreview src="/codes/expressjs/hello-lang/src/index.js" />
 
@@ -125,7 +125,7 @@ Parâmetros:
 
 Estrutura do código:
 
-<CodeTree src="/codes/expressjs/bmi-query-param" />
+<CodeTree src="/codes/expressjs/bmi-query-param" githubUrl={true} />
 
 <CodePreview src="/codes/expressjs/bmi-query-param/src/bmi.js" />
 
@@ -139,7 +139,7 @@ Estrutura do código:
 
 Estrutura do código:
 
-<CodeTree src="/codes/expressjs/bmi-route-param" />
+<CodeTree src="/codes/expressjs/bmi-route-param" githubUrl={true} />
 
 <CodePreview src="/codes/expressjs/bmi-route-param/src/index.js" highlightLines="7,8" />
 
@@ -151,7 +151,7 @@ Estrutura do código:
 
 Estrutura do código:
 
-<CodeTree src="/codes/expressjs/bmi-body-param" />
+<CodeTree src="/codes/expressjs/bmi-body-param" githubUrl={true} />
 
 <CodePreview src="/codes/expressjs/bmi-body-param/src/index.js" highlightLines="6,9" />
 

diff --git a/src/content/classnotes/expressjs/mvc/index.mdx b/src/content/classnotes/expressjs/mvc/index.mdx
@@ -9,7 +9,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 ![](/lp2/imgs/expressjs/mvc/mvc-csr.png)
 
-<CodeTree src="/codes/expressjs/invest-app-mvc" />
+<CodeTree src="/codes/expressjs/invest-app-mvc" githubUrl={true} />
 
 ## Loader
 

diff --git a/src/content/classnotes/expressjs/prismajs-relation/index.mdx b/src/content/classnotes/expressjs/prismajs-relation/index.mdx
@@ -7,7 +7,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 # {frontmatter.title}
 
-<CodeTree src="/codes/expressjs/invest-app-prismajs-relation" />
+<CodeTree src="/codes/expressjs/invest-app-prismajs-relation" githubUrl={true} />
 
 ## Migration
 

diff --git a/src/content/classnotes/expressjs/prismajs-simple/index.mdx b/src/content/classnotes/expressjs/prismajs-simple/index.mdx
@@ -12,7 +12,7 @@ $ npm install prisma
 $ npx prisma init --datasource-provider sqlite
 ```
 
-<CodeTree src="/codes/expressjs/invest-app-prismajs-simple" />
+<CodeTree src="/codes/expressjs/invest-app-prismajs-simple" githubUrl={true} />
 
 ## Migration
 

diff --git a/src/content/classnotes/expressjs/prismajs-user/index.mdx b/src/content/classnotes/expressjs/prismajs-user/index.mdx
@@ -7,7 +7,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 # {frontmatter.title}
 
-<CodeTree src="/codes/expressjs/invest-app-prismajs-user" />
+<CodeTree src="/codes/expressjs/invest-app-prismajs-user" githubUrl={true} />
 
 ## Migration
 

diff --git a/src/content/classnotes/expressjs/upload-file/index.mdx b/src/content/classnotes/expressjs/upload-file/index.mdx
@@ -7,7 +7,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 # {frontmatter.title}
 
-<CodeTree src="/codes/expressjs/invest-app-upload" />
+<CodeTree src="/codes/expressjs/invest-app-upload" githubUrl={true} />
 
 ## Back-end
 

diff --git a/src/content/classnotes/javascript/frontend/index.mdx b/src/content/classnotes/javascript/frontend/index.mdx
@@ -18,7 +18,7 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 ![](/lp2/imgs/w3c/invest-app-read/preview.png)
 
-<CodeTree src="/codes/w3c/invest-app-read" />
+<CodeTree src="/codes/w3c/invest-app-read" githubUrl={true} />
 
 <CodePreview src="/codes/w3c/invest-app-read/index.html" />
 
@@ -154,7 +154,7 @@ DELETE {{host}}/investments/{{createdInvestmentId}}
 
 ### Front-end
 
-<CodeTree src="/codes/w3c/invest-app/front" />
+<CodeTree src="/codes/w3c/invest-app/front" githubUrl={true} />
 
 <CodePreview src="/codes/w3c/invest-app/front/index.html" />