Skip to content

Commit 3ca1415

Browse files
LGLabGregLGLabGreg
authored
Merge pull request #98 from LGLabGreg/chore-docs
Chore docs
2 parents 543d2bb + ad03f1f commit 3ca1415

119 files changed

Lines changed: 11718 additions & 1637 deletions

File tree

Some content is hidden

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

‎.gitignore‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,10 @@ dist
1313
dist-ssr
1414
*.local
1515

16+
# next.js
17+
**/.next/
18+
**/out/
19+
1620
# Editor directories and files
1721
.vscode/*
1822
!.vscode/extensions.json

‎apps/docs/README.md‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
2+
3+
## Getting Started
4+
5+
First, run the development server:
6+
7+
```bash
8+
npm run dev
9+
# or
10+
yarn dev
11+
# or
12+
pnpm dev
13+
# or
14+
bun dev
15+
```
16+
17+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18+
19+
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20+
21+
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
22+
23+
## Learn More
24+
25+
To learn more about Next.js, take a look at the following resources:
26+
27+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29+
30+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
31+
32+
## Deploy on Vercel
33+
34+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35+
36+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

‎apps/docs/components.json‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"$schema": "https://ui.shadcn.com/schema.json",
3+
"style": "new-york",
4+
"rsc": true,
5+
"tsx": true,
6+
"tailwind": {
7+
"config": "tailwind.config.ts",
8+
"css": "src/app/globals.css",
9+
"baseColor": "neutral",
10+
"cssVariables": true,
11+
"prefix": ""
12+
},
13+
"aliases": {
14+
"components": "@/components",
15+
"utils": "@/lib/utils",
16+
"ui": "@/components/ui",
17+
"lib": "@/lib",
18+
"hooks": "@/hooks"
19+
},
20+
"iconLibrary": "lucide"
21+
}

‎apps/docs/eslint.config.mjs‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { FlatCompat } from '@eslint/eslintrc'
2+
import { dirname } from 'path'
3+
import { fileURLToPath } from 'url'
4+
5+
const __filename = fileURLToPath(import.meta.url)
6+
const __dirname = dirname(__filename)
7+
8+
const compat = new FlatCompat({
9+
baseDirectory: __dirname,
10+
})
11+
12+
const eslintConfig = [
13+
...compat.extends('next/core-web-vitals', 'next/typescript'),
14+
{
15+
rules: {
16+
'@typescript-eslint/consistent-type-imports': 'error',
17+
'no-console': 'error',
18+
},
19+
ignores: ['.next/*'],
20+
},
21+
]
22+
23+
export default eslintConfig

‎apps/docs/next-env.d.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
/// <reference types="next" />
2+
/// <reference types="next/image-types/global" />
3+
4+
// NOTE: This file should not be edited
5+
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

‎apps/docs/next.config.ts‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import type { NextConfig } from 'next'
2+
3+
const nextConfig: NextConfig = {
4+
transpilePackages: ['@lglab/react-qr-code'],
5+
}
6+
7+
export default nextConfig

‎apps/docs/package.json‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
{
2+
"name": "reactqrcode.com",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "next dev --turbopack",
7+
"build": "next build",
8+
"start": "next start",
9+
"lint": "next lint"
10+
},
11+
"dependencies": {
12+
"@hookform/resolvers": "^4.1.2",
13+
"@lglab/react-qr-code": "workspace:*",
14+
"@radix-ui/react-accordion": "^1.2.3",
15+
"@radix-ui/react-alert-dialog": "^1.1.6",
16+
"@radix-ui/react-aspect-ratio": "^1.1.2",
17+
"@radix-ui/react-avatar": "^1.1.3",
18+
"@radix-ui/react-checkbox": "^1.1.4",
19+
"@radix-ui/react-collapsible": "^1.1.3",
20+
"@radix-ui/react-context-menu": "^2.2.6",
21+
"@radix-ui/react-dialog": "^1.1.6",
22+
"@radix-ui/react-dropdown-menu": "^2.1.6",
23+
"@radix-ui/react-hover-card": "^1.1.6",
24+
"@radix-ui/react-label": "^2.1.2",
25+
"@radix-ui/react-menubar": "^1.1.6",
26+
"@radix-ui/react-navigation-menu": "^1.2.5",
27+
"@radix-ui/react-popover": "^1.1.6",
28+
"@radix-ui/react-progress": "^1.1.2",
29+
"@radix-ui/react-radio-group": "^1.2.3",
30+
"@radix-ui/react-scroll-area": "^1.2.3",
31+
"@radix-ui/react-select": "^2.1.6",
32+
"@radix-ui/react-separator": "^1.1.2",
33+
"@radix-ui/react-slider": "^1.2.3",
34+
"@radix-ui/react-slot": "^1.1.2",
35+
"@radix-ui/react-switch": "^1.1.3",
36+
"@radix-ui/react-tabs": "^1.1.3",
37+
"@radix-ui/react-toast": "^1.2.6",
38+
"@radix-ui/react-toggle": "^1.1.2",
39+
"@radix-ui/react-toggle-group": "^1.1.2",
40+
"@radix-ui/react-tooltip": "^1.1.8",
41+
"@uiw/react-color": "^2.4.0",
42+
"@vercel/analytics": "^1.5.0",
43+
"class-variance-authority": "^0.7.1",
44+
"clsx": "^2.1.1",
45+
"cmdk": "1.0.4",
46+
"date-fns": "^4.1.0",
47+
"embla-carousel-react": "^8.5.2",
48+
"input-otp": "^1.4.2",
49+
"lucide-react": "^0.475.0",
50+
"next": "15.1.7",
51+
"next-themes": "^0.4.4",
52+
"prism-react-renderer": "^2.4.1",
53+
"react": "^19.0.0",
54+
"react-day-picker": "8.10.1",
55+
"react-dom": "^19.0.0",
56+
"react-hook-form": "^7.54.2",
57+
"react-icons": "^5.5.0",
58+
"react-resizable-panels": "^2.1.7",
59+
"recharts": "^2.15.1",
60+
"sonner": "^2.0.1",
61+
"tailwind-merge": "^3.0.2",
62+
"tailwindcss-animate": "^1.0.7",
63+
"vaul": "^1.1.2",
64+
"zod": "^3.24.2"
65+
},
66+
"devDependencies": {
67+
"@tailwindcss/postcss": "^4.0.9",
68+
"@trivago/prettier-plugin-sort-imports": "^5.2.2",
69+
"@types/node": "^22.13.5",
70+
"@types/react": "^19.0.10",
71+
"@types/react-dom": "^19.0.4",
72+
"postcss": "^8.5.3",
73+
"tailwindcss": "^4.0.9",
74+
"typescript": "^5.7.3"
75+
}
76+
}

‎apps/docs/postcss.config.mjs‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/** @type {import('postcss-load-config').Config} */
2+
const config = {
3+
plugins: {
4+
'@tailwindcss/postcss': {},
5+
},
6+
};
7+
8+
export default config;

‎apps/docs/public/images/logo-60.png‎

512 Bytes
Loading

‎apps/docs/src/app/data-modules-settings/page.tsx‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
import type { Prop } from '@/types/props'
2+
3+
import { PageHeading } from '@/components/page-heading'
4+
import { PropsTable } from '@/components/props-table'
5+
import { Bold, TypographyP } from '@/components/ui/typography'
6+
7+
const props: Prop[] = [
8+
{
9+
name: 'color',
10+
type: 'string',
11+
description: 'The color of the modules',
12+
defaultValue: '#000000',
13+
},
14+
{
15+
name: 'style',
16+
type: 'DataModulesStyle',
17+
description: 'The style of the modules',
18+
defaultValue: 'square',
19+
possibleValues: [
20+
'square',
21+
'square-sm',
22+
'pinched-square',
23+
'rounded',
24+
'leaf',
25+
'vertical-line',
26+
'horizontal-line',
27+
'circle',
28+
'diamond',
29+
'star',
30+
'heart',
31+
'hashtag',
32+
],
33+
},
34+
{
35+
name: 'randomSize',
36+
type: 'boolean',
37+
description: (
38+
<>
39+
If true, the modules will have random sizes. Can only be used with styles{' '}
40+
<Bold>square</Bold>, <Bold>circle</Bold>, <Bold>diamond</Bold>, <Bold>star</Bold>,{' '}
41+
<Bold>heart</Bold> and <Bold>hashtag</Bold>.
42+
</>
43+
),
44+
defaultValue: 'false',
45+
possibleValues: ['true', 'false'],
46+
},
47+
]
48+
49+
export default function Page() {
50+
return (
51+
<>
52+
<PageHeading heading='DataModulesSettings' />
53+
<TypographyP>
54+
These are the properties you can use to customize the QR Code data modules (the
55+
small squares that make up the QR Code).
56+
</TypographyP>
57+
<PropsTable props={props} />
58+
</>
59+
)
60+
}

0 commit comments

Comments
 (0)