= async ({}) => {
15 | const { cacheSnapshot } = await prepareReactRender(
16 |
17 |
19 | );
20 |
21 | return {
22 | props: {
23 | cacheSnapshot,
24 | },
25 | };
26 | };
27 |
28 | export default graphql(
29 | function SSRPage({ cacheSnapshot }: PropsWithServerCache) {
30 | useHydrateCache({
31 | cacheSnapshot,
32 | });
33 |
34 | return
20 | {query.stringList.map((v, index) => (
21 | {v}
22 | ))}
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/examples/react/src/pages/subscriptions.tsx:
--------------------------------------------------------------------------------
1 | import { Button, Heading, Stack, Text } from '@chakra-ui/react';
2 | import { useMutation, useSubscription } from '../components/client';
3 |
4 | let n = 0;
5 |
6 | function SendNotification() {
7 | const [sendNotification] = useMutation((mutation, message: string) => {
8 | return mutation.sendNotification({
9 | message,
10 | });
11 | });
12 |
13 | return (
14 | <>
15 | {
17 | n++;
18 | sendNotification({
19 | args: `NOTIFICATION=${n}`,
20 | });
21 | }}
22 | >
23 | Send New Notification
24 |
25 | {
27 | sendNotification({
28 | args: 'ERROR',
29 | });
30 | }}
31 | >
32 | Send Error Notification
33 |
34 |
35 | );
36 | }
37 |
38 | export default function SubscriptionsPage() {
39 | const subscription = useSubscription();
40 |
41 | return (
42 |
43 |
44 | Data
45 | {subscription.newNotification}
46 |
47 |
49 | );
50 | }
51 |
--------------------------------------------------------------------------------
/examples/react/src/pages/transactionQuery1.tsx:
--------------------------------------------------------------------------------
1 | import { Button, Stack, Text } from '@chakra-ui/react';
2 | import { useTransactionQuery } from '../components/client';
3 | import { mutate } from '../graphql/gqless';
4 |
5 | let nRenders = 0;
6 | export default function TransactionQuery1() {
7 | const { data } = useTransactionQuery(
8 | (query) => {
9 | return query.human1.name;
10 | },
11 | {
12 | suspense: true,
13 | fetchPolicy: 'cache-first',
14 | }
15 | );
16 |
17 | return (
18 |
19 |
20 | {++nRenders}
21 |
24 |
25 | {
27 | mutate((mutation) => {
28 | mutation.renameHuman({
29 | id: '1',
30 | name: 'OTHER',
31 | })?.name;
32 | });
33 | }}
34 | >
35 | Rename Human
36 |
37 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/examples/react/src/pages/transactionQuery2.tsx:
--------------------------------------------------------------------------------
1 | import { useTransactionQuery } from '../components/client';
2 |
3 | let nRenders = 0;
4 |
5 | export default function TransactionQuery2() {
6 | const { data } = useTransactionQuery(
7 | (query) => {
8 | return query.human1.name;
9 | },
10 | {
11 | suspense: false,
12 | }
13 | );
14 |
15 | return (
16 |
17 | {++nRenders}
18 | query2 {JSON.stringify(data)}
19 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/examples/react/src/pages/uploadFile.tsx:
--------------------------------------------------------------------------------
1 | import { Input, Stack, Text } from '@chakra-ui/react';
2 | import { ChangeEvent, useState } from 'react';
3 | import { useMutation } from '../components/client';
4 |
5 | export default function UploadFile() {
6 | const [imageb64, setImageb64] = useState('');
7 | const [uploadFile, { isLoading }] = useMutation(
8 | (mutation, file: File) => {
9 | return mutation.uploadFile({
10 | file,
11 | })!;
12 | },
13 | {
14 | onCompleted(data) {
15 | setImageb64(data);
16 | },
17 | noCache: true,
18 | nonSerializableVariables: true,
19 | }
20 | );
21 | return (
22 |
23 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/examples/react/src/pages/useQueryTest.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 | import { useQuery } from '../components/client';
3 |
4 | let nRender = 0;
5 | let nCommitedRender = 0;
6 |
7 | export default function UseQueryPage() {
8 | const query = useQuery({
9 | suspense: true,
10 | });
11 |
12 | useEffect(() => {
13 | console.log('Commited render:', ++nCommitedRender);
14 | });
15 |
16 | if (query.$state.isLoading) {
17 | console.log('IS LOADING!');
18 | return (
19 |
20 | Loading...
22 | );
23 | }
24 |
25 | return (
26 |
27 | {query.time}
28 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/examples/react/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | // see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
3 | "include": ["src", "api", "types"],
4 | "compilerOptions": {
5 | "target": "es2018",
6 | "module": "esnext",
7 | "lib": ["dom", "esnext"],
8 | "importHelpers": true,
9 | // output .d.ts declaration files for consumers
10 | "declaration": true,
11 | // output .js.map sourcemap files for consumers
12 | "sourceMap": true,
13 | // match output dir to input dir. e.g. dist/index instead of dist/src/index
14 | "rootDir": "../",
15 | // stricter type-checking for stronger correctness. Recommended by TS
16 | "strict": true,
17 | // linter checks for common issues
18 | "noImplicitReturns": true,
19 | "noFallthroughCasesInSwitch": true,
20 | // noUnused* overlap with @typescript-eslint/no-unused-vars, can disable if duplicative
21 | "isolatedModules": true,
22 | "noUnusedLocals": false,
23 | "noUnusedParameters": false,
24 | // use Node's module resolution algorithm, instead of the legacy TS one
25 | "moduleResolution": "node",
26 | // transpile JSX to React.createElement
27 | "jsx": "preserve",
28 | // interop between ESM and CJS modules. Recommended by TS
29 | "esModuleInterop": true,
30 | // significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS
31 | "skipLibCheck": true,
32 | // error out if import and file system have a casing mismatch. Recommended by TS
33 | "forceConsistentCasingInFileNames": true,
34 | // "noEmit": true,
35 | "preserveWatchOutput": true,
36 | "outDir": "./dist",
37 | "incremental": true,
38 | "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
39 | "allowJs": true,
40 | "noEmit": true,
41 | "resolveJsonModule": true
42 | },
43 | "exclude": ["node_modules"]
44 | }
45 |
--------------------------------------------------------------------------------
/internal/build-utils/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "build-utils",
3 | "version": "1.0.0",
4 | "private": true,
5 | "type": "module",
6 | "bin": {
7 | "build": "./bin/build.js",
8 | "gh-release": "./bin/github-release.js",
9 | "watch": "./bin/watch.js"
10 | },
11 | "dependencies": {
12 | "@rollup/plugin-replace": "^2.4.2",
13 | "@rollup/plugin-typescript": "^8.2.1",
14 | "commander": "^7.2.0",
15 | "cross-spawn": "^7.0.3",
16 | "execa": "^5.0.0",
17 | "fs-extra": "^9.1.0",
18 | "github-release-cli": "^2.0.0",
19 | "rollup": "^2.45.2",
20 | "rollup-plugin-cleanup": "^3.2.1",
21 | "rollup-plugin-terser": "^7.0.2",
22 | "string-argv": "^0.3.1",
23 | "tree-kill": "^1.2.2"
24 | },
25 | "devDependencies": {
26 | "@types/cross-spawn": "^6.0.2",
27 | "@types/fs-extra": "^9.0.11"
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/internal/build-utils/src/buildWriteTypes.js:
--------------------------------------------------------------------------------
1 | import { resolve } from 'path';
2 | import fsExtra from 'fs-extra';
3 | import { existsSync } from 'fs';
4 |
5 | const { outputFile, remove } = fsExtra;
6 |
7 | export async function buildWriteTypes(
8 | /**
9 | * @type {import("rollup").RollupBuild}
10 | */
11 | bundle,
12 | /**
13 | * @type {() => void}
14 | */
15 | afterFileWrite = () => {},
16 | /**
17 | * @type {string}
18 | */
19 | cwd = '.'
20 | ) {
21 | const dir = resolve(cwd, 'dist');
22 | const { output } = await bundle.generate({
23 | dir,
24 | sourcemap: true,
25 | });
26 |
27 | const writingPromise = Promise.all(
28 | output.map((chunkOrAsset) => {
29 | if (chunkOrAsset.type === 'asset') {
30 | const destination = resolve(dir, chunkOrAsset.fileName);
31 |
32 | return outputFile(destination, chunkOrAsset.source).then(
33 | afterFileWrite
34 | );
35 | }
36 | })
37 | );
38 |
39 | const duplicatedTypesDist = resolve(dir, './dist');
40 |
41 | if (existsSync(duplicatedTypesDist)) {
42 | await Promise.all([writingPromise, remove(duplicatedTypesDist)]);
43 | } else {
44 | await writingPromise;
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/internal/build-utils/src/index.js:
--------------------------------------------------------------------------------
1 | export * from './buildWriteTypes.js';
2 | export * from './config.js';
3 | export * from './writeIndex.js';
4 |
--------------------------------------------------------------------------------
/internal/build-utils/src/writeIndex.js:
--------------------------------------------------------------------------------
1 | import { promises } from 'fs';
2 | import { resolve } from 'path';
3 |
4 | const { writeFile } = promises;
5 |
6 | export async function writeIndex(
7 | /**
8 | * @type {string}
9 | */
10 | moduleName,
11 | /**
12 | * @type {string}
13 | */
14 | cwd = '.'
15 | ) {
16 | await writeFile(
17 | resolve(cwd, 'dist/index.js'),
18 | `'use strict'
19 | if (process.env.NODE_ENV === "production") {
20 | module.exports = require('./${moduleName}.cjs.production.min.js')
21 | } else {
22 | module.exports = require('./${moduleName}.cjs.development.js')
23 | }
24 | `
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/internal/build-utils/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "checkJs": true,
4 | "allowJs": true,
5 | "noEmit": true,
6 | "esModuleInterop": true
7 | },
8 | "include": ["src/**/*.js", "bin/**/*.js"],
9 | "exclude": ["node_modules"]
10 | }
11 |
--------------------------------------------------------------------------------
/internal/gqless.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/gqless.sketch
--------------------------------------------------------------------------------
/internal/test-utils/.gitignore:
--------------------------------------------------------------------------------
1 | *.log
2 | .DS_Store
3 | node_modules
4 | dist
5 |
--------------------------------------------------------------------------------
/internal/test-utils/LICENSE.md:
--------------------------------------------------------------------------------
1 | # The MIT License (MIT)
2 |
3 | Copyright © `2021` `GQless`
4 |
5 | Permission is hereby granted, free of charge, to any person
6 | obtaining a copy of this software and associated documentation
7 | files (the “Software”), to deal in the Software without
8 | restriction, including without limitation the rights to use,
9 | copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the
11 | Software is furnished to do so, subject to the following
12 | conditions:
13 |
14 | The above copyright notice and this permission notice shall be
15 | included in all copies or substantial portions of the Software.
16 |
17 | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,
18 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
19 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
20 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
21 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
22 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
23 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
24 | OTHER DEALINGS IN THE SOFTWARE.
25 |
--------------------------------------------------------------------------------
/internal/test-utils/README.md:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/test-utils/README.md
--------------------------------------------------------------------------------
/internal/test-utils/bin/jest-test.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const crossEnv = require('cross-env');
4 |
5 | crossEnv('jest'.split(' '));
6 |
--------------------------------------------------------------------------------
/internal/test-utils/jest.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @type {import("@jest/types").Config.InitialOptions}
3 | */
4 | const defaultConfig = {
5 | globals: {
6 | 'ts-jest': {},
7 | },
8 | transform: {
9 | '.(ts|tsx)$': require.resolve('ts-jest/dist'),
10 | },
11 | transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
12 | moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
13 | testEnvironment: 'node',
14 | testMatch: ['**/test/**/*.test.ts', '**/test/**/*.test.tsx'],
15 | testURL: 'http://localhost',
16 | testPathIgnorePatterns: ['/node_modules/', '/test/generated'],
17 | collectCoverage: true,
18 | collectCoverageFrom: ['./src/**/*.ts', './src/**/*.tsx', '!**/*.d.ts'],
19 | testTimeout: 10000,
20 | watchPlugins: [
21 | require.resolve('jest-watch-typeahead/filename'),
22 | require.resolve('jest-watch-typeahead/testname'),
23 | ],
24 | restoreMocks: true,
25 | };
26 |
27 | exports.default = defaultConfig;
28 |
29 | exports.getConfig = function getConfig(
30 | /**
31 | * @type {import("@jest/types").Config.InitialOptions}
32 | */
33 | config = {}
34 | ) {
35 | /**
36 | * @type {import("@jest/types").Config.InitialOptions}
37 | */
38 | const newConfig = {
39 | ...defaultConfig,
40 | ...config,
41 | };
42 |
43 | return newConfig;
44 | };
45 |
--------------------------------------------------------------------------------
/internal/test-utils/jest.config.ts:
--------------------------------------------------------------------------------
1 | export default require('./jest.config.js').default;
2 |
--------------------------------------------------------------------------------
/internal/test-utils/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-utils",
3 | "version": "0.1.0",
4 | "private": true,
5 | "license": "MIT",
6 | "author": "GQless ",
7 | "main": "dist/index.js",
8 | "module": "dist/index.mjs",
9 | "typings": "src/index.d.ts",
10 | "bin": {
11 | "jest-test": "bin/jest-test.js"
12 | },
13 | "scripts": {
14 | "analyze": "size-limit --why",
15 | "build": "rimraf dist && tsup src/index.ts --format esm,cjs",
16 | "prepare": "pnpm build",
17 | "size": "size-limit",
18 | "start": "nodemon --exec \"concurrently pnpm:build tsc\" -w src/index.ts",
19 | "test": "jest --config jest.config.ts"
20 | },
21 | "dependencies": {
22 | "@rollup/plugin-babel": "^5.3.0",
23 | "@types/jest": "^26.0.22",
24 | "cross-env": "^7.0.3",
25 | "esbuild": "^0.11.12",
26 | "fastify": "^3.14.2",
27 | "get-port": "^5.1.1",
28 | "graphql": "^15.5.0",
29 | "jest": "^26.6.3",
30 | "jest-watch-typeahead": "^0.6.2",
31 | "mercurius": "^7.4.0",
32 | "mercurius-codegen": "^1.4.3",
33 | "mercurius-integration-testing": "^3.1.3",
34 | "nodemon": "^2.0.7",
35 | "prettier": "^2.2.1",
36 | "randomstring": "^1.1.5",
37 | "ts-jest": "^26.5.5",
38 | "wait-for-expect": "^3.0.2"
39 | },
40 | "devDependencies": {
41 | "@jest/types": "^26.6.2",
42 | "@size-limit/preset-small-lib": "^4.10.2",
43 | "@types/randomstring": "^1.1.6",
44 | "concurrently": "^6.0.2",
45 | "rimraf": "^3.0.2",
46 | "size-limit": "^4.10.2",
47 | "tslib": "^2.2.0",
48 | "tsup": "^4.9.1",
49 | "typescript": "^4.2.4"
50 | },
51 | "engines": {
52 | "node": ">=10"
53 | },
54 | "size-limit": [
55 | {
56 | "path": "dist/test-utils.cjs.production.min.js",
57 | "limit": "10 KB"
58 | },
59 | {
60 | "path": "dist/test-utils.esm.js",
61 | "limit": "10 KB"
62 | }
63 | ]
64 | }
65 |
--------------------------------------------------------------------------------
/internal/test-utils/src/app.d.ts:
--------------------------------------------------------------------------------
1 | import { FastifyInstance } from 'fastify';
2 | import { MercuriusOptions } from 'mercurius';
3 | import { createMercuriusTestClient } from 'mercurius-integration-testing';
4 | export declare function createTestApp(
5 | options: MercuriusOptions,
6 | {
7 | codegenPath,
8 | }?: {
9 | codegenPath?: string;
10 | }
11 | ): {
12 | server: FastifyInstance;
13 | client: ReturnType;
14 | isReady: Promise;
15 | };
16 | export * as mercurius from 'mercurius';
17 | export * as fastify from 'fastify';
18 | export { gql } from 'mercurius-codegen';
19 |
--------------------------------------------------------------------------------
/internal/test-utils/src/app.ts:
--------------------------------------------------------------------------------
1 | import fastify, { FastifyInstance } from 'fastify';
2 | import mercurius, { MercuriusOptions } from 'mercurius';
3 | import { createMercuriusTestClient } from 'mercurius-integration-testing';
4 |
5 | export function createTestApp(
6 | options: MercuriusOptions,
7 | {
8 | codegenPath,
9 | }: {
10 | codegenPath?: string;
11 | } = {}
12 | ): {
13 | server: FastifyInstance;
14 | client: ReturnType;
15 | isReady: Promise;
16 | } {
17 | const server = fastify();
18 |
19 | server.register(mercurius, options);
20 |
21 | let isReady = codegenPath
22 | ? new Promise((resolve, reject) => {
23 | import('mercurius-codegen')
24 | .then(({ default: mercuriusCodegen }) => {
25 | mercuriusCodegen(server, {
26 | targetPath: codegenPath,
27 | silent: true,
28 | disable: false,
29 | })
30 | .then(resolve)
31 | .catch(reject);
32 | })
33 | .catch(reject);
34 | })
35 | : ((server.ready() as unknown) as Promise);
36 |
37 | const client = createMercuriusTestClient(server, {
38 | url: options.path,
39 | });
40 |
41 | return { server, client, isReady };
42 | }
43 |
44 | export * as mercurius from 'mercurius';
45 | export * as fastify from 'fastify';
46 |
47 | export { gql } from 'mercurius-codegen';
48 |
--------------------------------------------------------------------------------
/internal/test-utils/src/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as randomstring from 'randomstring';
2 | export { default as waitForExpect } from 'wait-for-expect';
3 | export * as mercurius from 'mercurius';
4 | export * as fastify from 'fastify';
5 | export declare function assertIsDefined(
6 | value: T,
7 | message?: string
8 | ): asserts value is NonNullable;
9 | export { randomstring };
10 | export * from './app';
11 |
--------------------------------------------------------------------------------
/internal/test-utils/src/index.ts:
--------------------------------------------------------------------------------
1 | import * as randomstring from 'randomstring';
2 |
3 | export { default as waitForExpect } from 'wait-for-expect';
4 |
5 | export * as mercurius from 'mercurius';
6 | export * as fastify from 'fastify';
7 |
8 | export function assertIsDefined(
9 | value: T,
10 | message?: string
11 | ): asserts value is NonNullable {
12 | if (value == null) {
13 | const error = new Error(message || 'value is nullable');
14 |
15 | Error.captureStackTrace(error, assertIsDefined);
16 | throw error;
17 | }
18 | }
19 |
20 | export { randomstring };
21 |
22 | export * from './app';
23 |
--------------------------------------------------------------------------------
/internal/test-utils/test/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "strictNullChecks": true,
5 | "rootDir": "../"
6 | },
7 | "include": ["**/*.ts"]
8 | }
9 |
--------------------------------------------------------------------------------
/internal/test-utils/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | // see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
3 | "include": ["src"],
4 | "compilerOptions": {
5 | "incremental": false,
6 | "module": "esnext",
7 | "lib": ["dom", "esnext"],
8 | "importHelpers": true,
9 | // output .d.ts declaration files for consumers
10 | "declaration": true,
11 | // output .js.map sourcemap files for consumers
12 | "sourceMap": true,
13 | // match output dir to input dir. e.g. dist/index instead of dist/src/index
14 | "rootDir": "./src",
15 | // stricter type-checking for stronger correctness. Recommended by TS
16 | "strict": true,
17 | // linter checks for common issues
18 | "noImplicitReturns": true,
19 | "noFallthroughCasesInSwitch": true,
20 | "isolatedModules": true,
21 | // noUnused* overlap with @typescript-eslint/no-unused-vars, can disable if duplicative
22 | "noUnusedLocals": true,
23 | "noUnusedParameters": true,
24 | // use Node's module resolution algorithm, instead of the legacy TS one
25 | "moduleResolution": "node",
26 | // transpile JSX to React.createElement
27 | "jsx": "react",
28 | // interop between ESM and CJS modules. Recommended by TS
29 | "esModuleInterop": true,
30 | // significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS
31 | "skipLibCheck": true,
32 | // error out if import and file system have a casing mismatch. Recommended by TS
33 | "forceConsistentCasingInFileNames": true,
34 | "preserveWatchOutput": true,
35 | "emitDeclarationOnly": true
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/internal/test-utils/types/app.d.ts:
--------------------------------------------------------------------------------
1 | import { FastifyInstance } from 'fastify';
2 | import { MercuriusOptions } from 'mercurius';
3 | import { createMercuriusTestClient } from 'mercurius-integration-testing';
4 | export declare function createTestApp(
5 | options: MercuriusOptions,
6 | {
7 | codegenPath,
8 | }?: {
9 | codegenPath?: string;
10 | }
11 | ): {
12 | server: FastifyInstance;
13 | client: ReturnType;
14 | isReady: Promise;
15 | };
16 | export * as mercurius from 'mercurius';
17 | export * as fastify from 'fastify';
18 | export { gql } from 'mercurius-codegen';
19 |
--------------------------------------------------------------------------------
/internal/test-utils/types/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as randomstring from 'randomstring';
2 | export { default as waitForExpect } from 'wait-for-expect';
3 | export * as mercurius from 'mercurius';
4 | export * as fastify from 'fastify';
5 | export declare function assertIsDefined(
6 | value: T,
7 | message?: string
8 | ): asserts value is NonNullable;
9 | export { randomstring };
10 | export * from './app';
11 |
--------------------------------------------------------------------------------
/internal/website/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "printWidth": 80,
3 | "semi": true,
4 | "singleQuote": true,
5 | "trailingComma": "es5"
6 | }
7 |
--------------------------------------------------------------------------------
/internal/website/fix-typedoc-plugin.js:
--------------------------------------------------------------------------------
1 | module.exports = function (_context, _options) {
2 | return {
3 | name: 'Fix Typedoc',
4 | async contentLoaded() {
5 | require('./fix-typedoc');
6 | return null;
7 | },
8 | };
9 | };
10 |
--------------------------------------------------------------------------------
/internal/website/fix-typedoc.js:
--------------------------------------------------------------------------------
1 | const {
2 | promises: { readFile, writeFile },
3 | } = require('fs');
4 | const { spawnSync } = require('child_process');
5 | const globby = require('globby');
6 |
7 | spawnSync('node', ['./node_modules/pretty-quick/bin/pretty-quick.js'], {
8 | stdio: 'ignore',
9 | });
10 |
11 | const encoding = {
12 | encoding: 'utf-8',
13 | };
14 |
15 | async function main() {
16 | const docFiles = await globby([
17 | '../../docs/client/api/**/*.md',
18 | '../../docs/react/api/**/*.md',
19 | ]);
20 |
21 | await Promise.all(
22 | docFiles.map(async (docPath) => {
23 | const docContent = await readFile(docPath, encoding);
24 |
25 | const docContentSplit = docContent.split('\n');
26 |
27 | // Remove duplicated line references
28 | const filteredDocContent = docContentSplit
29 | .filter((line, index) => {
30 | const isLineReference = !!line.match(/Defined in\: \[(.*?)\)/);
31 |
32 | if (
33 | isLineReference &&
34 | docContentSplit.indexOf(line, Math.max(0, index - 2)) !== index
35 | ) {
36 | return false;
37 | }
38 |
39 | return true;
40 | })
41 | .join('\n');
42 |
43 | await writeFile(
44 | docPath,
45 | filteredDocContent.replace(/\/blob\/(.*?)\//g, '/blob/master/'),
46 | encoding
47 | );
48 | })
49 | );
50 |
51 | spawnSync('node', ['./node_modules/pretty-quick/bin/pretty-quick.js'], {
52 | stdio: 'ignore',
53 | });
54 | }
55 |
56 | main().catch((err) => {
57 | console.error(err);
58 | process.exit(1);
59 | });
60 |
--------------------------------------------------------------------------------
/internal/website/sidebars.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | docs: [
3 | {
4 | type: 'category',
5 | label: 'Introduction',
6 | collapsed: false,
7 | items: [
8 | 'intro',
9 | 'intro/how-it-works',
10 | // 'introduction/features',
11 | 'intro/new-in-2',
12 | 'contributing',
13 | ],
14 | },
15 | { type: 'doc', id: 'getting-started' },
16 | {
17 | type: 'category',
18 | label: 'Usage with React',
19 | collapsed: false,
20 | items: [
21 | 'react/fetching-data',
22 | 'react/mutations',
23 | 'react/subscriptions',
24 | 'react/config',
25 | 'react/suspense',
26 | 'react/ssr',
27 | 'react/meta',
28 | {
29 | type: 'category',
30 | label: 'API Reference',
31 | items: require('./sidebars/react.js'),
32 | },
33 | ],
34 | },
35 | {
36 | type: 'category',
37 | label: 'Core Client',
38 | collapsed: false,
39 | items: [
40 | 'client/fetching-data',
41 | 'client/mutations',
42 | 'client/subscriptions',
43 | 'client/config',
44 | 'client/persistence',
45 | 'client/helper-functions',
46 | 'client/graphql-upload',
47 | {
48 | type: 'category',
49 | label: 'API Reference',
50 | items: require('./sidebars/client.js'),
51 | },
52 | ],
53 | },
54 | {
55 | type: 'category',
56 | label: 'CLI',
57 | collapsed: false,
58 | items: [
59 | 'cli/config',
60 | 'cli/codegen',
61 | 'cli/javascript',
62 | 'cli/programmatic',
63 | ],
64 | },
65 | {
66 | type: 'category',
67 | label: 'Development Tools',
68 | collapsed: false,
69 | items: ['development/logger'],
70 | },
71 | ],
72 | };
73 |
--------------------------------------------------------------------------------
/internal/website/src/components/Example.tsx:
--------------------------------------------------------------------------------
1 | import { AnimationProps, motion } from 'framer-motion';
2 | import * as React from 'react';
3 |
4 | import styled from '@emotion/styled';
5 |
6 | const easeInOutCubic = [0.645, 0.045, 0.355, 1];
7 |
8 | const StyledExample = styled(motion.div)`
9 | overflow: hidden;
10 | display: flex;
11 | flex-wrap: wrap;
12 | justify-content: center;
13 | flex-direction: column;
14 |
15 | .prism-code {
16 | padding: 0;
17 | background: none !important;
18 | }
19 | `;
20 |
21 | const Title = styled(motion.h3)`
22 | font-weight: 500;
23 | margin-bottom: 0.8rem;
24 | font-size: 1.2rem;
25 | color: #e976c3;
26 | margin-bottom: 0.8rem;
27 | `;
28 |
29 | const Content = styled(motion.div)``;
30 |
31 | export const Example = ({
32 | title,
33 | children,
34 | animate = 'visible',
35 | initial = 'hidden',
36 | }: {
37 | title: string;
38 | children: React.ReactNode;
39 | animate: AnimationProps['animate'];
40 | initial?: 'hidden' | 'visible';
41 | }) => (
42 |
43 |
57 | {title}
58 |
59 |
60 |
75 | {children}
76 |
77 |
78 | );
79 |
--------------------------------------------------------------------------------
/internal/website/src/components/Examples/NavLink.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import {
4 | HStack,
5 | Icon,
6 | Link,
7 | LinkProps,
8 | Text,
9 | useColorModeValue as mode,
10 | } from '@chakra-ui/react';
11 | import DocusaurusLink from '@docusaurus/Link';
12 | import { useLocation } from '@docusaurus/router';
13 |
14 | interface NavLinkProps extends LinkProps {
15 | label: string;
16 | icon?: any;
17 | }
18 |
19 | export const NavLink = (props: NavLinkProps) => {
20 | const { icon, label, href, ...rest } = props;
21 | const { pathname } = useLocation();
22 |
23 | const isActive = pathname === href;
24 |
25 | return (
26 |
51 |
53 | {label}
54 |
55 |
56 |
57 | );
58 | };
59 |
--------------------------------------------------------------------------------
/internal/website/src/components/Examples/Sidebar.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { FaAngleRight, FaReact } from 'react-icons/fa';
3 |
4 | import { Flex, FlexProps, Spacer, Stack } from '@chakra-ui/react';
5 |
6 | import { NavLink } from './NavLink';
7 |
8 | export const Sidebar = (props: FlexProps) => {
9 | return (
10 |
11 |
12 |
13 |
15 |
26 |
27 |
29 |
30 | );
31 | };
32 |
--------------------------------------------------------------------------------
/internal/website/src/components/Overflow.tsx:
--------------------------------------------------------------------------------
1 | import styled from '@emotion/styled';
2 |
3 | export const Overflow = styled.div`
4 | overflow: hidden;
5 | `;
6 |
--------------------------------------------------------------------------------
/internal/website/src/components/index.tsx:
--------------------------------------------------------------------------------
1 | export * from './Feature';
2 | export * from './Arrow';
3 | export * from './Example';
4 | export * from './Overflow';
5 |
--------------------------------------------------------------------------------
/internal/website/src/pages/examples/suspense/query.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { Heading, Text } from '@chakra-ui/react';
4 | import Link from '@docusaurus/Link';
5 |
6 | import { ExamplesPage } from '../../../components/Examples/App';
7 | import { CodeSandboxEmbed } from '../../../components/Examples/Embed';
8 |
9 | export default function Page() {
10 | return (
11 |
12 | GraphQL Queries in React Suspense
13 |
14 | In this example you can see some usage examples of{' '}
15 |
18 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/internal/website/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/favicon.ico
--------------------------------------------------------------------------------
/internal/website/static/fonts.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: Colfax;
3 | font-weight: 300;
4 | src: url('/fonts/ColfaxWebLight.woff2') format('woff2');
5 | }
6 |
7 | @font-face {
8 | font-family: 'Operator Mono';
9 | src: url('/fonts/OperatorMono.otf');
10 | }
11 |
12 | @font-face {
13 | font-family: Colfax;
14 | font-weight: 400;
15 | src: url('/fonts/ColfaxWebRegular.woff2') format('woff2');
16 | }
17 | @font-face {
18 | font-family: Colfax;
19 | font-weight: 500;
20 | src: url('/fonts/ColfaxWebMedium.woff2') format('woff2');
21 | }
22 | @font-face {
23 | font-family: Colfax;
24 | font-weight: 600;
25 | src: url('/fonts/ColfaxWebBold.woff2') format('woff2');
26 | }
27 |
--------------------------------------------------------------------------------
/internal/website/static/fonts/ColfaxWebBold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/fonts/ColfaxWebBold.woff2
--------------------------------------------------------------------------------
/internal/website/static/fonts/ColfaxWebLight.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/fonts/ColfaxWebLight.woff2
--------------------------------------------------------------------------------
/internal/website/static/fonts/ColfaxWebMedium.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/fonts/ColfaxWebMedium.woff2
--------------------------------------------------------------------------------
/internal/website/static/fonts/ColfaxWebRegular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/fonts/ColfaxWebRegular.woff2
--------------------------------------------------------------------------------
/internal/website/static/fonts/OperatorMono.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/fonts/OperatorMono.otf
--------------------------------------------------------------------------------
/internal/website/static/icon/android-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/android-icon-144x144.png
--------------------------------------------------------------------------------
/internal/website/static/icon/android-icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/android-icon-192x192.png
--------------------------------------------------------------------------------
/internal/website/static/icon/android-icon-36x36.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/android-icon-36x36.png
--------------------------------------------------------------------------------
/internal/website/static/icon/android-icon-48x48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/android-icon-48x48.png
--------------------------------------------------------------------------------
/internal/website/static/icon/android-icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/android-icon-72x72.png
--------------------------------------------------------------------------------
/internal/website/static/icon/android-icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/android-icon-96x96.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-114x114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-114x114.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-120x120.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-144x144.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-152x152.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-180x180.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-57x57.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-57x57.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-60x60.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-72x72.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-76x76.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon-precomposed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon-precomposed.png
--------------------------------------------------------------------------------
/internal/website/static/icon/apple-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/icon/apple-icon.png
--------------------------------------------------------------------------------
/internal/website/static/icon/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 | #ffffff
2 | React Logo
3 |
5 |
9 |
10 |
--------------------------------------------------------------------------------
/internal/website/static/img/suspense-ssr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/img/suspense-ssr.png
--------------------------------------------------------------------------------
/internal/website/static/img/typescript.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/img/typescript.png
--------------------------------------------------------------------------------
/internal/website/static/video/invisible-data-fetching.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/samdenty/gqless/27e289932cf45536c4e91190b96a4c9ce3d95063/internal/website/static/video/invisible-data-fetching.mp4
--------------------------------------------------------------------------------
/internal/website/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@tsconfig/docusaurus/tsconfig.json",
3 | "include": ["src/"]
4 | }
5 |
--------------------------------------------------------------------------------
/nodemon.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json.schemastore.org/nodemon",
3 | "watch": ["packages/**/*", "./package.json"],
4 | "ext": "ts",
5 | "exec": "pnpm dev:nodemon",
6 | "ignore": ["**/node_modules", "**/generated", "**/dist"]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/cli/.browserslistrc:
--------------------------------------------------------------------------------
1 | node 10
--------------------------------------------------------------------------------
/packages/cli/.gitignore:
--------------------------------------------------------------------------------
1 | *.log
2 | .DS_Store
3 | node_modules
4 | dist
5 |
--------------------------------------------------------------------------------
/packages/cli/LICENSE.md:
--------------------------------------------------------------------------------
1 | # The MIT License (MIT)
2 |
3 | Copyright © `2021` `GQless`
4 |
5 | Permission is hereby granted, free of charge, to any person
6 | obtaining a copy of this software and associated documentation
7 | files (the “Software”), to deal in the Software without
8 | restriction, including without limitation the rights to use,
9 | copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the
11 | Software is furnished to do so, subject to the following
12 | conditions:
13 |
14 | The above copyright notice and this permission notice shall be
15 | included in all copies or substantial portions of the Software.
16 |
17 | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,
18 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
19 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
20 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
21 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
22 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
23 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
24 | OTHER DEALINGS IN THE SOFTWARE.
25 |
--------------------------------------------------------------------------------
/packages/cli/README.md:
--------------------------------------------------------------------------------
1 | # @gqless/cli
2 |
3 | ## Visit [https://gqless.com/cli/codegen](https://gqless.com/cli/codegen)
4 |
--------------------------------------------------------------------------------
/packages/cli/bin/gqless.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const { program } = require('commander');
4 |
5 | const {
6 | inspectWriteGenerate,
7 | defaultConfig,
8 | __innerState,
9 | } = require('../dist/index');
10 |
11 | __innerState.isCLI = true;
12 |
13 | program
14 | .version(require('../package.json').version)
15 | .description('CLI for gqless');
16 |
17 | program
18 | .command('generate [endpoint] [destination]')
19 | .option('--react', 'Create React client')
20 | .description(
21 | `Inspect or read from a file a GraphQL Schema and generate the gqless client in the specified directory (./src/generated/graphql.ts by default).
22 | EXAMPLE 1: "gqless generate ./schema.gql --react"
23 | EXAMPLE 2: "gqless generate http://localhost:3000/graphql src/gqless/index.ts"
24 | EXAMPLE 3 (Configuration file): "gqless generate"`
25 | )
26 | .action(async (endpoint, destination, opts) => {
27 | let react;
28 | if (opts.react != null) {
29 | react = defaultConfig.react =
30 | typeof opts.react === 'boolean' ? opts.react : !!opts.react;
31 | }
32 |
33 | await inspectWriteGenerate({
34 | endpoint,
35 | destination,
36 | cli: true,
37 | generateOptions: {
38 | react,
39 | },
40 | }).catch((err) => {
41 | if (err instanceof Error) delete err.stack;
42 | console.error(err);
43 | process.exit(1);
44 | });
45 | process.exit(0);
46 | });
47 |
48 | program.parse(process.argv);
49 |
--------------------------------------------------------------------------------
/packages/cli/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = require('test-utils/jest.config.js').default;
2 |
--------------------------------------------------------------------------------
/packages/cli/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './generate';
2 | export * from './inspectWriteGenerate';
3 | export * from './introspection';
4 | export * from './writeGenerate';
5 | export type { GQlessConfig as gqlessConfig, GQlessConfig } from './config';
6 | export { defaultConfig, gqlessConfigPromise } from './config';
7 | export { __innerState } from './innerState';
8 |
--------------------------------------------------------------------------------
/packages/cli/src/innerState.ts:
--------------------------------------------------------------------------------
1 | export const __innerState = {
2 | isCLI: false,
3 | };
4 |
--------------------------------------------------------------------------------
/packages/cli/src/introspection.ts:
--------------------------------------------------------------------------------
1 | import { fetch } from 'cross-fetch';
2 | import { print } from 'graphql';
3 |
4 | import { introspectSchema, wrapSchema } from '@graphql-tools/wrap';
5 |
6 | import { gqlessConfigPromise, defaultConfig } from './config';
7 |
8 | import type { AsyncExecutor } from '@graphql-tools/delegate';
9 | export interface IntrospectionOptions {
10 | /**
11 | * Endpoint of the remote GraphQL API or schema file
12 | */
13 | endpoint?: string;
14 | /**
15 | * Specify headers for the introspection
16 | */
17 | headers?: Record;
18 | }
19 |
20 | export const getRemoteSchema = async (
21 | /**
22 | * Endpoint of the remote GraphQL API
23 | */
24 | endpoint: string,
25 | /**
26 | * Specify options for the introspection
27 | */
28 | { headers }: Pick = {}
29 | ) => {
30 | const executor: AsyncExecutor = async ({ document, variables }) => {
31 | headers ||=
32 | (await gqlessConfigPromise).config.introspection?.headers ||
33 | defaultConfig.introspection.headers;
34 | const query = print(document);
35 | const fetchResult = await fetch(endpoint, {
36 | method: 'POST',
37 | headers: {
38 | 'Content-Type': 'application/json',
39 | ...headers,
40 | },
41 | body: JSON.stringify({ query, variables }),
42 | });
43 | return fetchResult.json();
44 | };
45 |
46 | const schema = wrapSchema({
47 | schema: await introspectSchema(executor, {
48 | endpoint,
49 | }),
50 | executor,
51 | });
52 |
53 | return schema;
54 | };
55 |
--------------------------------------------------------------------------------
/packages/cli/src/prettier.ts:
--------------------------------------------------------------------------------
1 | import {
2 | format as prettierFormat,
3 | Options as PrettierOptions,
4 | resolveConfig,
5 | } from 'prettier';
6 |
7 | const commonConfig = resolveConfig(process.cwd());
8 |
9 | export function formatPrettier(
10 | defaultOptions: Omit &
11 | Required>
12 | ) {
13 | const configPromise = commonConfig.then((config) =>
14 | Object.assign({}, config, defaultOptions)
15 | );
16 |
17 | return {
18 | async format(input: string) {
19 | return prettierFormat(input, await configPromise);
20 | },
21 | };
22 | }
23 |
--------------------------------------------------------------------------------
/packages/cli/test/introspection.test.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLObjectType, GraphQLSchema } from 'graphql';
2 | import { assertIsDefined, createTestApp } from 'test-utils';
3 |
4 | import { getRemoteSchema } from '../src';
5 |
6 | const { server, isReady } = createTestApp({
7 | schema: `
8 | type Query {
9 | hello: String!
10 | }
11 | `,
12 | resolvers: {
13 | Query: {
14 | hello() {
15 | return 'hello world';
16 | },
17 | },
18 | },
19 | });
20 |
21 | let endpoint: string;
22 | beforeAll(async () => {
23 | await isReady;
24 |
25 | endpoint = (await server.listen(0)) + '/graphql';
26 | });
27 |
28 | afterAll(async () => {
29 | server.close();
30 | });
31 |
32 | test('introspection works', async () => {
33 | const schema = await getRemoteSchema(endpoint);
34 |
35 | expect(schema).toBeInstanceOf(GraphQLSchema);
36 |
37 | const queryType = schema.getQueryType();
38 |
39 | expect(queryType).toBeInstanceOf(GraphQLObjectType);
40 |
41 | assertIsDefined(queryType);
42 |
43 | const fieldsMap = queryType.getFields();
44 |
45 | const hello = fieldsMap['hello'];
46 |
47 | assertIsDefined(hello);
48 | });
49 |
--------------------------------------------------------------------------------
/packages/cli/test/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "rootDir": "../"
5 | },
6 | "include": ["**/*.ts"]
7 | }
8 |
--------------------------------------------------------------------------------
/packages/cli/test/utils.ts:
--------------------------------------------------------------------------------
1 | import fs from 'fs';
2 | import { resolve } from 'path';
3 | import tmp from 'tmp-promise';
4 |
5 | export async function getTempDir({
6 | initClientFile,
7 | initSchemaFile,
8 | clientFileName = './client.ts',
9 | }: {
10 | initClientFile?: string;
11 | initSchemaFile?: string;
12 | clientFileName?: string;
13 | } = {}) {
14 | const tempDir = await tmp.dir({
15 | unsafeCleanup: true,
16 | });
17 |
18 | const clientPath = resolve(tempDir.path, clientFileName);
19 |
20 | const schemaPath = resolve(tempDir.path, './schema.generated.ts');
21 |
22 | if (initSchemaFile != null)
23 | await fs.promises.writeFile(schemaPath, initSchemaFile);
24 |
25 | if (initClientFile != null)
26 | await fs.promises.writeFile(clientPath, initClientFile);
27 |
28 | return Object.assign(tempDir, {
29 | clientPath,
30 | schemaPath,
31 | });
32 | }
33 |
--------------------------------------------------------------------------------
/packages/cli/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | // see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
3 | "include": ["src", "types"],
4 | "compilerOptions": {
5 | "module": "esnext",
6 | "lib": ["dom", "esnext"],
7 | "importHelpers": true,
8 | // output .d.ts declaration files for consumers
9 | "declaration": true,
10 | // output .js.map sourcemap files for consumers
11 | "sourceMap": true,
12 | // match output dir to input dir. e.g. dist/index instead of dist/src/index
13 | "rootDir": "./src",
14 | // stricter type-checking for stronger correctness. Recommended by TS
15 | "strict": true,
16 | // linter checks for common issues
17 | "isolatedModules": true,
18 | "noImplicitReturns": true,
19 | "noFallthroughCasesInSwitch": true,
20 | // noUnused* overlap with @typescript-eslint/no-unused-vars, can disable if duplicative
21 | "noUnusedLocals": true,
22 | "noUnusedParameters": true,
23 | // use Node's module resolution algorithm, instead of the legacy TS one
24 | "moduleResolution": "node",
25 | // transpile JSX to React.createElement
26 | "jsx": "react",
27 | // interop between ESM and CJS modules. Recommended by TS
28 | "esModuleInterop": true,
29 | // significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS
30 | "skipLibCheck": true,
31 | // error out if import and file system have a casing mismatch. Recommended by TS
32 | "forceConsistentCasingInFileNames": true,
33 | "noEmit": true,
34 | "allowJs": true,
35 | "checkJs": true,
36 | "preserveWatchOutput": true
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/packages/gqless/.browserslistrc:
--------------------------------------------------------------------------------
1 | node 10
--------------------------------------------------------------------------------
/packages/gqless/README.md:
--------------------------------------------------------------------------------
1 | # [GQless](https://gqless.com/getting-started) [](https://gqless.com) [](https://twitter.com/gqlessdev)
2 |
3 | > GQless is a fully-featured GraphQL client, which lowers the barrier of entry towards using GraphQL.
4 |
5 | Data requirements within your application are picked up automatically, freeing you from having to maintain GraphQL queries by-hand. It offers a first-class TypeScript experience. See API documentation at all times within autocomplete.
6 |
7 | Make breaking changes to your API, and see type-errors exactly where things are breaking, in realtime. No more running a separate validation step.
8 |
9 | **More documentation is available at [gqless.com/getting-started](https://gqless.com/getting-started).**
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/packages/gqless/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = require('test-utils/jest.config.js').default;
2 |
--------------------------------------------------------------------------------
/packages/gqless/nodemon.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json.schemastore.org/nodemon",
3 | "watch": ["src", "./package.json"],
4 | "ext": "ts",
5 | "exec": "pnpm dev:nodemon",
6 | "legacyWatch": true
7 | }
8 |
--------------------------------------------------------------------------------
/packages/gqless/src/Cache/index.ts:
--------------------------------------------------------------------------------
1 | export * from './accessorCache';
2 | export * from './dataCache';
3 |
--------------------------------------------------------------------------------
/packages/gqless/src/Client/index.ts:
--------------------------------------------------------------------------------
1 | export * from './client';
2 | export type { ResolveOptions, InlineResolveOptions } from './resolvers';
3 |
--------------------------------------------------------------------------------
/packages/gqless/src/Helpers/casters.ts:
--------------------------------------------------------------------------------
1 | export type NotUndefined = T extends undefined ? never : T;
2 |
3 | /**
4 | * Remove all possible 'undefined' values recursively from an object
5 | */
6 | export type NotSkeletonDeep = T extends Array
7 | ? Array>>
8 | : T extends (...args: any[]) => any
9 | ? (...args: Parameters) => NotSkeletonDeep>>
10 | : T extends object
11 | ? {
12 | [P in keyof T]: NotUndefined>;
13 | }
14 | : NotUndefined;
15 |
16 | /**
17 | * Remove all possible 'undefined' types in the first level.
18 | */
19 | export type NotSkeleton = T extends Array
20 | ? Array>
21 | : T extends (...args: any[]) => any
22 | ? (...args: Parameters) => NotUndefined>
23 | : T extends object
24 | ? {
25 | [P in keyof T]: NotUndefined;
26 | }
27 | : NotUndefined;
28 |
29 | const noop = (v: any) => v;
30 |
31 | /**
32 | * Runtime no-op that removes all the undefined types recursively
33 | */
34 | export const castNotSkeletonDeep: (v: T) => NotSkeletonDeep = noop;
35 |
36 | /**
37 | * Runtime no-op that removes all the undefined types in the first level
38 | */
39 | export const castNotSkeleton: (v: T) => NotSkeleton = noop;
40 |
--------------------------------------------------------------------------------
/packages/gqless/src/Helpers/getFields.ts:
--------------------------------------------------------------------------------
1 | import { isObject, isPlainObject } from '../Utils';
2 |
3 | export function getFields<
4 | TAccesorData extends object | undefined | null,
5 | TAccesorKeys extends keyof NonNullable
6 | >(accessor: TAccesorData, ...keys: TAccesorKeys[]): TAccesorData {
7 | if (!isObject(accessor)) return accessor;
8 |
9 | if (keys.length) for (const key of keys) Reflect.get(accessor, key);
10 | else for (const key in accessor) Reflect.get(accessor, key);
11 |
12 | return accessor;
13 | }
14 |
15 | export function getArrayFields<
16 | TArrayValue extends object | null | undefined,
17 | TArray extends TArrayValue[] | null | undefined,
18 | TArrayValueKeys extends keyof NonNullable[number]>
19 | >(accessorArray: TArray, ...keys: TArrayValueKeys[]): TArray {
20 | if (accessorArray == null) return accessorArray;
21 |
22 | if (Array.isArray(accessorArray)) {
23 | for (const value of accessorArray) {
24 | if (isPlainObject(value)) {
25 | getFields(value, ...keys);
26 | break;
27 | }
28 | }
29 | }
30 | return accessorArray;
31 | }
32 |
--------------------------------------------------------------------------------
/packages/gqless/src/Helpers/index.ts:
--------------------------------------------------------------------------------
1 | export * from './selectFields';
2 | export type { HydrateCacheOptions } from './ssr';
3 | export * from './getFields';
4 | export * from './casters';
5 | export * from './prepass';
6 |
--------------------------------------------------------------------------------
/packages/gqless/src/Helpers/prefetch.ts:
--------------------------------------------------------------------------------
1 | import { InnerClientState } from '../Client/client';
2 | import { SchedulerPromiseValue } from '../Scheduler';
3 |
4 | export interface Prefetch<
5 | GeneratedSchema extends {
6 | query: object;
7 | }
8 | > {
9 | (fn: (query: GeneratedSchema['query']) => TData):
10 | | TData
11 | | (Promise & { schedulerPromise: Promise });
12 | }
13 |
14 | export function createPrefetch<
15 | GeneratedSchema extends {
16 | query: object;
17 | }
18 | >(
19 | query: GeneratedSchema['query'],
20 | { scheduler }: InnerClientState
21 | ): Prefetch {
22 | return function prefetch(
23 | fn: (query: GeneratedSchema['query']) => TData
24 | ):
25 | | (Promise & {
26 | schedulerPromise: Promise;
27 | })
28 | | TData {
29 | const existingData = fn(query);
30 |
31 | if (scheduler.resolving) {
32 | return Object.assign(
33 | scheduler.resolving.promise.then(() => prefetch(fn)),
34 | {
35 | schedulerPromise: scheduler.resolving.promise,
36 | }
37 | );
38 | }
39 | return existingData;
40 | };
41 | }
42 |
--------------------------------------------------------------------------------
/packages/gqless/src/Helpers/prepass.ts:
--------------------------------------------------------------------------------
1 | import { isObject } from '../Utils';
2 |
3 | function getFirstNonNullValue(list: T[]): T | void {
4 | for (const value of list) if (value != null) return value;
5 | }
6 |
7 | export interface PrepassObjKey {
8 | field: string;
9 | variables?: Record;
10 | }
11 |
12 | export function prepass(
13 | v: T,
14 | ...keys: Array>
15 | ): T {
16 | if (v == null) return v;
17 |
18 | for (const composedKeys of keys) {
19 | const separatedKeys =
20 | typeof composedKeys === 'string' ? composedKeys.split('.') : composedKeys;
21 |
22 | let obj: unknown = v;
23 | for (const key of separatedKeys) {
24 | if (obj && key) {
25 | let property = typeof key === 'object' ? key.field : key;
26 | let variables = typeof key === 'object' ? key.variables : undefined;
27 |
28 | if (Array.isArray(obj)) {
29 | const firstNonNull = getFirstNonNullValue(obj);
30 | if (firstNonNull) {
31 | obj = firstNonNull;
32 | } else break;
33 | }
34 |
35 | if (isObject(obj)) {
36 | if (property in obj) {
37 | const value: unknown =
38 | //@ts-expect-error
39 | obj[property];
40 |
41 | if (typeof value === 'function') {
42 | obj = value(variables);
43 | } else {
44 | obj = value;
45 | }
46 | } else break;
47 | } else break;
48 | } else break;
49 | }
50 | }
51 |
52 | return v;
53 | }
54 |
--------------------------------------------------------------------------------
/packages/gqless/src/Helpers/refetch.ts:
--------------------------------------------------------------------------------
1 | import { InnerClientState } from '../Client/client';
2 | import { InlineResolveOptions, Resolvers } from '../Client/resolvers';
3 |
4 | export function isFunction(v: T | (() => T)): v is () => T {
5 | return typeof v === 'function';
6 | }
7 |
8 | export interface Refetch {
9 | (refetchArg: T | (() => T)): Promise;
10 | }
11 |
12 | export function createRefetch(
13 | innerState: InnerClientState,
14 | resolveSelections: Resolvers['resolveSelections'],
15 | inlineResolved: Resolvers['inlineResolved']
16 | ): Refetch {
17 | const { accessorCache } = innerState;
18 |
19 | const inlineResolveRefetch: InlineResolveOptions = {
20 | refetch: true,
21 | };
22 |
23 | async function refetch(refetchArg: T | (() => T)) {
24 | if (isFunction(refetchArg))
25 | return inlineResolved(refetchArg, inlineResolveRefetch);
26 |
27 | if (accessorCache.isProxy(refetchArg)) {
28 | const selectionSet = accessorCache.getSelectionSetHistory(refetchArg);
29 |
30 | if (selectionSet) {
31 | await resolveSelections(selectionSet, undefined, {
32 | ignoreResolveCache: true,
33 | });
34 | }
35 | return refetchArg;
36 | }
37 |
38 | if (process.env.NODE_ENV !== 'production') {
39 | console.warn('gqless: Invalid proxy to refetch!', refetchArg);
40 | }
41 | return refetchArg;
42 | }
43 |
44 | return refetch;
45 | }
46 |
--------------------------------------------------------------------------------
/packages/gqless/src/QueryBuilder/index.ts:
--------------------------------------------------------------------------------
1 | export * from './buildQuery';
2 |
--------------------------------------------------------------------------------
/packages/gqless/src/Schema/index.ts:
--------------------------------------------------------------------------------
1 | export * from './types';
2 |
--------------------------------------------------------------------------------
/packages/gqless/src/Selection/index.ts:
--------------------------------------------------------------------------------
1 | export * from './selection';
2 | export type { SelectionManager } from './SelectionManager';
3 | export type {
4 | BuildSelectionInput,
5 | BuildSelectionValue,
6 | } from './SelectionBuilder';
7 |
--------------------------------------------------------------------------------
/packages/gqless/src/Utils/cachedJSON.ts:
--------------------------------------------------------------------------------
1 | const serializedVariablesCache = new WeakMap();
2 |
3 | export function serializeVariables(variables: Record): string {
4 | let serializedVariables: string;
5 | if ((serializedVariables = serializedVariablesCache.get(variables)!)) {
6 | return serializedVariables;
7 | }
8 | serializedVariables = JSON.stringify(variables);
9 | serializedVariablesCache.set(variables, serializedVariables);
10 | return serializedVariables;
11 | }
12 |
--------------------------------------------------------------------------------
/packages/gqless/src/Utils/debounce.ts:
--------------------------------------------------------------------------------
1 | export function debounce(
2 | fn: (...args: T) => void,
3 | delay: number
4 | ) {
5 | let timeout: any;
6 |
7 | return function debounced(...args: Parameters) {
8 | const execFetch = () => {
9 | timeout = undefined;
10 | fn(...args);
11 | };
12 | if (timeout !== undefined) clearTimeout(timeout);
13 |
14 | if (delay < 0) {
15 | execFetch();
16 | timeout = undefined;
17 | } else {
18 | timeout = setTimeout(execFetch, delay);
19 | }
20 | };
21 | }
22 |
--------------------------------------------------------------------------------
/packages/gqless/src/Utils/index.ts:
--------------------------------------------------------------------------------
1 | export interface DeferredPromise {
2 | promise: Promise;
3 | resolve: (value: T) => void;
4 | reject: (reason: unknown) => void;
5 | }
6 |
7 | export function createDeferredPromise(): DeferredPromise {
8 | let resolve: (value: T) => void = undefined as any;
9 | let reject: (reason: unknown) => void = undefined as any;
10 | const promise = new Promise((resolveFn: any, rejectFn) => {
11 | resolve = resolveFn;
12 | reject = rejectFn;
13 | });
14 |
15 | return {
16 | promise,
17 | resolve,
18 | reject,
19 | };
20 | }
21 |
22 | export const isInteger = (v: any): v is number => Number.isInteger(v);
23 |
24 | export function isEmptyObject(obj: object) {
25 | for (var _i in obj) return false;
26 | return true;
27 | }
28 |
29 | export * from './debounce';
30 | export * from './object';
31 | export * from './cycle';
32 | export { default as mergeWith } from 'lodash/mergeWith';
33 |
--------------------------------------------------------------------------------
/packages/gqless/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './Client';
2 | export * from './Selection';
3 | export * from './Schema';
4 | export * from './Error';
5 | export * from './Helpers';
6 | export { debounce } from './Utils/debounce';
7 |
--------------------------------------------------------------------------------
/packages/gqless/test/error.test.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLError } from 'graphql';
2 |
3 | import { GQlessError } from '../src/Error';
4 |
5 | test('error creation', () => {
6 | const a = new GQlessError('a');
7 |
8 | const b = GQlessError.create(Error('a'));
9 |
10 | const c = GQlessError.create(a);
11 |
12 | const d = GQlessError.create(123);
13 |
14 | const e = new GQlessError('abc', {
15 | graphQLErrors: [new GraphQLError('gql error')],
16 | });
17 |
18 | expect(a).toStrictEqual(b);
19 |
20 | expect(a).toBe(c);
21 |
22 | expect(d.message).toBe('Unexpected error type');
23 | expect(d.otherError).toBe(123);
24 |
25 | expect(JSON.stringify(e)).toBe(
26 | `{"message":"abc","graphQLErrors":[{"message":"gql error"}]}`
27 | );
28 |
29 | expect(e).toEqual(
30 | Object.assign(Error('abc'), {
31 | graphqlErrors: [new GraphQLError('gql error')],
32 | })
33 | );
34 | });
35 |
--------------------------------------------------------------------------------
/packages/gqless/test/schema.test.ts:
--------------------------------------------------------------------------------
1 | import { parseSchemaType, ParseSchemaTypeInfo } from '../src/Schema';
2 |
3 | describe('parseSchemaType', () => {
4 | test('nullable type', () => {
5 | const info = parseSchemaType('String');
6 |
7 | expect(info).toEqual({
8 | pureType: 'String',
9 | isNullable: true,
10 | nullableItems: true,
11 | isArray: false,
12 | });
13 | });
14 |
15 | test('non-nullable type', () => {
16 | const info = parseSchemaType('String!');
17 |
18 | expect(info).toEqual({
19 | pureType: 'String',
20 | isNullable: false,
21 | nullableItems: true,
22 | isArray: false,
23 | });
24 | });
25 | test('nullable array with nullable items', () => {
26 | const info = parseSchemaType('[String]');
27 |
28 | expect(info).toEqual({
29 | pureType: 'String',
30 | isNullable: true,
31 | nullableItems: true,
32 | isArray: true,
33 | });
34 | });
35 |
36 | test('nullable array with non-nullable items', () => {
37 | const info = parseSchemaType('[String!]');
38 |
39 | expect(info).toEqual({
40 | pureType: 'String',
41 | isNullable: true,
42 | nullableItems: false,
43 | isArray: true,
44 | });
45 | });
46 | });
47 |
--------------------------------------------------------------------------------
/packages/gqless/test/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "rootDir": "../",
5 | "declaration": false
6 | },
7 | "include": ["**/*.ts", "**/*.tsx"]
8 | }
9 |
--------------------------------------------------------------------------------
/packages/gqless/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | // see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
3 | "include": ["src", "types"],
4 | "compilerOptions": {
5 | "target": "es2018",
6 | "module": "esnext",
7 | "lib": ["esnext", "DOM"],
8 | "importHelpers": true,
9 | // output .d.ts declaration files for consumers
10 | "declaration": true,
11 | // output .js.map sourcemap files for consumers
12 | "sourceMap": true,
13 | // match output dir to input dir. e.g. dist/index instead of dist/src/index
14 | "rootDir": "./src",
15 | // stricter type-checking for stronger correctness. Recommended by TS
16 | "strict": true,
17 | "strictNullChecks": true,
18 | "isolatedModules": true,
19 | // linter checks for common issues
20 | "noImplicitReturns": true,
21 | "noFallthroughCasesInSwitch": true,
22 | // noUnused* overlap with @typescript-eslint/no-unused-vars, can disable if duplicative
23 | "noUnusedLocals": true,
24 | "noUnusedParameters": true,
25 | // use Node's module resolution algorithm, instead of the legacy TS one
26 | "moduleResolution": "node",
27 | // transpile JSX to React.createElement
28 | "jsx": "react",
29 | // interop between ESM and CJS modules. Recommended by TS
30 | "esModuleInterop": true,
31 | // significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS
32 | "skipLibCheck": true,
33 | // error out if import and file system have a casing mismatch. Recommended by TS
34 | "forceConsistentCasingInFileNames": true,
35 | // "noEmit": true,
36 | "preserveWatchOutput": true,
37 | "outDir": "./dist",
38 | "incremental": false
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/packages/logger/.browserslistrc:
--------------------------------------------------------------------------------
1 | node 10
--------------------------------------------------------------------------------
/packages/logger/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # @gqless/logger
2 |
3 | ## 2.0.11
4 |
5 | ### Patch Changes
6 |
7 | - af6a437: - Rename `gqlessConfig` to `GQlessConfig` (so it's consistent with the new logo)
8 | - Rename `gqlessError` to `GQlessError`
9 | - Remove `endpoint` option from the configuration, and instead always defaults to introspection one
10 | - It's confusing why theres two of them, and the user can change it later by modifying the file anyway
11 | - Updated dependencies [4a3d5ef]
12 | - Updated dependencies [af6a437]
13 | - gqless@2.0.13
14 |
15 | ## 2.0.10
16 |
17 | ### Patch Changes
18 |
19 | - Updated dependencies [65c4d32]
20 | - gqless@2.0.10
21 |
22 | ## 2.0.9
23 |
24 | ### Patch Changes
25 |
26 | - Updated dependencies [6a9269f]
27 | - gqless@2.0.9
28 |
29 | ## 2.0.8
30 |
31 | ### Patch Changes
32 |
33 | - Updated dependencies [c74442e]
34 | - Updated dependencies [d78f2ab]
35 | - Updated dependencies [0ffaa9d]
36 | - gqless@2.0.8
37 |
38 | ## 2.0.7
39 |
40 | ### Patch Changes
41 |
42 | - Updated dependencies [ff66195]
43 | - Updated dependencies [63fd3ea]
44 | - Updated dependencies [40d2101]
45 | - gqless@2.0.7
46 |
47 | ## 2.0.6
48 |
49 | ### Patch Changes
50 |
51 | - 173e11d: add subscriptions to events
52 | - Updated dependencies [173e11d]
53 | - Updated dependencies [c613410]
54 | - gqless@2.0.6
55 |
56 | ## 2.0.5
57 |
58 | ### Patch Changes
59 |
60 | - Updated dependencies [6fef085]
61 | - gqless@2.0.5
62 |
63 | ## 2.0.4
64 |
65 | ### Patch Changes
66 |
67 | - Updated dependencies [2bf4ce2]
68 | - gqless@2.0.4
69 |
70 | ## 2.0.3
71 |
72 | ### Patch Changes
73 |
74 | - Updated dependencies [27f9ece]
75 | - gqless@2.0.3
76 |
77 | ## 2.0.2
78 |
79 | ### Patch Changes
80 |
81 | - Updated dependencies [c06ef80]
82 | - gqless@2.0.2
83 |
84 | ## 2.0.1
85 |
86 | ### Patch Changes
87 |
88 | - a57cab4: official beta v2 publish
89 | - Updated dependencies [a57cab4]
90 | - gqless@2.0.1
91 |
--------------------------------------------------------------------------------
/packages/logger/LICENSE.md:
--------------------------------------------------------------------------------
1 | # The MIT License (MIT)
2 |
3 | Copyright © `2021` `GQless`
4 |
5 | Permission is hereby granted, free of charge, to any person
6 | obtaining a copy of this software and associated documentation
7 | files (the “Software”), to deal in the Software without
8 | restriction, including without limitation the rights to use,
9 | copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the
11 | Software is furnished to do so, subject to the following
12 | conditions:
13 |
14 | The above copyright notice and this permission notice shall be
15 | included in all copies or substantial portions of the Software.
16 |
17 | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,
18 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
19 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
20 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
21 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
22 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
23 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
24 | OTHER DEALINGS IN THE SOFTWARE.
25 |
--------------------------------------------------------------------------------
/packages/logger/README.md:
--------------------------------------------------------------------------------
1 | # @gqless/logger
2 |
3 | ## Visit [https://gqless.com/development/logger](https://gqless.com/development/logger)
4 |
--------------------------------------------------------------------------------
/packages/logger/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = require('test-utils/jest.config.js').default;
2 |
--------------------------------------------------------------------------------
/packages/logger/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@gqless/logger",
3 | "version": "2.0.11",
4 | "homepage": "https://gqless.com",
5 | "license": "MIT",
6 | "repository": {
7 | "type": "git",
8 | "url": "https://github.com/gqless/gqless.git"
9 | },
10 | "author": "GQless ",
11 | "main": "dist/index.js",
12 | "module": "dist/gqless-logger.esm.js",
13 | "typings": "dist/index.d.ts",
14 | "files": [
15 | "dist",
16 | "src"
17 | ],
18 | "scripts": {
19 | "analyze": "size-limit --why",
20 | "build": "build gqless-logger",
21 | "prepare": "build gqless-logger",
22 | "postpublish": "gh-release",
23 | "size": "size-limit",
24 | "start": "watch gqless-logger",
25 | "test": "jest",
26 | "test:watch": "jest --watch"
27 | },
28 | "dependencies": {
29 | "prettier": "^2.2.1",
30 | "serialize-error": "^8.1.0"
31 | },
32 | "devDependencies": {
33 | "@size-limit/preset-small-lib": "^4.10.2",
34 | "@types/prettier": "^2.2.3",
35 | "build-utils": "workspace:*",
36 | "gqless": "workspace:^2.0.13",
37 | "jest": "^26.6.3",
38 | "rimraf": "^3.0.2",
39 | "size-limit": "^4.10.2",
40 | "test-utils": "workspace:^0.1.0",
41 | "tslib": "^2.2.0",
42 | "typescript": "^4.2.4"
43 | },
44 | "peerDependencies": {
45 | "gqless": "workspace:^2.0.13"
46 | },
47 | "engines": {
48 | "node": ">=10"
49 | },
50 | "size-limit": [
51 | {
52 | "path": "dist/gqless-logger.cjs.production.min.js",
53 | "limit": "260 KB"
54 | },
55 | {
56 | "path": "dist/gqless-logger.esm.js",
57 | "limit": "260 KB"
58 | }
59 | ]
60 | }
61 |
--------------------------------------------------------------------------------
/packages/logger/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | // see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
3 | "include": ["src", "types"],
4 | "compilerOptions": {
5 | "module": "esnext",
6 | "lib": ["dom", "esnext"],
7 | "importHelpers": true,
8 | // output .d.ts declaration files for consumers
9 | "declaration": true,
10 | // output .js.map sourcemap files for consumers
11 | "sourceMap": true,
12 | // match output dir to input dir. e.g. dist/index instead of dist/src/index
13 | "rootDir": "./src",
14 | // stricter type-checking for stronger correctness. Recommended by TS
15 | "strict": true,
16 | // linter checks for common issues
17 | "noImplicitReturns": true,
18 | "noFallthroughCasesInSwitch": true,
19 | // noUnused* overlap with @typescript-eslint/no-unused-vars, can disable if duplicative
20 | "noUnusedLocals": true,
21 | "noUnusedParameters": true,
22 | // use Node's module resolution algorithm, instead of the legacy TS one
23 | "moduleResolution": "node",
24 | // transpile JSX to React.createElement
25 | "jsx": "react",
26 | // interop between ESM and CJS modules. Recommended by TS
27 | "esModuleInterop": true,
28 | // significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS
29 | "skipLibCheck": true,
30 | // error out if import and file system have a casing mismatch. Recommended by TS
31 | "forceConsistentCasingInFileNames": true,
32 | "noEmit": true,
33 | "isolatedModules": true,
34 | "preserveWatchOutput": true
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/packages/react/.browserslistrc:
--------------------------------------------------------------------------------
1 | node 10
--------------------------------------------------------------------------------
/packages/react/.gitignore:
--------------------------------------------------------------------------------
1 | *.log
2 | .DS_Store
3 | node_modules
4 | .cache
5 | dist
6 |
--------------------------------------------------------------------------------
/packages/react/LICENSE.md:
--------------------------------------------------------------------------------
1 | # The MIT License (MIT)
2 |
3 | Copyright © `2021` `GQless`
4 |
5 | Permission is hereby granted, free of charge, to any person
6 | obtaining a copy of this software and associated documentation
7 | files (the “Software”), to deal in the Software without
8 | restriction, including without limitation the rights to use,
9 | copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the
11 | Software is furnished to do so, subject to the following
12 | conditions:
13 |
14 | The above copyright notice and this permission notice shall be
15 | included in all copies or substantial portions of the Software.
16 |
17 | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,
18 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
19 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
20 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
21 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
22 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
23 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
24 | OTHER DEALINGS IN THE SOFTWARE.
25 |
--------------------------------------------------------------------------------
/packages/react/README.md:
--------------------------------------------------------------------------------
1 | # @gqless/react
2 |
3 | ## Visit [https://gqless.com/react/fetching-data](https://gqless.com/react/fetching-data)
4 |
--------------------------------------------------------------------------------
/packages/react/jest.config.js:
--------------------------------------------------------------------------------
1 | const { getConfig } = require('test-utils/jest.config.js');
2 |
3 | module.exports = getConfig({
4 | setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
5 | testEnvironment: 'jsdom',
6 | });
7 |
--------------------------------------------------------------------------------
/packages/react/src/index.tsx:
--------------------------------------------------------------------------------
1 | export * from './client';
2 |
3 | export type {
4 | UseQuery,
5 | UseQueryOptions,
6 | UseQueryState,
7 | UseQueryReturnValue,
8 | } from './query/useQuery';
9 | export type { GraphQLHOC, GraphQLHOCOptions } from './query/hoc';
10 | export type {
11 | UseTransactionQuery,
12 | UseTransactionQueryOptions,
13 | UseTransactionQueryState,
14 | } from './query/useTransactionQuery';
15 | export type {
16 | LazyFetchPolicy,
17 | UseLazyQuery,
18 | UseLazyQueryOptions,
19 | UseLazyQueryState,
20 | } from './query/useLazyQuery';
21 | export type {
22 | UseRefetch,
23 | UseRefetchOptions,
24 | UseRefetchState,
25 | } from './query/useRefetch';
26 | export type {
27 | PrepareQuery,
28 | PreparedQuery,
29 | UsePreparedQueryOptions,
30 | } from './query/preparedQuery';
31 | export type {
32 | UseMetaState,
33 | MetaState,
34 | UseMetaStateOptions,
35 | } from './meta/useMetaState';
36 | export type {
37 | UseMutation,
38 | UseMutationOptions,
39 | UseMutationState,
40 | } from './mutation/useMutation';
41 | export type { UseSubscription } from './subscription/useSubscription';
42 | export type {
43 | PaginatedQueryFetchPolicy,
44 | UsePaginatedQuery,
45 | FetchMoreCallbackArgs,
46 | UsePaginatedQueryData,
47 | UsePaginatedQueryMergeParams,
48 | UsePaginatedQueryOptions,
49 | } from './query/usePaginatedQuery';
50 | export type {
51 | UseHydrateCache,
52 | PrepareReactRender,
53 | PropsWithServerCache,
54 | UseHydrateCacheOptions,
55 | } from './ssr/ssr';
56 |
57 | export type { OnErrorHandler, FetchPolicy, CoreHelpers } from './common';
58 | export { coreHelpers, uniqBy, sortBy } from './common';
59 |
--------------------------------------------------------------------------------
/packages/react/src/utils.ts:
--------------------------------------------------------------------------------
1 | import type { CreateReactClientOptions, ReactClientDefaults } from './client';
2 |
3 | export function areArraysEqual(
4 | a: unknown[] | null | undefined,
5 | b: unknown[] | null | undefined
6 | ) {
7 | if (a === b) return true;
8 | if (a == null || b == null) return false;
9 | const size = a.length;
10 | if (size !== b.length) return false;
11 |
12 | for (let i = 0; i < size; ++i) if (a[i] !== b[i]) return false;
13 |
14 | return true;
15 | }
16 |
17 | export type ReactClientOptionsWithDefaults = Omit<
18 | CreateReactClientOptions,
19 | 'defaults'
20 | > & {
21 | defaults: Required;
22 | };
23 |
--------------------------------------------------------------------------------
/packages/react/test/graphqlHOC.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { render, waitFor } from '@testing-library/react';
4 |
5 | import { createReactTestClient } from './utils';
6 |
7 | test('Basic Non-Suspense', async () => {
8 | const { query, graphql } = await createReactTestClient();
9 |
10 | const Comp = graphql(
11 | () => {
12 | return {query.hello}
;
13 | },
14 | {
15 | suspense: false,
16 | }
17 | );
18 |
19 | const { container } = render({query.hello}
;
36 | },
37 | {
38 | suspense: {
39 | fallback: 'Loading...',
40 | },
41 | }
42 | );
43 |
44 | const { container } = render(",
10 | "main": "dist/index.js",
11 | "module": "dist/gqless-subscriptions.esm.js",
12 | "types": "dist/index.d.ts",
13 | "files": [
14 | "dist",
15 | "src"
16 | ],
17 | "scripts": {
18 | "build": "build gqless-subscriptions",
19 | "prepare": "build gqless-subscriptions",
20 | "postpublish": "gh-release",
21 | "start": "watch gqless-buscriptions",
22 | "test": "jest"
23 | },
24 | "dependencies": {
25 | "isomorphic-ws": "^4.0.1",
26 | "ws": "^7.4.5"
27 | },
28 | "devDependencies": {
29 | "@types/ws": "^7.4.1",
30 | "build-utils": "workspace:*",
31 | "gqless": "workspace:^2.0.13",
32 | "graphql": "^15.5.0",
33 | "test-utils": "workspace:^0.1.0",
34 | "tslib": "^2.2.0",
35 | "typescript": "^4.2.4"
36 | },
37 | "peerDependencies": {
38 | "gqless": "workspace:^2.0.13",
39 | "graphql": "^15.5.0"
40 | },
41 | "peerDependenciesMeta": {
42 | "graphql": {
43 | "optional": true
44 | }
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/packages/subscriptions/src/subscription/protocol.ts:
--------------------------------------------------------------------------------
1 | export const GQL_CONNECTION_INIT = 'connection_init'; // Client -> Server
2 | export const GQL_CONNECTION_ACK = 'connection_ack'; // Server -> Client
3 | export const GQL_CONNECTION_ERROR = 'connection_error'; // Server -> Client
4 | export const GQL_CONNECTION_KEEP_ALIVE = 'ka'; // Server -> Client
5 |
6 | export const GQL_CONNECTION_TERMINATE = 'connection_terminate'; // Client -> Server
7 | export const GQL_START = 'start'; // Client -> Server
8 | export const GQL_DATA = 'data'; // Server -> Client
9 | export const GQL_ERROR = 'error'; // Server -> Client
10 | export const GQL_COMPLETE = 'complete'; // Server -> Client
11 | export const GQL_STOP = 'stop'; // Client -> Server
12 |
13 | export const GRAPHQL_WS = 'graphql-ws';
14 |
--------------------------------------------------------------------------------
/packages/subscriptions/src/utils.ts:
--------------------------------------------------------------------------------
1 | import { GraphQLError } from 'graphql';
2 |
3 | export interface DeferredPromise {
4 | promise: Promise;
5 | resolve: (value: T) => void;
6 | reject: (reason: unknown) => void;
7 | }
8 |
9 | export function createDeferredPromise(): DeferredPromise {
10 | let resolve: (value: T) => void = undefined as any;
11 | let reject: (reason: unknown) => void = undefined as any;
12 | const promise = new Promise((resolveFn: any, rejectFn) => {
13 | resolve = resolveFn;
14 | reject = rejectFn;
15 | });
16 |
17 | return {
18 | promise,
19 | resolve,
20 | reject,
21 | };
22 | }
23 |
24 | export type GQLResponse<
25 | T extends Record = Record
26 | > = { data: T | null; errors?: GraphQLError[] };
27 |
--------------------------------------------------------------------------------
/packages/subscriptions/test/index.test.ts:
--------------------------------------------------------------------------------
1 | test('works', () => {
2 | expect(1).toBe(1);
3 | });
4 |
5 | export {};
6 |
--------------------------------------------------------------------------------
/packages/subscriptions/tsconfig.dev.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "compilerOptions": {
4 | "module": "commonjs"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/packages/subscriptions/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | // see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
3 | "include": ["src", "types"],
4 | "compilerOptions": {
5 | "target": "es2018",
6 | "module": "esnext",
7 | "lib": ["dom", "esnext"],
8 | "importHelpers": true,
9 | // output .d.ts declaration files for consumers
10 | "declaration": true,
11 | // output .js.map sourcemap files for consumers
12 | "sourceMap": true,
13 | // match output dir to input dir. e.g. dist/index instead of dist/src/index
14 | "rootDir": "./src",
15 | "outDir": "dist",
16 | // stricter type-checking for stronger correctness. Recommended by TS
17 | "strict": true,
18 | // linter checks for common issues
19 | "noImplicitReturns": true,
20 | "noFallthroughCasesInSwitch": true,
21 | // noUnused* overlap with @typescript-eslint/no-unused-vars, can disable if duplicative
22 | "noUnusedLocals": true,
23 | "noUnusedParameters": true,
24 | // use Node's module resolution algorithm, instead of the legacy TS one
25 | "moduleResolution": "node",
26 | // transpile JSX to React.createElement
27 | "jsx": "react",
28 | // interop between ESM and CJS modules. Recommended by TS
29 | "esModuleInterop": true,
30 | // significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS
31 | "skipLibCheck": true,
32 | // error out if import and file system have a casing mismatch. Recommended by TS
33 | "forceConsistentCasingInFileNames": true,
34 | // "noEmit": true,
35 | "isolatedModules": true,
36 | "preserveWatchOutput": true,
37 | "incremental": true,
38 | "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo"
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/pnpm-workspace.yaml:
--------------------------------------------------------------------------------
1 | packages:
2 | - 'packages/*'
3 | - 'examples/*'
4 | - 'internal/*'
5 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es2020",
4 | "module": "CommonJS",
5 | "strict": true,
6 | "esModuleInterop": true,
7 | "noEmit": true,
8 | "checkJs": true,
9 | "allowJs": true
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
22 |