commit 0f576d54804f2decb46b3582edac9ba8d7fbe2b5 Author: imbytecat Date: Tue Feb 18 09:19:28 2025 +0800 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..cb002cb --- /dev/null +++ b/.gitignore @@ -0,0 +1,178 @@ +# Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore + +# Logs + +logs +_.log +npm-debug.log_ +yarn-debug.log* +yarn-error.log* +lerna-debug.log* +.pnpm-debug.log* + +# Caches + +.cache + +# Diagnostic reports (https://nodejs.org/api/report.html) + +report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json + +# Runtime data + +pids +_.pid +_.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover + +lib-cov + +# Coverage directory used by tools like istanbul + +coverage +*.lcov + +# nyc test coverage + +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) + +.grunt + +# Bower dependency directory (https://bower.io/) + +bower_components + +# node-waf configuration + +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) + +build/Release + +# Dependency directories + +node_modules/ +jspm_packages/ + +# Snowpack dependency directory (https://snowpack.dev/) + +web_modules/ + +# TypeScript cache + +*.tsbuildinfo + +# Optional npm cache directory + +.npm + +# Optional eslint cache + +.eslintcache + +# Optional stylelint cache + +.stylelintcache + +# Microbundle cache + +.rpt2_cache/ +.rts2_cache_cjs/ +.rts2_cache_es/ +.rts2_cache_umd/ + +# Optional REPL history + +.node_repl_history + +# Output of 'npm pack' + +*.tgz + +# Yarn Integrity file + +.yarn-integrity + +# dotenv environment variable files + +.env +.env.development.local +.env.test.local +.env.production.local +.env.local + +# parcel-bundler cache (https://parceljs.org/) + +.parcel-cache + +# Next.js build output + +.next +out + +# Nuxt.js build / generate output + +.nuxt +dist + +# Gatsby files + +# Comment in the public line in if your project uses Gatsby and not Next.js + +# https://nextjs.org/blog/next-9-1#public-directory-support + +# public + +# vuepress build output + +.vuepress/dist + +# vuepress v2.x temp and cache directory + +.temp + +# Docusaurus cache and generated files + +.docusaurus + +# Serverless directories + +.serverless/ + +# FuseBox cache + +.fusebox/ + +# DynamoDB Local files + +.dynamodb/ + +# TernJS port file + +.tern-port + +# Stores VSCode versions used for testing VSCode extensions + +.vscode-test + +# yarn v2 + +.yarn/cache +.yarn/unplugged +.yarn/build-state.yml +.yarn/install-state.gz +.pnp.* + +# IntelliJ based IDEs +.idea + +# Finder (MacOS) folder config +.DS_Store + +# Bun +bun.lock diff --git a/README.md b/README.md new file mode 100644 index 0000000..10ba225 --- /dev/null +++ b/README.md @@ -0,0 +1,15 @@ +# graphql-demo + +To install dependencies: + +```bash +bun install +``` + +To run: + +```bash +bun run index.ts +``` + +This project was created using `bun init` in bun v1.2.2. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime. diff --git a/apollo.config.json b/apollo.config.json new file mode 100644 index 0000000..a0371af --- /dev/null +++ b/apollo.config.json @@ -0,0 +1,8 @@ +{ + "client": { + "service": { + "name": "directus", + "url": "http://172.16.6.246:8055/graphql?access_token=WkVWFMiFcrjsXRZqsL30Cd4Sboe0DRk-" + } + } +} \ No newline at end of file diff --git a/codegen.ts b/codegen.ts new file mode 100644 index 0000000..f5b5ced --- /dev/null +++ b/codegen.ts @@ -0,0 +1,19 @@ +import type { CodegenConfig } from '@graphql-codegen/cli'; + +const config: CodegenConfig = { + schema: process.env.GRAPHQL_ENDPOINT, + // this assumes that all your source files are in a top-level `src/` directory - you might need to adjust this to your file structure + documents: ['src/**/*.{ts,tsx}'], + generates: { + './src/__generated__/': { + preset: 'client', + plugins: [], + presetConfig: { + gqlTagName: 'gql', + } + } + }, + ignoreNoDocuments: true, +}; + +export default config; diff --git a/graphql.config.ts b/graphql.config.ts new file mode 100644 index 0000000..7fbbbe7 --- /dev/null +++ b/graphql.config.ts @@ -0,0 +1,22 @@ +import dotenv from 'dotenv'; +dotenv.config(); + +// .graphqlrc.ts or graphql.config.ts +export default { + projects: { + directus: { + schema: process.env.GRAPHQL_ENDPOINT_WITH_TOKEN, + documents: ['src/**/*.{graphql,js,ts,jsx,tsx}'], + extensions: { + endpoints: { + default: { + url: process.env.GRAPHQL_ENDPOINT, + headers: { + Authorization: `Bearer ${process.env.API_TOKEN}`, + }, + }, + }, + }, + }, + }, +}; \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..ec81f3e --- /dev/null +++ b/package.json @@ -0,0 +1,25 @@ +{ + "name": "graphql-demo", + "scripts": { + "dev": "bun run --watch src/index.ts", + "compile": "graphql-codegen", + "watch": "graphql-codegen -w" + }, + "module": "index.ts", + "type": "module", + "devDependencies": { + "@graphql-codegen/cli": "^5.0.5", + "@graphql-codegen/client-preset": "^4.6.2", + "@graphql-typed-document-node/core": "^3.2.0", + "@types/bun": "latest" + }, + "peerDependencies": { + "typescript": "^5.7.3" + }, + "dependencies": { + "@apollo/client": "^3.13.1", + "axios": "^1.7.9", + "graphql": "^16.10.0", + "ofetch": "^1.4.1" + } +} \ No newline at end of file diff --git a/src/index.apollo.ts b/src/index.apollo.ts new file mode 100644 index 0000000..200c880 --- /dev/null +++ b/src/index.apollo.ts @@ -0,0 +1,32 @@ +import { ofetch } from 'ofetch'; + +const gqlText = ` +query QueryAllUserProjects { + demo_users{ + id + name + projects{ + id + demo_projects_id{ + id + name + } + } + } + } +`; + +(async () => { + const result = await ofetch("http://172.16.6.246:8055/graphql", { + method: 'POST', + headers: { + 'Authorization': 'Bearer WkVWFMiFcrjsXRZqsL30Cd4Sboe0DRk-', + 'Content-Type': 'application/json', + }, + body: { + query: gqlText, + variables: {} + }, + }) + console.log(JSON.stringify(result, null, 2)); +})(); diff --git a/src/index.ts b/src/index.ts new file mode 100644 index 0000000..7e17fe1 --- /dev/null +++ b/src/index.ts @@ -0,0 +1,33 @@ +import { ofetch } from 'ofetch'; + +const gqlText = ` +query QueryAllUserProjects { + demo_users{ + id + name + projects{ + id + demo_projects_id{ + id + name + } + } + } + } +`; + + +(async () => { + const result = await ofetch("http://172.16.6.246:8055/graphql", { + method: 'POST', + headers: { + 'Authorization': 'Bearer WkVWFMiFcrjsXRZqsL30Cd4Sboe0DRk-', + 'Content-Type': 'application/json', + }, + body: { + query: gqlText, + variables: {} + }, + }) + console.log(JSON.stringify(result, null, 2)); +})(); diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..238655f --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,27 @@ +{ + "compilerOptions": { + // Enable latest features + "lib": ["ESNext", "DOM"], + "target": "ESNext", + "module": "ESNext", + "moduleDetection": "force", + "jsx": "react-jsx", + "allowJs": true, + + // Bundler mode + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "noEmit": true, + + // Best practices + "strict": true, + "skipLibCheck": true, + "noFallthroughCasesInSwitch": true, + + // Some stricter flags (disabled by default) + "noUnusedLocals": false, + "noUnusedParameters": false, + "noPropertyAccessFromIndexSignature": false + } +}