Merge pull request #5 from Code-Hex/add/example

add example

Author: Code-Hex

.eslintrc.json

@@ -35,6 +35,6 @@
   "ignorePatterns": [
     "dist",
     "node_modules",
-    "gen"
+    "example"
   ]
 }

.gitignore

@@ -1,7 +1,6 @@
 node_modules
 dist
 .npmignore
-gen/*.ts
 package-lock.json
 .DS_Store
 tsconfig.tsbuildinfo

.prettierignore

@@ -0,0 +1,7 @@
+node_modules
+dist
+.npmignore
+package-lock.json
+.DS_Store
+tsconfig.tsbuildinfo
+example

codegen.yml

@@ -1,14 +1,14 @@
 overwrite: true
-schema: './test.graphql'
+schema: './example/test.graphql'
 generates:
-  gen/types.ts:
+  example/types.ts:
     plugins:
       - typescript
-  gen/schemas.ts:
+  example/yup/schemas.ts:
     plugins:
       - ./dist/main/index.js:
           schema: yup
-          importFrom: ./types
+          importFrom: ../types
           directives:
             required:
               msg: required

test.graphql renamed to example/test.graphql

@@ -0,0 +1,88 @@
+export type Maybe<T> = T | null;
+export type InputMaybe<T> = Maybe<T>;
+export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
+/** All built-in and custom scalars, mapped to their actual values */
+export type Scalars = {
+  ID: string;
+  String: string;
+  Boolean: boolean;
+  Int: number;
+  Float: number;
+  Date: any;
+  URL: any;
+};
+
+export type AttributeInput = {
+  key?: InputMaybe<Scalars['String']>;
+  val?: InputMaybe<Scalars['String']>;
+};
+
+export enum ButtonComponentType {
+  Button = 'BUTTON',
+  Submit = 'SUBMIT'
+}
+
+export type ComponentInput = {
+  child?: InputMaybe<ComponentInput>;
+  childrens?: InputMaybe<Array<InputMaybe<ComponentInput>>>;
+  event?: InputMaybe<EventInput>;
+  name: Scalars['String'];
+  type: ButtonComponentType;
+};
+
+export type DropDownComponentInput = {
+  dropdownComponent?: InputMaybe<ComponentInput>;
+  getEvent: EventInput;
+};
+
+export type EventArgumentInput = {
+  name: Scalars['String'];
+  value: Scalars['String'];
+};
+
+export type EventInput = {
+  arguments: Array<EventArgumentInput>;
+  options?: InputMaybe<Array<EventOptionType>>;
+};
+
+export enum EventOptionType {
+  Reload = 'RELOAD',
+  Retry = 'RETRY'
+}
+
+export type HttpInput = {
+  method?: InputMaybe<HttpMethod>;
+  url: Scalars['URL'];
+};
+
+export enum HttpMethod {
+  Get = 'GET',
+  Post = 'POST'
+}
+
+export type LayoutInput = {
+  dropdown?: InputMaybe<DropDownComponentInput>;
+};
+
+export type PageInput = {
+  attributes?: InputMaybe<Array<AttributeInput>>;
+  date?: InputMaybe<Scalars['Date']>;
+  height: Scalars['Float'];
+  id: Scalars['ID'];
+  layout: LayoutInput;
+  pageType: PageType;
+  postIDs?: InputMaybe<Array<Scalars['ID']>>;
+  show: Scalars['Boolean'];
+  tags?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  title: Scalars['String'];
+  width: Scalars['Int'];
+};
+
+export enum PageType {
+  BasicAuth = 'BASIC_AUTH',
+  Lp = 'LP',
+  Restricted = 'RESTRICTED',
+  Service = 'SERVICE'
+}

example/types.ts

@@ -0,0 +1,77 @@
+import * as yup from 'yup'
+import { AttributeInput, ButtonComponentType, ComponentInput, DropDownComponentInput, EventArgumentInput, EventInput, EventOptionType, HttpInput, HttpMethod, LayoutInput, PageInput, PageType } from '../types'
+
+export function AttributeInputSchema(): yup.SchemaOf<AttributeInput> {
+  return yup.object({
+    key: yup.string(),
+    val: yup.string()
+  })
+}
+
+export const ButtonComponentTypeSchema = yup.mixed().oneOf([ButtonComponentType.Button, ButtonComponentType.Submit]);
+
+export function ComponentInputSchema(): yup.SchemaOf<ComponentInput> {
+  return yup.object({
+    child: yup.lazy(() => ComponentInputSchema()) as never,
+    childrens: yup.array().of(yup.lazy(() => ComponentInputSchema()) as never).optional(),
+    event: yup.lazy(() => EventInputSchema()) as never,
+    name: yup.string().defined(),
+    type: ButtonComponentTypeSchema.defined()
+  })
+}
+
+export function DropDownComponentInputSchema(): yup.SchemaOf<DropDownComponentInput> {
+  return yup.object({
+    dropdownComponent: yup.lazy(() => ComponentInputSchema()) as never,
+    getEvent: yup.lazy(() => EventInputSchema().defined()) as never
+  })
+}
+
+export function EventArgumentInputSchema(): yup.SchemaOf<EventArgumentInput> {
+  return yup.object({
+    name: yup.string().defined().min(5),
+    value: yup.string().defined().matches(/^foo/)
+  })
+}
+
+export function EventInputSchema(): yup.SchemaOf<EventInput> {
+  return yup.object({
+    arguments: yup.array().of(yup.lazy(() => EventArgumentInputSchema().defined()) as never).defined(),
+    options: yup.array().of(EventOptionTypeSchema.defined()).optional()
+  })
+}
+
+export const EventOptionTypeSchema = yup.mixed().oneOf([EventOptionType.Reload, EventOptionType.Retry]);
+
+export function HttpInputSchema(): yup.SchemaOf<HttpInput> {
+  return yup.object({
+    method: HttpMethodSchema,
+    url: yup.mixed().defined()
+  })
+}
+
+export const HttpMethodSchema = yup.mixed().oneOf([HttpMethod.Get, HttpMethod.Post]);
+
+export function LayoutInputSchema(): yup.SchemaOf<LayoutInput> {
+  return yup.object({
+    dropdown: yup.lazy(() => DropDownComponentInputSchema()) as never
+  })
+}
+
+export function PageInputSchema(): yup.SchemaOf<PageInput> {
+  return yup.object({
+    attributes: yup.array().of(yup.lazy(() => AttributeInputSchema().defined()) as never).optional(),
+    date: yup.mixed(),
+    height: yup.number().defined(),
+    id: yup.string().defined(),
+    layout: yup.lazy(() => LayoutInputSchema().defined()) as never,
+    pageType: PageTypeSchema.defined(),
+    postIDs: yup.array().of(yup.string().defined()).optional(),
+    show: yup.boolean().defined(),
+    tags: yup.array().of(yup.string()).optional(),
+    title: yup.string().defined(),
+    width: yup.number().defined()
+  })
+}
+
+export const PageTypeSchema = yup.mixed().oneOf([PageType.BasicAuth, PageType.Lp, PageType.Restricted, PageType.Service]);

example/yup/schemas.ts

@@ -25,8 +25,8 @@
     "build:module": "tsc -p tsconfig.module.json",
     "lint": "eslint --ext .ts .",
     "lint-fix": "eslint --fix --ext .ts .",
-    "prettier": "prettier --ignore-path .gitignore --write --list-different \"**/*.{ts,graphql,yml}\"",
-    "prettier:check": "prettier --ignore-path .gitignore --check \"**/*.{ts,graphql,yml}\"",
+    "prettier": "prettier --write --list-different \"**/*.{ts,graphql,yml}\"",
+    "prettier:check": "prettier --check \"**/*.{ts,graphql,yml}\"",
     "generate": "run-p build:* && graphql-codegen",
     "prepublish": "run-p build:*"
   },

gen/.gitkeep

@@ -10,10 +10,10 @@
     "paths": {}
   },
   "include": [
-    "src/*.ts"
+    "src"
   ],
   "exclude": [
-    "./gen/*.ts",
+    "./example",
     "./dist"
   ]
 }