dumtruck/konobangu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update recorder api playground styles

Browse Source
This commit is contained in:
master
2025-01-15 01:22:05 +08:00
parent 9a2a8f029f
commit 027112db9a
40 changed files with 1700 additions and 1325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/app/package.json
View File

@@ -11,25 +11,25 @@
"typecheck": "tsc --noEmit --emitDeclarationOnly false"
},
"dependencies": {
"@prisma/client": "6.0.1",
"@konobangu/analytics": "workspace:*",
"@konobangu/auth": "workspace:*",
"@konobangu/collaboration": "workspace:*",
"@konobangu/database": "workspace:*",
"@konobangu/migrate": "workspace:*",
"@konobangu/design-system": "workspace:*",
"@konobangu/env": "workspace:*",
"@konobangu/feature-flags": "workspace:*",
"@konobangu/migrate": "workspace:*",
"@konobangu/next-config": "workspace:*",
"@konobangu/security": "workspace:*",
"@konobangu/seo": "workspace:*",
"@konobangu/tailwind-config": "workspace:*",
"@konobangu/webhooks": "workspace:*",
"@sentry/nextjs": "^8.43.0",
"@prisma/client": "6.0.1",
"@sentry/nextjs": "^8.48.0",
"fuse.js": "^7.0.0",
"import-in-the-middle": "^1.11.3",
"import-in-the-middle": "^1.12.0",
"lucide-react": "^0.468.0",
"next": "^15.1.3",
"next": "^15.1.4",
"next-themes": "^0.4.4",
"react": "^19.0.0",
"react-dom": "^19.0.0",
@@ -44,8 +44,8 @@
"@types/react": "19.0.1",
"@types/react-dom": "19.0.2",
"jsdom": "^25.0.1",
"tailwindcss": "^3.4.16",
"typescript": "^5.7.2",
"tailwindcss": "^3.4.17",
"typescript": "^5.7.3",
"vitest": "^2.1.8"
}
}

2
apps/docs/package.json
View File

@@ -6,6 +6,6 @@
"lint": "npx --yes mintlify broken-links"
},
"devDependencies": {
"typescript": "^5.7.2"
"typescript": "^5.7.3"
}
}

4
apps/email-playground/package.json
View File

@@ -10,8 +10,8 @@
"typecheck": "tsc --noEmit --emitDeclarationOnly false"
},
"dependencies": {
"@react-email/components": "0.0.31",
"@konobangu/email": "workspace:*",
"@react-email/components": "0.0.31",
"react": "^19.0.0",
"react-email": "3.0.4"
},
@@ -19,6 +19,6 @@
"@konobangu/typescript-config": "workspace:*",
"@types/node": "22.10.1",
"@types/react": "19.0.1",
"typescript": "^5.7.2"
"typescript": "^5.7.3"
}
}

4
apps/proxy/package.json
View File

@@ -9,7 +9,7 @@
"keywords": [],
"license": "MIT",
"devDependencies": {
"whistle": "^2.9.61",
"cross-env": "^7.0.3"
"cross-env": "^7.0.3",
"whistle": "^2.9.93"
}
}

21
apps/recorder/package.json
View File

@@ -9,8 +9,11 @@
"dependencies": {
"@graphiql/react": "^0.28.2",
"@graphiql/toolkit": "^0.11.1",
"@tanstack/react-router": "^1.95.5",
"@tanstack/router-devtools": "^1.95.5",
"@konobangu/design-system": "workspace:*",
"@konobangu/tailwind-config": "workspace:*",
"@tanstack/react-router": "^1.95.6",
"@tanstack/router-devtools": "^1.95.6",
"graphiql": "^3.8.3",
"graphql-ws": "^5.16.2",
"oidc-client-ts": "^3.1.0",
"react": "^19.0.0",
@@ -18,11 +21,13 @@
"react-oidc-context": "^3.2.0"
},
"devDependencies": {
"@rsbuild/core": "^1.1.8",
"@rsbuild/plugin-react": "^1.0.7",
"@tanstack/router-plugin": "^1.95.5",
"@types/react": "^19.0.0",
"@types/react-dom": "^19.0.0",
"typescript": "^5.7.2"
"@konobangu/typescript-config": "workspace:*",
"@rsbuild/core": "^1.1.13",
"@rsbuild/plugin-react": "^1.1.0",
"@tanstack/router-plugin": "^1.95.6",
"@types/react": "^19.0.7",
"@types/react-dom": "^19.0.3",
"tailwindcss": "^3.4.17",
"typescript": "^5.7.3"
}
}

5
apps/recorder/postcss.config.js Normal file
View File

@@ -0,0 +1,5 @@
export default {
plugins: {
tailwindcss: {},
},
}

15
apps/recorder/rsbuild.config.ts
View File

@@ -6,12 +6,12 @@ export default defineConfig({
plugins: [pluginReact()],
html: {
favicon: './public/assets/favicon.ico',
tags: [
{
tag: 'script',
attrs: { src: 'https://cdn.tailwindcss.com' },
},
],
// tags: [
// {
// tag: 'script',
// attrs: { src: 'https://cdn.tailwindcss.com' },
// },
// ],
},
tools: {
rspack: {
@@ -19,6 +19,9 @@ export default defineConfig({
},
},
source: {
entry: {
index: './src/main.tsx',
},
define: {
'process.env.AUTH_TYPE': JSON.stringify(process.env.AUTH_TYPE),
'process.env.OIDC_CLIENT_ID': JSON.stringify(process.env.OIDC_CLIENT_ID),

6
apps/recorder/src/controllers/__root.tsx
View File

@@ -26,7 +26,7 @@ export const Route = createRootRouteWithContext<RouterContext>()({
function RootComponent() {
return (
<>
<div className="flex gap-2 p-2 text-lg">
{/* <div className="flex gap-2 p-2 text-lg ">
<Link
to="/"
activeProps={{
@@ -43,8 +43,8 @@ function RootComponent() {
>
GraphQL
</Link>
</div>
<hr />
</div> */}
{/* <hr /> */}
<Outlet />
<TanStackRouterDevtools position="bottom-right" />
</>

12
apps/recorder/src/controllers/graphql/index.tsx
View File

@@ -1,10 +1,10 @@
import { GraphiQLProvider, QueryEditor } from '@graphiql/react';
import { createGraphiQLFetcher } from '@graphiql/toolkit';
import { createFileRoute } from '@tanstack/react-router';
import GraphiQL from 'graphiql';
import { useMemo } from 'react';
import { useAuth } from 'react-oidc-context';
import { beforeLoadGuard } from '../../auth/guard';
import '@graphiql/react/dist/style.css';
import 'graphiql/graphiql.css';
export const Route = createFileRoute('/graphql/')({
component: RouteComponent,
@@ -27,11 +27,5 @@ function RouteComponent() {
[auth]
);
return (
<GraphiQLProvider fetcher={fetcher}>
<div className="graphiql-container h-svh">
<QueryEditor />
</div>
</GraphiQLProvider>
);
return <GraphiQL fetcher={fetcher} className="h-svh" />;
}

0
apps/recorder/src/controllers/graphql/style.css
View File

6
apps/recorder/src/controllers/index.tsx
View File

@@ -1,9 +1,9 @@
import { createFileRoute } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router'
export const Route = createFileRoute('/')({
component: RouteComponent,
});
})
function RouteComponent() {
return <div>Hello to playground!</div>;
return <div>Hello to playground!</div>
}

3
apps/recorder/src/main.css Normal file
View File

@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

2
apps/recorder/src/index.tsx → apps/recorder/src/main.tsx
View File

@@ -1,9 +1,11 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
import { App } from './app';
import './main.css';
const rootEl = document.getElementById('root');
if (rootEl) {
rootEl.classList.add('min-h-svh');
const root = ReactDOM.createRoot(rootEl);
root.render(
<React.StrictMode>

1
apps/recorder/tailwind.config.ts Normal file
View File

@@ -0,0 +1 @@
export { config as default } from '@konobangu/tailwind-config/config';

7
apps/recorder/tsconfig.json
View File

@@ -1,15 +1,10 @@
{
"extends": "@konobangu/typescript-config/base.json",
"compilerOptions": {
"lib": ["DOM", "ES2022", "DOM.AsyncIterable", "DOM.Iterable"],
"lib": ["DOM", "ES2024", "DOM.AsyncIterable", "DOM.Iterable"],
"jsx": "react-jsx",
"target": "ES2020",
"noEmit": true,
"skipLibCheck": true,
"useDefineForClassFields": true,
"module": "ESNext",
"isolatedModules": true,
"resolveJsonModule": true,
"moduleResolution": "Bundler",
"allowImportingTsExtensions": true,
"strict": true,

18
apps/storybook/package.json
View File

@@ -12,12 +12,12 @@
"dependencies": {
"@konobangu/design-system": "workspace:*",
"lucide-react": "^0.468.0",
"next": "^15.1.3",
"next": "^15.1.4",
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
"devDependencies": {
"@chromatic-com/storybook": "^3.2.2",
"@chromatic-com/storybook": "^3.2.3",
"@konobangu/typescript-config": "workspace:*",
"@storybook/addon-essentials": "^8.4.7",
"@storybook/addon-interactions": "^8.4.7",
@@ -27,13 +27,13 @@
"@storybook/nextjs": "^8.4.7",
"@storybook/react": "^8.4.7",
"@storybook/test": "^8.4.7",
"@types/node": "^22",
"@types/react": "^19",
"@types/react-dom": "^19",
"chromatic": "^11.20.1",
"postcss": "^8",
"@types/node": "^22.10.6",
"@types/react": "^19.0.7",
"@types/react-dom": "^19.0.3",
"chromatic": "^11.23.0",
"postcss": "^8.5.1",
"storybook": "^8.4.7",
"tailwindcss": "^3.4.16",
"typescript": "^5"
"tailwindcss": "^3.4.17",
"typescript": "^5.7.3"
}
}

20
apps/web/package.json
View File

@@ -11,7 +11,9 @@
},
"dependencies": {
"@arcjet/next": "1.0.0-alpha.34",
"@radix-ui/react-icons": "^1.3.2",
"@content-collections/core": "^0.8.0",
"@content-collections/mdx": "^0.2.0",
"@content-collections/next": "^0.2.4",
"@konobangu/cms": "workspace:*",
"@konobangu/design-system": "workspace:*",
"@konobangu/email": "workspace:*",
@@ -22,13 +24,11 @@
"@konobangu/rate-limit": "workspace:*",
"@konobangu/seo": "workspace:*",
"@konobangu/tailwind-config": "workspace:*",
"@sentry/nextjs": "^8.43.0",
"@content-collections/mdx": "^0.2.0",
"@content-collections/core": "^0.8.0",
"@content-collections/next": "^0.2.4",
"@radix-ui/react-icons": "^1.3.2",
"@sentry/nextjs": "^8.48.0",
"date-fns": "^4.1.0",
"fumadocs-core": "^14.6.0",
"import-in-the-middle": "^1.11.3",
"fumadocs-core": "^14.7.4",
"import-in-the-middle": "^1.12.0",
"lucide-react": "^0.468.0",
"mdx-bundler": "^10.0.3",
"react": "^19.0.0",
@@ -37,7 +37,7 @@
"reading-time": "^1.5.0",
"require-in-the-middle": "^7.4.0",
"sharp": "^0.33.5",
"shiki": "^1.24.2",
"shiki": "^1.27.0",
"sqip": "1.0.0-alpha.51",
"sqip-plugin-data-uri": "1.0.0-alpha.52",
"sqip-plugin-primitive": "1.0.0-alpha.53",
@@ -48,7 +48,7 @@
"@types/node": "22.10.1",
"@types/react": "19.0.1",
"@types/react-dom": "19.0.2",
"tailwindcss": "^3.4.16",
"typescript": "^5.7.2"
"tailwindcss": "^3.4.17",
"typescript": "^5.7.3"
}
}