Skip to content

Commit af19613

Browse files
schettnschettn
committed
Initial Upload: Migrating Complete Source Code of @atsnek/jaen Framework
This commit includes the entire source code of the @atsnek/jaen framework, showcasing its scalable and dynamic application capabilities. The code has been migrated from a previous repository, laying the foundation for future development and enhancements.
1 parent 0f14c9f commit af19613

File tree

360 files changed

+50050
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

360 files changed

+50050
-0
lines changed

‎.eslintrc.json

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
{
2+
"env": {
3+
"browser": true,
4+
"es2021": true
5+
},
6+
"extends": [
7+
"plugin:react/recommended",
8+
"plugin:react/jsx-runtime",
9+
"standard-with-typescript",
10+
"plugin:prettier/recommended"
11+
],
12+
"overrides": [],
13+
"parserOptions": {
14+
"ecmaVersion": "latest",
15+
"sourceType": "module",
16+
"project": ["./tsconfig.json"]
17+
},
18+
"plugins": ["react", "prettier"],
19+
"rules": {
20+
"react/display-name": "off",
21+
"@typescript-eslint/explicit-function-return-type": "off",
22+
"react/prop-types": "off",
23+
"@typescript-eslint/restrict-template-expressions": "off",
24+
"@typescript-eslint/strict-boolean-expressions": "off",
25+
"@typescript-eslint/prefer-nullish-coalescing": "off",
26+
"@typescript-eslint/no-empty-interface": "off",
27+
"@typescript-eslint/consistent-type-assertions": "off",
28+
"@typescript-eslint/no-dynamic-delete": "off",
29+
"react/jsx-curly-brace-presence": [
30+
"error",
31+
{
32+
"props": "never",
33+
"children": "never"
34+
}
35+
]
36+
},
37+
"settings": {
38+
"react": {
39+
"version": "detect"
40+
}
41+
}
42+
}

‎.fttemplates/Component/[FTName].stories.tsx

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import {ComponentMeta, Story} from '@storybook/react'
2+
import React from 'react'
3+
import {[FTName]} from './[FTName].js'
4+
export default {
5+
title: 'Components/[FTName]',
6+
component: [FTName],
7+
parameters: {
8+
layout: 'fullscreen'
9+
}
10+
} as ComponentMeta<typeof [FTName]>
11+
12+
type ComponentProps = React.ComponentProps<typeof [FTName]>
13+
14+
// Create a template for the component
15+
const Template: Story<ComponentProps> = args => <[FTName] {...args} />
16+
17+
export const Basic: Story<ComponentProps> = Template.bind({})

‎.fttemplates/Component/[FTName].tsx

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
export interface [FTName]Props {}
2+
3+
export const [FTName]: React.FC<[FTName]Props> = props => {
4+
return <>
5+
<h1>[FTName]</h1>
6+
</>
7+
}

‎.fttemplates/Component/index.ts

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export {[FTName], type [FTName]Props} from './[FTName]'

‎.gitignore

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.cache
2+
public
3+
node_modules
4+
.npmrc
5+
6+
**/dist
7+
8+
**/tsconfig.tsbuildinfo

‎.prettierrc.json

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"printWidth": 80,
3+
"tabWidth": 2,
4+
"useTabs": false,
5+
"semi": false,
6+
"singleQuote": true,
7+
"trailingComma": "none",
8+
"bracketSpacing": false,
9+
"arrowParens": "avoid",
10+
"bracketSameLine": true,
11+
"jsxBracketSameLine": true
12+
}

‎.vscode/settings.json

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"typescript.tsdk": "node_modules/typescript/lib",
3+
"editor.codeActionsOnSave": {
4+
// For ESLint
5+
"source.fixAll.eslint": true,
6+
// For TSLint
7+
"source.fixAll.tslint": true,
8+
// For Stylelint
9+
"source.fixAll.stylelint": true
10+
}
11+
}

‎babel.config.json

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"sourceType": "unambiguous",
3+
"presets": [
4+
[
5+
"@babel/preset-env",
6+
{
7+
"targets": {
8+
"chrome": 100
9+
}
10+
}
11+
],
12+
"@babel/preset-typescript",
13+
"@babel/preset-react"
14+
],
15+
"plugins": []
16+
}

‎my-gatsby-site/.gitignore

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
node_modules/
2+
.cache/
3+
public
4+
src/gatsby-types.d.ts

‎my-gatsby-site/README.md

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<p align="center">
2+
<a href="https://www.gatsbyjs.com/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts">
3+
<img alt="Gatsby" src="https://www.gatsbyjs.com/Gatsby-Monogram.svg" width="60" />
4+
</a>
5+
</p>
6+
<h1 align="center">
7+
Gatsby Minimal TypeScript Starter
8+
</h1>
9+
10+
## 🚀 Quick start
11+
12+
1. **Create a Gatsby site.**
13+
14+
Use the Gatsby CLI to create a new site, specifying the minimal TypeScript starter.
15+
16+
```shell
17+
# create a new Gatsby site using the minimal TypeScript starter
18+
npm init gatsby -- -ts
19+
```
20+
21+
2. **Start developing.**
22+
23+
Navigate into your new site’s directory and start it up.
24+
25+
```shell
26+
cd my-gatsby-site/
27+
npm run develop
28+
```
29+
30+
3. **Open the code and start customizing!**
31+
32+
Your site is now running at http://localhost:8000!
33+
34+
Edit `src/pages/index.tsx` to see your site update in real-time!
35+
36+
4. **Learn more**
37+
38+
- [Documentation](https://www.gatsbyjs.com/docs/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
39+
- [Tutorials](https://www.gatsbyjs.com/docs/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
40+
- [Guides](https://www.gatsbyjs.com/docs/how-to/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
41+
- [API Reference](https://www.gatsbyjs.com/docs/api-reference/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
42+
- [Plugin Library](https://www.gatsbyjs.com/plugins?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
43+
- [Cheat Sheet](https://www.gatsbyjs.com/docs/cheat-sheet/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
44+
45+
## 🚀 Quick start (Netlify)
46+
47+
Deploy this starter with one click on [Netlify](https://app.netlify.com/signup):
48+
49+
[<img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" />](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-minimal-ts)

‎my-gatsby-site/gatsby-browser.tsx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import {GatsbyBrowser} from 'gatsby'
2+
import {Box, Heading} from '@chakra-ui/react'
3+
4+
// export const wrapPageElement: GatsbyBrowser['wrapPageElement'] = ({
5+
// element,
6+
// props
7+
// }) => {
8+
// return (
9+
// <Box>
10+
// <Box as="header" bg="gray.800" color="white" p="4">
11+
// <Heading as="h1">My Site</Heading>
12+
// </Box>
13+
// {element}
14+
// </Box>
15+
// )
16+
// }

‎my-gatsby-site/gatsby-config.ts

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import type {GatsbyConfig} from 'gatsby'
2+
3+
const config: GatsbyConfig = {
4+
siteMetadata: {
5+
siteUrl: `https://www.yourdomain.tld`
6+
},
7+
// More easily incorporate content into your pages through automatic TypeScript type generation and better GraphQL IntelliSense.
8+
// If you use VSCode you can also use the GraphQL plugin
9+
// Learn more at: https://gatsby.dev/graphql-typegen
10+
graphqlTypegen: true,
11+
flags: {
12+
DEV_SSR: true
13+
},
14+
plugins: [
15+
`gatsby-jaen-lens`,
16+
{
17+
resolve: `gatsby-plugin-jaen`,
18+
options: {
19+
// The folder where the page templates are located
20+
pageTemplateFolder: `src/templates`,
21+
snekResourceId: `63571eee-f41c-4745-9130-d746c2cb97a3`
22+
}
23+
}
24+
]
25+
}
26+
27+
export default config

‎my-gatsby-site/jaen-data/patches.txt

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
https://osg.snek.at/storage/BQACAgQAAxkDAAIjj2TdN5pz0iPZifyctqJ969GT_VEaAAKBDwAC_B3pUgEdNXaJarjfLwQ

‎my-gatsby-site/package.json

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
{
2+
"name": "my-gatsby-site",
3+
"version": "1.0.0",
4+
"private": true,
5+
"description": "my-gatsby-site",
6+
"author": "Nico Schett",
7+
"keywords": [
8+
"gatsby"
9+
],
10+
"scripts": {
11+
"develop": "gatsby develop",
12+
"start": "gatsby develop",
13+
"build": "gatsby build",
14+
"serve": "gatsby serve",
15+
"clean": "gatsby clean",
16+
"typecheck": "tsc --noEmit"
17+
},
18+
"dependencies": {
19+
"gatsby": "^5.11.0",
20+
"react": "^18.2.0",
21+
"react-dom": "^18.2.0",
22+
"gatsby-plugin-jaen": "^1.0.0-rc.1",
23+
"gatsby-jaen-lens": "^0.0.1",
24+
"@atsnek/jaen": "^1.0.0-rc.1"
25+
},
26+
"devDependencies": {
27+
"@types/node": "^20.3.3",
28+
"@types/react": "^18.2.14",
29+
"@types/react-dom": "^18.2.6",
30+
"typescript": "^5.1.6"
31+
}
32+
}

‎my-gatsby-site/src/gatsby-plugin-jaen/components/Layout.tsx

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import {LayoutProps} from '@atsnek/jaen'
2+
import {Box, Heading} from '@chakra-ui/react'
3+
4+
const Layout: React.FC<LayoutProps> = ({children, pageProps}) => {
5+
return (
6+
<Box>
7+
<Box
8+
as="header"
9+
bg="gray.800"
10+
color="white"
11+
p="4"
12+
pos="sticky"
13+
top="0"
14+
zIndex="sticky">
15+
<Heading as="h1">My Site</Heading>
16+
</Box>
17+
18+
{children}
19+
</Box>
20+
)
21+
}
22+
23+
export default Layout

0 commit comments

Comments
 (0)