Initial commit

Author: stevending1st

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,11 @@
+Checklist（清单）:
+
+<!-- Please follow this checklist and put an x in each of the boxes, like this: [x].（请遵循此清单，并在每个 [ ] 中输入 x，如下所示：[x]。） -->
+
+- [ ] Labels
+- [ ] Assignees
+- [ ] Reviewers
+
+<!--If your pull request closes a GitHub issue, replace the XXXXX below with the issue number.（如果 pull request 关闭一个 GitHub issue，请用 GitHub issue 编号替换下面的 XXXXX）-->
+
+Closes #XXXXX

.github/workflows/main.yml

@@ -0,0 +1,26 @@
+name: CI & CD
+on:
+  push:
+    branches:
+      - main
+jobs:
+  Build-and-Deploy:
+    env:
+      VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        if: ${{ env.VERCEL_TOKEN && env.VERCEL_ORG_ID && env.VERCEL_PROJECT_ID }}
+        uses: actions/checkout@v2
+
+      - uses: amondnet/vercel-action@v20
+        if: ${{ env.VERCEL_TOKEN && env.VERCEL_ORG_ID && env.VERCEL_PROJECT_ID }}
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+          working-directory: ./
+          vercel-args: --prod

.github/workflows/pull-request.yml

@@ -0,0 +1,25 @@
+name: Pull Request
+on:
+  push:
+    branches-ignore:
+      - main
+jobs:
+  Build-and-Deploy:
+    env:
+      VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        if: ${{ env.VERCEL_TOKEN && env.VERCEL_ORG_ID && env.VERCEL_PROJECT_ID }}
+        uses: actions/checkout@v2
+
+      - uses: amondnet/vercel-action@v20
+        if: ${{ env.VERCEL_TOKEN && env.VERCEL_ORG_ID && env.VERCEL_PROJECT_ID }}
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+          working-directory: ./

.gitignore

@@ -0,0 +1,40 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+
+# IDE
+.vscode/settings.json

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+. "$(dirname "$0")/_/husky.sh"
+
+npm test

.husky/pre-push

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+. "$(dirname "$0")/_/husky.sh"
+
+npm run build

.vscode/launch.json

@@ -0,0 +1,18 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Debug Jest",
+      "type": "node",
+      "request": "launch",
+      "port": 9229,
+      "runtimeArgs": [
+        "--inspect-brk",
+        "${workspaceRoot}/node_modules/jest/bin/jest.js",
+        "--runInBand"
+      ],
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen"
+    }
+  ]
+}

README.md

@@ -0,0 +1,82 @@
+# Next-Bootstrap.ts
+
+[React][1] project scaffold based on [TypeScript][2], [Next.js][3] & [Bootstrap][4]. And this project bootstrapped with [`create-next-app`][5].
+
+[![NPM Dependency](https://david-dm.org/idea2app/next-bootstrap-ts.svg)][6]
+[![CI & CD](https://github.com/idea2app/next-bootstrap-ts/workflows/CI%20&%20CD/badge.svg)][7]
+
+## Technology stack
+
+- Language: [TypeScript v4][2]
+- Component engine: [Nextjs v12][3]
+- Component suite: [Bootstrap v5][4]
+- Test framework: [Jest][8] + [Playwright][9]
+- CI / CD: GitHub [Actions][10] + [Vercel][11]
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open http://localhost:3000 with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes][12] can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in `pages/api/hello.ts`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes][12] instead of React pages.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation][13] - learn about Next.js features and API.
+- [Learn Next.js][14] - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository][15] - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform][11] from the creators of Next.js.
+
+Check out our [Next.js deployment documentation][16] for more details.
+
+## End-to-End testing
+
+### NPM script
+
+```shell
+npm run e2e
+```
+
+### VS Code
+
+press <key>F5</key>
+
+### Learn more
+
+1. Runner & Assert framework: [Jest][8]
+2. Browser Operation library: [Playwright][9] & [its community][17]
+
+[1]: https://reactjs.org/
+[2]: https://www.typescriptlang.org/
+[3]: https://nextjs.org/
+[4]: https://getbootstrap.com/
+[5]: https://github.com/vercel/next.js/tree/canary/packages/create-next-app
+[6]: https://david-dm.org/idea2app/next-bootstrap-ts
+[7]: https://github.com/idea2app/next-bootstrap-ts/actions
+[8]: https://jestjs.io/
+[9]: https://playwright.dev/
+[10]: https://github.com/features/actions
+[11]: https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme
+[12]: https://nextjs.org/docs/api-routes/introduction
+[13]: https://nextjs.org/docs
+[14]: https://nextjs.org/learn
+[15]: https://github.com/vercel/next.js/
+[16]: https://nextjs.org/docs/deployment
+[17]: https://playwright.tech/

components/Editor.tsx

@@ -0,0 +1,21 @@
+import { Editor as Core, EditorProps } from 'idea-react';
+
+import List from '@editorjs/list';
+import Code from '@editorjs/code';
+import LinkTool from '@editorjs/link';
+import Image from '@editorjs/image';
+import Header from '@editorjs/header';
+import Quote from '@editorjs/quote';
+
+const Tools = {
+  list: List,
+  code: Code,
+  linkTool: LinkTool,
+  image: Image,
+  header: Header,
+  quote: Quote,
+};
+
+export default function Editor(props: Omit<EditorProps, 'tools'>) {
+  return <Core tools={Tools} {...props} />;
+}