refact, please ignore

i5ting · Apr 23, 2023 · 6f4d50d · 6f4d50d
1 parent 70d4a50
commit 6f4d50d
Show file tree

Hide file tree

Showing 52 changed files with 341 additions and 1 deletion.
diff --git a/client/.env b/client/.env
@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true
diff --git a/client/.gitignore b/client/.gitignore
@@ -0,0 +1,22 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.eslintcache
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/client/README.md b/client/README.md
@@ -0,0 +1,15 @@
+# React-admin tutorial
+
+This is the application built while following the [tutorial](https://marmelab.com/react-admin/Tutorial.html).
+
+## How to run
+
+After having cloned the react-admin repository, run the following commands:
+
+```sh
+make install
+
+make build
+
+make run-tutorial
+```
diff --git a/client/index.html b/client/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Vite + React + TS</title>
+        <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+        />
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>
diff --git a/client/package.json b/client/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "tutorial",
+  "version": "4.9.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "ra-data-json-server": "^4.9.1",
+    "ra-data-simple-rest": "^4.9.1",
+    "react": "^18.2.0",
+    "react-admin": "^4.9.1",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.22",
+    "@types/react-dom": "^18.0.7",
+    "@vitejs/plugin-react": "^2.2.0",
+    "typescript": "^4.6.4",
+    "vite": "^3.2.0"
+  }
+}
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
diff --git a/client/sandbox.config.json b/client/sandbox.config.json
@@ -0,0 +1,9 @@
+{
+    "infiniteLoopProtection": true,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "node",
+    "container": {
+        "node": "16"
+    }
+}
diff --git a/client/src/App.tsx b/client/src/App.tsx
@@ -0,0 +1,47 @@
+import { Admin, Resource } from "react-admin";
+import { fetchUtils } from "ra-core";
+import jsonServerProvider from "ra-data-json-server";
+import PostIcon from "@mui/icons-material/Book";
+import UserIcon from "@mui/icons-material/Group";
+
+import { PostList, PostEdit, PostCreate, PostShow } from "./posts";
+import { UserList } from "./users";
+import { Dashboard } from "./Dashboard";
+import { authProvider } from "./authProvider";
+
+import simpleRestProvider from "ra-data-simple-rest";
+
+// const dataProvider = simpleRestProvider(
+//   "http://localhost:7001",
+//   fetchUtils.fetchJson,
+//   "X-Total-Count"
+// );
+
+// const dataProvider = jsonServerProvider("http://127.0.0.1:7001");
+
+const dataProvider = jsonServerProvider("https://jsonplaceholder.typicode.com");
+
+const App = () => (
+  <Admin
+    authProvider={authProvider}
+    dataProvider={dataProvider}
+    dashboard={Dashboard}
+  >
+    <Resource
+      name="posts"
+      list={PostList}
+      edit={PostEdit}
+      create={PostCreate}
+      icon={PostIcon}
+      show={PostShow}
+    />
+    <Resource
+      name="users"
+      list={UserList}
+      icon={UserIcon}
+      recordRepresentation="name"
+    />
+  </Admin>
+);
+
+export default App;
diff --git a/client/src/Dashboard.tsx b/client/src/Dashboard.tsx
@@ -0,0 +1,8 @@
+import { Card, CardContent, CardHeader } from '@mui/material';
+
+export const Dashboard = () => (
+    <Card>
+        <CardHeader title="Welcome to the administration" />
+        <CardContent>Lorem ipsum sic dolor amet...</CardContent>
+    </Card>
+);
diff --git a/client/src/MyUrlField.tsx b/client/src/MyUrlField.tsx
@@ -0,0 +1,15 @@
+import { useRecordContext } from 'react-admin';
+import { Link } from '@mui/material';
+import LaunchIcon from '@mui/icons-material/Launch';
+
+const MyUrlField = ({ source }: { source: string }) => {
+    const record = useRecordContext();
+    return record ? (
+        <Link href={record[source]} sx={{ textDecoration: 'none' }}>
+            {record[source]}
+            <LaunchIcon sx={{ fontSize: 15, ml: 1 }} />
+        </Link>
+    ) : null;
+};
+
+export default MyUrlField;
diff --git a/client/src/assets/react.svg b/client/src/assets/react.svg
diff --git a/client/src/authProvider.ts b/client/src/authProvider.ts
@@ -0,0 +1,31 @@
+import { AuthProvider } from 'react-admin';
+
+export const authProvider: AuthProvider = {
+    // called when the user attempts to log in
+    login: ({ username }: { username: string }) => {
+        localStorage.setItem('username', username);
+        // accept all username/password combinations
+        return Promise.resolve();
+    },
+    // called when the user clicks on the logout button
+    logout: () => {
+        localStorage.removeItem('username');
+        return Promise.resolve();
+    },
+    // called when the API returns an error
+    checkError: ({ status }: { status: number }) => {
+        if (status === 401 || status === 403) {
+            localStorage.removeItem('username');
+            return Promise.reject();
+        }
+        return Promise.resolve();
+    },
+    // called when the user navigates to a new location, to check for authentication
+    checkAuth: () => {
+        return localStorage.getItem('username')
+            ? Promise.resolve()
+            : Promise.reject();
+    },
+    // called when the user navigates to a new location, to check for permissions / roles
+    getPermissions: () => Promise.resolve(),
+};
diff --git a/client/src/index.css b/client/src/index.css
@@ -0,0 +1,3 @@
+body {
+    margin: 0;
+}
diff --git a/client/src/main.tsx b/client/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import './index.css';
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>
+);
diff --git a/client/src/posts.tsx b/client/src/posts.tsx
@@ -0,0 +1,71 @@
+import {
+  List,
+  Datagrid,
+  TextField,
+  ReferenceField,
+  EditButton,
+  DeleteButton,
+  SimpleShowLayout,
+  Show,
+  ShowButton,
+  Edit,
+  Create,
+  SimpleForm,
+  ReferenceInput,
+  TextInput,
+  useRecordContext,
+} from "react-admin";
+
+const postFilters = [
+  <TextInput source="q" label="Search" alwaysOn />,
+  <ReferenceInput source="userId" label="User" reference="users" />,
+];
+
+export const PostList = () => (
+  <List filters={postFilters}>
+    <Datagrid rowClick="edit">
+      <TextField source="id" />
+      <TextField source="title" />
+      <EditButton label="编辑" />
+      <ShowButton label="查看" />
+      <DeleteButton label="删除" />
+    </Datagrid>
+  </List>
+);
+
+const PostTitle = () => {
+  const record = useRecordContext();
+  return <span>Post {record ? `"${record.title}"` : ""}</span>;
+};
+
+export const PostEdit = () => (
+  <Edit title={<PostTitle />}>
+    <SimpleForm>
+      <TextInput source="id" disabled />
+      {/* <ReferenceInput source="userId" reference="users" /> */}
+      <TextInput source="title" />
+      {/* <TextInput source="description" multiline rows={5} /> */}
+    </SimpleForm>
+  </Edit>
+);
+
+export const PostCreate = () => (
+  <Create>
+    <SimpleForm>
+      <ReferenceInput source="userId" reference="users" />
+      <TextInput source="title" />
+      <TextInput source="body" multiline rows={5} />
+    </SimpleForm>
+  </Create>
+);
+
+export const PostShow = () => (
+  <Show>
+    <SimpleShowLayout>
+      <TextField source="title" />
+      <TextField source="teaser" />
+      {/* <RichTextField source="body" /> */}
+      {/* <DateField label="Publication date" source="published_at" /> */}
+    </SimpleShowLayout>
+  </Show>
+);
diff --git a/client/src/users.tsx b/client/src/users.tsx
@@ -0,0 +1,27 @@
+import { useMediaQuery } from '@mui/material';
+import { List, SimpleList, Datagrid, TextField, EmailField } from 'react-admin';
+import MyUrlField from './MyUrlField';
+
+export const UserList = () => {
+    const isSmall = useMediaQuery<any>(theme => theme.breakpoints.down('sm'));
+    return (
+        <List>
+            {isSmall ? (
+                <SimpleList
+                    primaryText={record => record.name}
+                    secondaryText={record => record.username}
+                    tertiaryText={record => record.email}
+                />
+            ) : (
+                <Datagrid rowClick="edit">
+                    <TextField source="id" />
+                    <TextField source="name" />
+                    <EmailField source="email" />
+                    <TextField source="phone" />
+                    <MyUrlField source="website" />
+                    <TextField source="company.name" />
+                </Datagrid>
+            )}
+        </List>
+    );
+};
diff --git a/client/src/vite-env.d.ts b/client/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/client/tsconfig.json b/client/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/client/tsconfig.node.json b/client/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/client/vite.config.ts b/client/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [react()],
+});
diff --git a/README.md → server/README.md b/README.md → server/README.md
diff --git a/README.zh-CN.md → server/README.zh-CN.md b/README.zh-CN.md → server/README.zh-CN.md
diff --git a/bootstrap.js → server/bootstrap.js b/bootstrap.js → server/bootstrap.js
diff --git a/jest.config.js → server/jest.config.js b/jest.config.js → server/jest.config.js
diff --git a/package.json → server/package.json b/package.json → server/package.json
@@ -36,7 +36,7 @@
   },
   "scripts": {
     "start": "NODE_ENV=production node ./bootstrap.js",
-    "dev": "cross-env NODE_ENV=local midway-bin dev --ts",
+    "dev": "cross-env NODE_ENV=local midway-bin dev --ts --port 7002",
     "test": "midway-bin test --ts",
     "cov": "midway-bin cov --ts",
     "lint": "mwts check",

diff --git a/src/config/config.default.ts → server/src/config/config.default.ts b/src/config/config.default.ts → server/src/config/config.default.ts
diff --git a/src/config/config.unittest.ts → server/src/config/config.unittest.ts b/src/config/config.unittest.ts → server/src/config/config.unittest.ts
diff --git a/src/configuration.ts → server/src/configuration.ts b/src/configuration.ts → server/src/configuration.ts
diff --git a/src/controller/api.controller.ts → server/src/controller/api.controller.ts b/src/controller/api.controller.ts → server/src/controller/api.controller.ts
diff --git a/src/controller/home.controller.ts → server/src/controller/home.controller.ts b/src/controller/home.controller.ts → server/src/controller/home.controller.ts
diff --git a/src/controller/user.controller.ts → server/src/controller/user.controller.ts b/src/controller/user.controller.ts → server/src/controller/user.controller.ts
diff --git a/src/controller/weather.controller.ts → server/src/controller/weather.controller.ts b/src/controller/weather.controller.ts → server/src/controller/weather.controller.ts
diff --git a/src/core/crud.service.ts → server/src/core/crud.service.ts b/src/core/crud.service.ts → server/src/core/crud.service.ts
diff --git a/src/core/entities/base.entity.ts → server/src/core/entities/base.entity.ts b/src/core/entities/base.entity.ts → server/src/core/entities/base.entity.ts
diff --git a/src/core/entities/crud.entity.ts → server/src/core/entities/crud.entity.ts b/src/core/entities/crud.entity.ts → server/src/core/entities/crud.entity.ts
diff --git a/src/core/interfaces/repository.interface.ts → ...c/core/interfaces/repository.interface.ts b/src/core/interfaces/repository.interface.ts → ...c/core/interfaces/repository.interface.ts
diff --git a/src/core/repository/base.repository.ts → ...er/src/core/repository/base.repository.ts b/src/core/repository/base.repository.ts → ...er/src/core/repository/base.repository.ts
diff --git a/src/entity/photo.entity.ts → server/src/entity/photo.entity.ts b/src/entity/photo.entity.ts → server/src/entity/photo.entity.ts
diff --git a/src/error/weather.error.ts → server/src/error/weather.error.ts b/src/error/weather.error.ts → server/src/error/weather.error.ts
diff --git a/src/filter/default.filter.ts → server/src/filter/default.filter.ts b/src/filter/default.filter.ts → server/src/filter/default.filter.ts
diff --git a/src/filter/notfound.filter.ts → server/src/filter/notfound.filter.ts b/src/filter/notfound.filter.ts → server/src/filter/notfound.filter.ts
diff --git a/src/filter/weather.filter.ts → server/src/filter/weather.filter.ts b/src/filter/weather.filter.ts → server/src/filter/weather.filter.ts
diff --git a/src/interface.ts → server/src/interface.ts b/src/interface.ts → server/src/interface.ts
diff --git a/src/middleware/report.middleware.ts → server/src/middleware/report.middleware.ts b/src/middleware/report.middleware.ts → server/src/middleware/report.middleware.ts
diff --git a/src/service/photo.service.ts → server/src/service/photo.service.ts b/src/service/photo.service.ts → server/src/service/photo.service.ts
diff --git a/src/service/user.service.ts → server/src/service/user.service.ts b/src/service/user.service.ts → server/src/service/user.service.ts
diff --git a/src/service/weather.service.ts → server/src/service/weather.service.ts b/src/service/weather.service.ts → server/src/service/weather.service.ts
diff --git a/test/controller/api.test.ts → server/test/controller/api.test.ts b/test/controller/api.test.ts → server/test/controller/api.test.ts
diff --git a/test/controller/home.test.ts → server/test/controller/home.test.ts b/test/controller/home.test.ts → server/test/controller/home.test.ts
diff --git a/test/controller/weather.test.ts → server/test/controller/weather.test.ts b/test/controller/weather.test.ts → server/test/controller/weather.test.ts
diff --git a/tsconfig.json → server/tsconfig.json b/tsconfig.json → server/tsconfig.json
diff --git a/view/info.html → server/view/info.html b/view/info.html → server/view/info.html