@tsmodule/tsmodule 40.0.13 → 40.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{bin/index.d.ts → bin.d.ts} +0 -0
- package/dist/{bin/index.js → bin.js} +1 -1
- package/package.json +10 -12
- package/templates/default/.eslintrc +0 -52
- package/templates/default/.github/workflows/ci.yml +0 -30
- package/templates/default/.gitignore +0 -10
- package/templates/default/LICENSE +0 -16
- package/templates/default/README.md +0 -35
- package/templates/default/package.json +0 -5
- package/templates/default/src/index.ts +0 -4
- package/templates/default/test/example.test.ts +0 -7
- package/templates/default/tsconfig.json +0 -40
- package/templates/react/.eslintrc +0 -54
- package/templates/react/.gitignore +0 -11
- package/templates/react/LICENSE +0 -16
- package/templates/react/README.md +0 -48
- package/templates/react/next-env.d.ts +0 -5
- package/templates/react/next.config.js +0 -18
- package/templates/react/package.json +0 -5
- package/templates/react/postcss.config.js +0 -11
- package/templates/react/public/vercel.svg +0 -4
- package/templates/react/src/components/Card/index.css +0 -18
- package/templates/react/src/components/Card/index.tsx +0 -13
- package/templates/react/src/components/CardGrid/index.tsx +0 -29
- package/templates/react/src/components/Footer/index.tsx +0 -19
- package/templates/react/src/components/GetStarted/index.tsx +0 -8
- package/templates/react/src/components/Welcome/index.tsx +0 -7
- package/templates/react/src/components/index.css +0 -19
- package/templates/react/src/components/index.ts +0 -4
- package/templates/react/src/index.css +0 -20
- package/templates/react/src/index.ts +0 -1
- package/templates/react/src/pages/_app.tsx +0 -14
- package/templates/react/src/pages/api/hello.ts +0 -13
- package/templates/react/src/pages/index.tsx +0 -26
- package/templates/react/tailwind.config.js +0 -19
File without changes
|
@@ -1,5 +1,5 @@
|
|
1
1
|
#!/usr/bin/env node
|
2
|
-
import t from"chalk";import{Command as n}from"commander";import{build as r}from"
|
2
|
+
import t from"chalk";import{Command as n}from"commander";import{build as r}from"./commands/build/index.js";import{convert as a}from"./commands/convert/index.js";import{create as s}from"./commands/create/index.js";import{dev as m}from"./commands/dev/index.js";import{execute as d}from"./commands/execute/index.js";import{localPackageJson as p}from"./constants.js";import{normalizeImportSpecifiers as c}from"./commands/normalize/index.js";import{programCatch as e}from"./utils/programCatch.js";const{version:l}=await p(),o=new n;o.name(t.white(t.bold("tsmodule"))).usage(t.white(t.bold("<file | command> [options]"))).description(t.blueBright(`A tool for building TypeScript modules.
|
3
3
|
|
4
4
|
Run TS directly: ${t.bold("tsmodule src/index.ts")}
|
5
5
|
Use a command: ${t.bold("tsmodule build")}`)).version(String(l)),o.command("dev").description("Build and watch for changes.").action(e(m)),o.command("build").description("Builds TS files to output in dist/.").option("-i, --input <files>","Entrypoints to compile.").option("-j, --js-only","Do not build styles").option("-s, --styles <styles>","Specify stylesheet entrypoint.").option("-t, --target <target>","ECMAScript featureset to target.").option("-b, --bundle","Bundle dependencies into entrypoints.").option("-d, --dev","Build development runtime.").option("-r, --runtime-only","Do not emit type declarations, only build JS runtime.").option("--stdin [source]","Read from a string or stdin.").option("--stdin-file [file]","File path to mock for stdin.").option("--no-write",`Return code from build() rather than write to disk.
|
package/package.json
CHANGED
@@ -2,13 +2,13 @@
|
|
2
2
|
"name": "@tsmodule/tsmodule",
|
3
3
|
"platform": "node",
|
4
4
|
"type": "module",
|
5
|
-
"version": "40.0.
|
5
|
+
"version": "40.0.14",
|
6
6
|
"repository": "tsmodule/tsmodule",
|
7
7
|
"description": "TypeScript Module loader and compiler",
|
8
8
|
"license": "MIT",
|
9
9
|
"types": "dist/types/index.d.ts",
|
10
10
|
"bin": {
|
11
|
-
"tsmodule": "dist/bin
|
11
|
+
"tsmodule": "dist/bin.js"
|
12
12
|
},
|
13
13
|
"exports": {
|
14
14
|
".": "./dist/index.js",
|
@@ -17,27 +17,25 @@
|
|
17
17
|
},
|
18
18
|
"files": [
|
19
19
|
"dist/",
|
20
|
-
"templates/",
|
21
|
-
"templates/**/.gitignore"
|
20
|
+
"dist/templates/",
|
21
|
+
"dist/templates/**/.gitignore"
|
22
22
|
],
|
23
23
|
"engines": {
|
24
24
|
"node": ">=14"
|
25
25
|
},
|
26
26
|
"scripts": {
|
27
|
-
"prebootload": "node bootstrap.js",
|
27
|
+
"prebootload": "node scripts/bootstrap.js",
|
28
28
|
"bootload": "node --no-warnings --loader ./dist/loader/index.js src/index.ts build -r",
|
29
29
|
"prebuild": "yarn bootload && yarn link",
|
30
|
-
"build": "node dist/bin
|
31
|
-
"dev": "node dist/bin
|
32
|
-
"test-bundle": "yarn build && ava --no-worker-threads",
|
33
|
-
"test-production-bundle": "node runBundleTests.js",
|
30
|
+
"build": "node dist/bin.js build",
|
31
|
+
"dev": "node dist/bin.js dev",
|
32
|
+
"test-bundle": "yarn build -b && ava --no-worker-threads",
|
34
33
|
"test": "yarn test-bundle",
|
35
34
|
"retest": "SKIP_TEST_SETUP=1 yarn test-bundle",
|
36
35
|
"retest-bundle": "SKIP_TEST_SETUP=1 yarn test-bundle",
|
37
36
|
"lint": "eslint --fix src",
|
38
37
|
"prepare": "yarn build",
|
39
|
-
"prepublishOnly": "
|
40
|
-
"release": "release-it"
|
38
|
+
"prepublishOnly": "node scripts/prepublish.js"
|
41
39
|
},
|
42
40
|
"dependencies": {
|
43
41
|
"esbuild": "0.14.50",
|
@@ -84,7 +82,7 @@
|
|
84
82
|
},
|
85
83
|
"nodeArguments": [
|
86
84
|
"--no-warnings",
|
87
|
-
"--loader
|
85
|
+
"--loader=./dist/loader/index.js"
|
88
86
|
]
|
89
87
|
},
|
90
88
|
"keywords": [
|
@@ -1,52 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"extends": [
|
3
|
-
"plugin:@typescript-eslint/recommended"
|
4
|
-
],
|
5
|
-
"parser": "@typescript-eslint/parser",
|
6
|
-
"plugins": ["@typescript-eslint"],
|
7
|
-
"rules": {
|
8
|
-
|
9
|
-
"no-console": "error",
|
10
|
-
"no-trailing-spaces": "error",
|
11
|
-
"max-len": [1, 80, 2, {
|
12
|
-
"ignorePattern": "^import\\s.+\\sfrom\\s.+;$",
|
13
|
-
"ignoreUrls": true,
|
14
|
-
"ignoreStrings": true,
|
15
|
-
"ignoreTemplateLiterals": true,
|
16
|
-
"ignoreRegExpLiterals": true
|
17
|
-
}],
|
18
|
-
|
19
|
-
"@typescript-eslint/type-annotation-spacing": ["error"],
|
20
|
-
|
21
|
-
"@typescript-eslint/ban-ts-comment": [
|
22
|
-
"error",
|
23
|
-
{
|
24
|
-
"ts-nocheck": "allow-with-description",
|
25
|
-
"ts-ignore": "allow-with-description"
|
26
|
-
}
|
27
|
-
],
|
28
|
-
|
29
|
-
"indent": "off",
|
30
|
-
"@typescript-eslint/indent": ["error", 2],
|
31
|
-
|
32
|
-
"semi": "off",
|
33
|
-
"@typescript-eslint/semi": ["error", "always"],
|
34
|
-
|
35
|
-
"quotes": "off",
|
36
|
-
"@typescript-eslint/quotes": ["error", "double"],
|
37
|
-
|
38
|
-
"object-curly-spacing": "off",
|
39
|
-
"@typescript-eslint/object-curly-spacing": ["error", "always"],
|
40
|
-
|
41
|
-
"sort-imports": [
|
42
|
-
"warn",
|
43
|
-
{
|
44
|
-
"ignoreCase": false,
|
45
|
-
"ignoreDeclarationSort": false,
|
46
|
-
"ignoreMemberSort": true,
|
47
|
-
"memberSyntaxSortOrder": ["none", "all", "multiple", "single"],
|
48
|
-
"allowSeparatedGroups": true
|
49
|
-
}
|
50
|
-
]
|
51
|
-
}
|
52
|
-
}
|
@@ -1,30 +0,0 @@
|
|
1
|
-
name: CI
|
2
|
-
|
3
|
-
on:
|
4
|
-
push:
|
5
|
-
branches:
|
6
|
-
- '**'
|
7
|
-
pull_request:
|
8
|
-
branches:
|
9
|
-
- '**'
|
10
|
-
|
11
|
-
jobs:
|
12
|
-
test:
|
13
|
-
name: Node ${{ matrix.nodejs }} on ${{ matrix.os }}
|
14
|
-
runs-on: ${{ matrix.os }}
|
15
|
-
timeout-minutes: 10
|
16
|
-
strategy:
|
17
|
-
matrix:
|
18
|
-
nodejs: [14, 16, "lts/*"]
|
19
|
-
os: [ubuntu-latest, windows-latest, macos-latest]
|
20
|
-
steps:
|
21
|
-
- uses: actions/checkout@v2
|
22
|
-
- uses: actions/setup-node@v2
|
23
|
-
with:
|
24
|
-
node-version: ${{ matrix.nodejs }}
|
25
|
-
|
26
|
-
- name: Install and link
|
27
|
-
run: yarn install --frozen-lockfile && yarn build
|
28
|
-
|
29
|
-
- name: Test
|
30
|
-
run: yarn test
|
@@ -1,16 +0,0 @@
|
|
1
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
2
|
-
this software and associated documentation files (the "Software"), to deal in
|
3
|
-
the Software without restriction, including without limitation the rights to
|
4
|
-
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
5
|
-
the Software, and to permit persons to whom the Software is furnished to do so,
|
6
|
-
subject to the following conditions:
|
7
|
-
|
8
|
-
The above copyright notice and this permission notice shall be included in all
|
9
|
-
copies or substantial portions of the Software.
|
10
|
-
|
11
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
12
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
13
|
-
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
14
|
-
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
15
|
-
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
16
|
-
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
@@ -1,35 +0,0 @@
|
|
1
|
-
# `tsmodule` library
|
2
|
-
|
3
|
-
This is a [`tsmodule`](https://github.com/tsmodule/tsmodule) library. By
|
4
|
-
default, it is assumed to be a Node program, but this can be adjusted via the
|
5
|
-
`platform` field in package.json.
|
6
|
-
|
7
|
-
### Develop
|
8
|
-
|
9
|
-
Rebuild on changes with `tsmodule dev` or the `yarn dev` script:
|
10
|
-
|
11
|
-
```bash
|
12
|
-
yarn dev
|
13
|
-
# calls `tsmodule dev`
|
14
|
-
```
|
15
|
-
|
16
|
-
### Export and publish
|
17
|
-
|
18
|
-
To export your component library, use `tsmodule build` or the `yarn build`
|
19
|
-
script:
|
20
|
-
|
21
|
-
```bash
|
22
|
-
yarn build
|
23
|
-
# calls `tsmodule build`
|
24
|
-
```
|
25
|
-
|
26
|
-
You can then publish to NPM:
|
27
|
-
|
28
|
-
```bash
|
29
|
-
yarn publish
|
30
|
-
```
|
31
|
-
|
32
|
-
#### Importing from your library
|
33
|
-
|
34
|
-
All index exports, e.g. `src/example/index.tsx` will be available downstream
|
35
|
-
via `import ... from "my-library/example"`.
|
@@ -1,40 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"include": [
|
3
|
-
"*env.d.ts",
|
4
|
-
"src/**/*"
|
5
|
-
],
|
6
|
-
"exclude": [
|
7
|
-
"node_modules",
|
8
|
-
"test/**"
|
9
|
-
],
|
10
|
-
"compilerOptions": {
|
11
|
-
"moduleResolution": "Node",
|
12
|
-
"target": "ESNext",
|
13
|
-
"module": "ESNext",
|
14
|
-
"lib": [
|
15
|
-
"ESNext",
|
16
|
-
"DOM"
|
17
|
-
],
|
18
|
-
"jsx": "preserve",
|
19
|
-
"rootDir": "src",
|
20
|
-
"outDir": "dist",
|
21
|
-
"allowJs": true,
|
22
|
-
"importHelpers": true,
|
23
|
-
"esModuleInterop": true,
|
24
|
-
"allowSyntheticDefaultImports": true,
|
25
|
-
"strict": true,
|
26
|
-
"noUnusedLocals": true,
|
27
|
-
"noUnusedParameters": true,
|
28
|
-
"noImplicitReturns": true,
|
29
|
-
"noFallthroughCasesInSwitch": true,
|
30
|
-
"skipLibCheck": true,
|
31
|
-
"resolveJsonModule": true,
|
32
|
-
"declaration": true,
|
33
|
-
"sourceMap": true,
|
34
|
-
"checkJs": true,
|
35
|
-
"noEmit": false,
|
36
|
-
"forceConsistentCasingInFileNames": true,
|
37
|
-
"isolatedModules": true,
|
38
|
-
"incremental": false
|
39
|
-
}
|
40
|
-
}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"extends": [
|
3
|
-
"plugin:@typescript-eslint/recommended",
|
4
|
-
"next",
|
5
|
-
"next/core-web-vitals"
|
6
|
-
],
|
7
|
-
"parser": "@typescript-eslint/parser",
|
8
|
-
"plugins": ["@typescript-eslint"],
|
9
|
-
"rules": {
|
10
|
-
|
11
|
-
"no-console": "error",
|
12
|
-
"no-trailing-spaces": "error",
|
13
|
-
"max-len": [1, 80, 2, {
|
14
|
-
"ignorePattern": "^import\\s.+\\sfrom\\s.+;$",
|
15
|
-
"ignoreUrls": true,
|
16
|
-
"ignoreStrings": true,
|
17
|
-
"ignoreTemplateLiterals": true,
|
18
|
-
"ignoreRegExpLiterals": true
|
19
|
-
}],
|
20
|
-
|
21
|
-
"@typescript-eslint/type-annotation-spacing": ["error"],
|
22
|
-
|
23
|
-
"@typescript-eslint/ban-ts-comment": [
|
24
|
-
"error",
|
25
|
-
{
|
26
|
-
"ts-nocheck": "allow-with-description",
|
27
|
-
"ts-ignore": "allow-with-description"
|
28
|
-
}
|
29
|
-
],
|
30
|
-
|
31
|
-
"indent": "off",
|
32
|
-
"@typescript-eslint/indent": ["error", 2],
|
33
|
-
|
34
|
-
"semi": "off",
|
35
|
-
"@typescript-eslint/semi": ["error", "always"],
|
36
|
-
|
37
|
-
"quotes": "off",
|
38
|
-
"@typescript-eslint/quotes": ["error", "double"],
|
39
|
-
|
40
|
-
"object-curly-spacing": "off",
|
41
|
-
"@typescript-eslint/object-curly-spacing": ["error", "always"],
|
42
|
-
|
43
|
-
"sort-imports": [
|
44
|
-
"warn",
|
45
|
-
{
|
46
|
-
"ignoreCase": false,
|
47
|
-
"ignoreDeclarationSort": false,
|
48
|
-
"ignoreMemberSort": true,
|
49
|
-
"memberSyntaxSortOrder": ["none", "all", "multiple", "single"],
|
50
|
-
"allowSeparatedGroups": true
|
51
|
-
}
|
52
|
-
]
|
53
|
-
}
|
54
|
-
}
|
package/templates/react/LICENSE
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
2
|
-
this software and associated documentation files (the "Software"), to deal in
|
3
|
-
the Software without restriction, including without limitation the rights to
|
4
|
-
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
5
|
-
the Software, and to permit persons to whom the Software is furnished to do so,
|
6
|
-
subject to the following conditions:
|
7
|
-
|
8
|
-
The above copyright notice and this permission notice shall be included in all
|
9
|
-
copies or substantial portions of the Software.
|
10
|
-
|
11
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
12
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
13
|
-
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
14
|
-
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
15
|
-
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
16
|
-
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
@@ -1,48 +0,0 @@
|
|
1
|
-
# `tsmodule` component library
|
2
|
-
|
3
|
-
This is a [`tsmodule`](https://github.com/tsmodule/tsmodule) component library
|
4
|
-
developed and previewed with Next.js.
|
5
|
-
|
6
|
-
### Develop
|
7
|
-
|
8
|
-
To start the Next server and develop your components, use `next dev` or the
|
9
|
-
`yarn dev` script:
|
10
|
-
|
11
|
-
```bash
|
12
|
-
yarn dev
|
13
|
-
# calls `next dev`
|
14
|
-
```
|
15
|
-
|
16
|
-
### Export and publish
|
17
|
-
|
18
|
-
To export your component library, use `tsmodule build` or the `yarn export`
|
19
|
-
script:
|
20
|
-
|
21
|
-
```bash
|
22
|
-
yarn export
|
23
|
-
# calls `tsmodule build`
|
24
|
-
```
|
25
|
-
|
26
|
-
You can then publish to NPM:
|
27
|
-
|
28
|
-
```bash
|
29
|
-
yarn publish
|
30
|
-
```
|
31
|
-
|
32
|
-
#### Importing from your component library
|
33
|
-
|
34
|
-
To reuse your components:
|
35
|
-
|
36
|
-
1. Import your component styles via `import "my-library/styles"`.
|
37
|
-
2. Import your component and render it via `import { MyComponent } from
|
38
|
-
"my-library/MyComponent`.
|
39
|
-
|
40
|
-
#### Footnotes
|
41
|
-
|
42
|
-
Styles are exported in `dist/`, and are also bundled to `dist/bundle.css` from
|
43
|
-
the entrypoint given in the `style` package.json.
|
44
|
-
|
45
|
-
The default behavior is to export all component styles, i.e.
|
46
|
-
`src/styles/components/index.css ➞ dist/bundle.css`. This can be overridden
|
47
|
-
with tsmodule's `--styles` flag, i.e. `tsmodule build --styles
|
48
|
-
src/styles/index.css` (which would include all styles in emitted bundle).
|
@@ -1,18 +0,0 @@
|
|
1
|
-
module.exports = {
|
2
|
-
reactStrictMode: true,
|
3
|
-
webpack: (config) => {
|
4
|
-
// config.experiments = { topLevelAwait: true };
|
5
|
-
// config.resolve.fallback = {
|
6
|
-
// assert: false,
|
7
|
-
// process: false,
|
8
|
-
// events: false,
|
9
|
-
// fs: false,
|
10
|
-
// util: false,
|
11
|
-
// path: false,
|
12
|
-
// stream: false,
|
13
|
-
// constants: false,
|
14
|
-
// os: false,
|
15
|
-
// };
|
16
|
-
return config;
|
17
|
-
},
|
18
|
-
};
|
@@ -1,4 +0,0 @@
|
|
1
|
-
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
|
2
|
-
xmlns="http://www.w3.org/2000/svg">
|
3
|
-
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
|
4
|
-
</svg>
|
@@ -1,18 +0,0 @@
|
|
1
|
-
.card {
|
2
|
-
@apply p-6 text-left rounded-lg;
|
3
|
-
@apply max-w-[20rem];
|
4
|
-
text-decoration: none;
|
5
|
-
border: 1px solid #eaeaea;
|
6
|
-
transition: color 0.15s ease, border-color 0.15s ease;
|
7
|
-
}
|
8
|
-
|
9
|
-
.card:hover,
|
10
|
-
.card:focus,
|
11
|
-
.card:active {
|
12
|
-
color: #0070f3;
|
13
|
-
border-color: #0070f3;
|
14
|
-
}
|
15
|
-
|
16
|
-
.card > p {
|
17
|
-
@apply text-gray-700;
|
18
|
-
}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { Card } from "../Card";
|
2
|
-
|
3
|
-
export const CardGrid = () => {
|
4
|
-
return (
|
5
|
-
<div className="px-4 grid md:grid-cols-2 gap-8">
|
6
|
-
<Card href="https://nextjs.org/learn">
|
7
|
-
<h4>Documentation →</h4>
|
8
|
-
<p>Find in-depth information about Next.js features and API.</p>
|
9
|
-
</Card>
|
10
|
-
|
11
|
-
<Card href="https://nextjs.org/learn">
|
12
|
-
<h4>Learn →</h4>
|
13
|
-
<p>Learn about Next.js in an interactive course with quizzes!</p>
|
14
|
-
</Card>
|
15
|
-
|
16
|
-
<Card href="https://github.com/vercel/next.js/tree/master/examples">
|
17
|
-
<h4>Examples →</h4>
|
18
|
-
<p>Discover and deploy boilerplate example Next.js projects.</p>
|
19
|
-
</Card>
|
20
|
-
|
21
|
-
<Card href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app">
|
22
|
-
<h4>Deploy →</h4>
|
23
|
-
<p>
|
24
|
-
Instantly deploy your Next.js site to a public URL with Vercel.
|
25
|
-
</p>
|
26
|
-
</Card>
|
27
|
-
</div>
|
28
|
-
);
|
29
|
-
};
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import Image from "next/image";
|
2
|
-
|
3
|
-
export const Footer = () => {
|
4
|
-
return (
|
5
|
-
<footer>
|
6
|
-
<a
|
7
|
-
className="flex-center"
|
8
|
-
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
|
9
|
-
target="_blank"
|
10
|
-
rel="noopener noreferrer"
|
11
|
-
>
|
12
|
-
Powered by{" "}
|
13
|
-
<span className="h-4 ml-2 flex-center">
|
14
|
-
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
|
15
|
-
</span>
|
16
|
-
</a>
|
17
|
-
</footer>
|
18
|
-
);
|
19
|
-
};
|
@@ -1,19 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @fileoverview
|
3
|
-
* COMPONENT STYLES
|
4
|
-
*
|
5
|
-
* This file loads all styles needed to render any of the module components, and
|
6
|
-
* does not include, e.g., the standardized viewport styles (which would alter
|
7
|
-
* the sizing of html, body, ... in any layouts that relied it).
|
8
|
-
*/
|
9
|
-
|
10
|
-
/**
|
11
|
-
* ❌ DO NOT CHANGE: Load standardized styles that may be relied on by component
|
12
|
-
* styles.
|
13
|
-
*/
|
14
|
-
@import "@tsmodule/react";
|
15
|
-
|
16
|
-
/**
|
17
|
-
* 📝 EXPORT COMPONENT STYLES: Load your component style exports here as needed.
|
18
|
-
*/
|
19
|
-
@import "./Card/index.css";
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @fileoverview
|
3
|
-
* APPLICATION STYLES
|
4
|
-
*
|
5
|
-
* This stylesheet includes all styles needed to render the entire viewport,
|
6
|
-
* namely Tailwind utilities, standardized viewport styles, and all component
|
7
|
-
* styles.
|
8
|
-
*/
|
9
|
-
|
10
|
-
/**
|
11
|
-
* Load Tailwind utilities.
|
12
|
-
*/
|
13
|
-
@import "tailwindcss/base";
|
14
|
-
@import "tailwindcss/utilities";
|
15
|
-
@import "tailwindcss/components";
|
16
|
-
|
17
|
-
/**
|
18
|
-
* Load this module's component styles.
|
19
|
-
*/
|
20
|
-
@import "./components/index.css";
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from "./components";
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import "../index.css";
|
2
|
-
|
3
|
-
import type { AppProps } from "next/app";
|
4
|
-
import { StrictMode } from "react";
|
5
|
-
|
6
|
-
function App({ Component, pageProps }: AppProps) {
|
7
|
-
return (
|
8
|
-
<StrictMode>
|
9
|
-
<Component {...pageProps} />
|
10
|
-
</StrictMode>
|
11
|
-
);
|
12
|
-
}
|
13
|
-
|
14
|
-
export default App;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
|
2
|
-
import type { NextApiRequest, NextApiResponse } from "next";
|
3
|
-
|
4
|
-
type Data = {
|
5
|
-
name: string
|
6
|
-
};
|
7
|
-
|
8
|
-
export default function handler(
|
9
|
-
_: NextApiRequest,
|
10
|
-
res: NextApiResponse<Data>
|
11
|
-
) {
|
12
|
-
res.status(200).json({ name: "John Doe" });
|
13
|
-
}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import Head from "next/head";
|
2
|
-
|
3
|
-
import { CardGrid } from "../components/CardGrid";
|
4
|
-
import { Footer } from "../components/Footer";
|
5
|
-
import { GetStarted } from "../components/GetStarted";
|
6
|
-
import { Welcome } from "../components/Welcome";
|
7
|
-
|
8
|
-
export default function Home() {
|
9
|
-
return (
|
10
|
-
<>
|
11
|
-
<Head>
|
12
|
-
<title>Create Next App</title>
|
13
|
-
<meta name="description" content="Generated by create next app" />
|
14
|
-
<link rel="icon" href="/favicon.ico" />
|
15
|
-
</Head>
|
16
|
-
|
17
|
-
<main>
|
18
|
-
<Welcome />
|
19
|
-
<GetStarted />
|
20
|
-
<CardGrid />
|
21
|
-
</main>
|
22
|
-
|
23
|
-
<Footer />
|
24
|
-
</>
|
25
|
-
);
|
26
|
-
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
module.exports = {
|
2
|
-
content: ["src/**/*.{js,ts,jsx,tsx}"],
|
3
|
-
theme: {
|
4
|
-
extend: {
|
5
|
-
screens: {
|
6
|
-
"3xl": "1920px",
|
7
|
-
"4xl": "3840px",
|
8
|
-
},
|
9
|
-
backgroundImage: {
|
10
|
-
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))"
|
11
|
-
},
|
12
|
-
border : [ "hover"],
|
13
|
-
},
|
14
|
-
},
|
15
|
-
variants: {
|
16
|
-
extend: {},
|
17
|
-
},
|
18
|
-
plugins: [],
|
19
|
-
};
|