eddev 0.2.27 → 0.2.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/admin/components/ImageWell.d.ts +1 -0
  2. package/build/get-webpack-config.js +1 -0
  3. package/build/serverless/create-next-app.js +5 -5
  4. package/cli/display/components/BundleDisplay.d.ts +1 -0
  5. package/cli/display/components/CodegenDisplay.d.ts +1 -0
  6. package/cli/display/components/DevCLIDisplay.d.ts +1 -0
  7. package/cli/display/components/ServerlessDisplay.d.ts +1 -0
  8. package/cli/display/components/StatusIcon.d.ts +1 -0
  9. package/components/AdminBar.d.ts +1 -0
  10. package/dev-ui/components/BreakpointColumnHeader.d.ts +1 -0
  11. package/dev-ui/components/BreakpointIndicator.d.ts +1 -0
  12. package/dev-ui/components/DevUI.d.ts +1 -0
  13. package/dev-ui/components/ResponsiveLerpControl.d.ts +1 -0
  14. package/dev-ui/components/ResponsiveScaleEditor.d.ts +1 -0
  15. package/dev-ui/components/atoms/NumberField.d.ts +1 -0
  16. package/dev-ui/components/panels/PageDataDebugger.d.ts +1 -0
  17. package/dev-ui/components/panels/SpacingEditor.d.ts +1 -0
  18. package/dev-ui/components/panels/TypographyEditor.d.ts +1 -0
  19. package/dev-ui/icons.d.ts +1 -0
  20. package/dev-ui/loader.d.ts +1 -0
  21. package/dev-ui/theme.d.ts +3 -2
  22. package/dynamic/dynamic-component.d.ts +1 -0
  23. package/entry/Root.d.ts +1 -0
  24. package/gravityforms/useGravityForm.js +13 -3
  25. package/package.json +4 -3
  26. package/serverless-template/tsconfig.json +1 -0
  27. package/style/createStitches.d.ts +3 -2
  28. package/docs_old/README.md +0 -33
  29. package/docs_old/babel.config.js +0 -3
  30. package/docs_old/blog/2019-05-28-first-blog-post.md +0 -12
  31. package/docs_old/blog/2019-05-29-long-blog-post.md +0 -44
  32. package/docs_old/blog/2021-08-01-mdx-blog-post.mdx +0 -20
  33. package/docs_old/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg +0 -0
  34. package/docs_old/blog/2021-08-26-welcome/index.md +0 -25
  35. package/docs_old/blog/authors.yml +0 -17
  36. package/docs_old/docs/graphql/1.graphql-overview.md +0 -62
  37. package/docs_old/docs/graphql/2.query-hooks.md +0 -238
  38. package/docs_old/docs/graphql/3.extending-wpgraphql.md +0 -3
  39. package/docs_old/docs/graphql/_category_.json +0 -4
  40. package/docs_old/docs/graphql/img/graphql-ide.png +0 -0
  41. package/docs_old/docs/graphql/img/infinite-example.gif +0 -0
  42. package/docs_old/docs/graphql/img/mutation-example.gif +0 -0
  43. package/docs_old/docs/gutenberg/1.overview.md +0 -25
  44. package/docs_old/docs/gutenberg/2.block-definition.md +0 -37
  45. package/docs_old/docs/gutenberg/3.block-acf.md +0 -13
  46. package/docs_old/docs/gutenberg/4.block-graphql.md +0 -63
  47. package/docs_old/docs/gutenberg/5.inline-editing.md +0 -33
  48. package/docs_old/docs/gutenberg/6.nested-blocks.md +0 -80
  49. package/docs_old/docs/gutenberg/7.restricting-to-post-types.md +0 -38
  50. package/docs_old/docs/gutenberg/8.restricting-to-page-templates.md +0 -26
  51. package/docs_old/docs/gutenberg/9.dynamic-blocks.md +0 -21
  52. package/docs_old/docs/gutenberg/_category_.json +0 -4
  53. package/docs_old/docs/gutenberg/img/create-acf-fields-for-block.png +0 -0
  54. package/docs_old/docs/gutenberg/img/example-acf-single-project-tile.png +0 -0
  55. package/docs_old/docs/how-to/1.new-site.md +0 -36
  56. package/docs_old/docs/how-to/2.deployment.md +0 -31
  57. package/docs_old/docs/how-to/3.menus.md +0 -72
  58. package/docs_old/docs/how-to/4.options-pages.md +0 -41
  59. package/docs_old/docs/how-to/5.bundle-size.md +0 -177
  60. package/docs_old/docs/how-to/6.favicons.md +0 -82
  61. package/docs_old/docs/how-to/_category_.json +0 -4
  62. package/docs_old/docs/how-to/img/bundle-analysis-after.png +0 -0
  63. package/docs_old/docs/how-to/img/bundle-analysis-before.png +0 -0
  64. package/docs_old/docs/how-to/img/bundle-webpack-after.png +0 -0
  65. package/docs_old/docs/how-to/img/bundle-webpack-before.png +0 -0
  66. package/docs_old/docs/how-to/img/favicon-codebase.png +0 -0
  67. package/docs_old/docs/how-to/img/favicon-figma-export.png +0 -0
  68. package/docs_old/docs/how-to/img/favicon-figma.png +0 -0
  69. package/docs_old/docs/intro.md +0 -7
  70. package/docs_old/docs/known-issues.md +0 -8
  71. package/docs_old/docs/serverless/1.overview.md +0 -1
  72. package/docs_old/docs/serverless/2.config.md +0 -1
  73. package/docs_old/docs/serverless/3.wordpress-vercel.md +0 -8
  74. package/docs_old/docs/serverless/4.apis.md +0 -1
  75. package/docs_old/docs/serverless/5.rpc.md +0 -1
  76. package/docs_old/docs/serverless/_category_.json +0 -4
  77. package/docs_old/docs/stack/1-WordPress.md +0 -18
  78. package/docs_old/docs/stack/2-Flywheel.md +0 -15
  79. package/docs_old/docs/stack/3-React.md +0 -12
  80. package/docs_old/docs/stack/4-TypeScript.md +0 -13
  81. package/docs_old/docs/stack/5-WPGraphQL.md +0 -21
  82. package/docs_old/docs/stack/6-eddev.md +0 -9
  83. package/docs_old/docs/stack/_category_.json +0 -4
  84. package/docs_old/docs/tooling/1.scripts.md +0 -25
  85. package/docs_old/docs/tooling/2.aliases.md +0 -13
  86. package/docs_old/docs/tooling/3.defines.md +0 -13
  87. package/docs_old/docs/tooling/4.config-file.md +0 -14
  88. package/docs_old/docs/tooling/_category_.json +0 -4
  89. package/docs_old/docs/views/1.overview.md +0 -31
  90. package/docs_old/docs/views/2.queries.md +0 -18
  91. package/docs_old/docs/views/3.content-blocks.md +0 -36
  92. package/docs_old/docs/views/4.app-view.md +0 -35
  93. package/docs_old/docs/views/5.page-templates.md +0 -20
  94. package/docs_old/docs/views/_category_.json +0 -4
  95. package/docs_old/docusaurus.config.js +0 -119
  96. package/docs_old/package.json +0 -40
  97. package/docs_old/sidebars.js +0 -26
  98. package/docs_old/src/components/HomepageFeatures.js +0 -64
  99. package/docs_old/src/components/HomepageFeatures.module.css +0 -11
  100. package/docs_old/src/css/custom.css +0 -28
  101. package/docs_old/src/pages/index.js +0 -36
  102. package/docs_old/src/pages/index.module.css +0 -23
  103. package/docs_old/src/pages/markdown-page.md +0 -7
  104. package/docs_old/static/.nojekyll +0 -0
  105. package/docs_old/static/img/docusaurus.png +0 -0
  106. package/docs_old/static/img/favicon.ico +0 -0
  107. package/docs_old/static/img/logo-black.svg +0 -4
  108. package/docs_old/static/img/logo-white.svg +0 -4
  109. package/docs_old/static/img/tutorial/docsVersionDropdown.png +0 -0
  110. package/docs_old/static/img/tutorial/localeDropdown.png +0 -0
  111. package/docs_old/static/img/undraw_docusaurus_mountain.svg +0 -170
  112. package/docs_old/static/img/undraw_docusaurus_react.svg +0 -169
  113. package/docs_old/static/img/undraw_docusaurus_tree.svg +0 -1
  114. package/docs_old/yarn.lock +0 -8814
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare type Props = {
2
3
  previewSize: string;
3
4
  aspects: string[];
@@ -130,6 +130,7 @@ function getWebpackConfig(opts) {
130
130
  ALIAS["@components"] = path_1.default.join(opts.baseDirectory, "components");
131
131
  ALIAS["@views"] = path_1.default.join(opts.baseDirectory, "views");
132
132
  ALIAS["@hooks"] = path_1.default.join(opts.baseDirectory, "hooks");
133
+ ALIAS["@lib"] = path_1.default.join(opts.baseDirectory, "lib");
133
134
  ALIAS["@queries"] = path_1.default.join(opts.baseDirectory, "hooks/queries");
134
135
  ALIAS["@utils"] = path_1.default.join(opts.baseDirectory, "utils");
135
136
  RULES.push({
@@ -216,14 +216,14 @@ function createNextApp(opts) {
216
216
  }, opts.baseDirectory);
217
217
  sendSignal({ code: "url", url: "http://127.0.0.1:".concat(port) });
218
218
  // await devNext(serverlessDirectory, port)
219
- return [4 /*yield*/, runScript(serverlessDirectory, ["run", "dev", "--port", String(port)])];
219
+ return [4 /*yield*/, runScript(serverlessDirectory, ["dev", "--port", String(port)])];
220
220
  case 24:
221
221
  // await devNext(serverlessDirectory, port)
222
222
  _b.sent();
223
223
  return [3 /*break*/, 27];
224
224
  case 25:
225
225
  if (!opts.build) return [3 /*break*/, 27];
226
- return [4 /*yield*/, runScript(serverlessDirectory, ["run", "build"])];
226
+ return [4 /*yield*/, runScript(serverlessDirectory, ["build"])];
227
227
  case 26:
228
228
  _b.sent();
229
229
  _b.label = 27;
@@ -241,7 +241,7 @@ function clean(path) {
241
241
  case 0:
242
242
  if (!(0, fs_1.existsSync)(path))
243
243
  return [2 /*return*/];
244
- whitelist = ["node_modules", "package.json", "yarn.lock", "package-lock.json"];
244
+ whitelist = ["node_modules", "package.json", "yarn.lock"];
245
245
  return [4 /*yield*/, (0, fs_extra_1.readdir)(path)];
246
246
  case 1:
247
247
  files = (_a.sent()).filter(function (file) {
@@ -284,7 +284,7 @@ function updatePackages(dir) {
284
284
  return __awaiter(this, void 0, void 0, function () {
285
285
  var proc;
286
286
  return __generator(this, function (_c) {
287
- proc = (0, child_process_1.spawn)("npm", ["install"], {
287
+ proc = (0, child_process_1.spawn)("yarn", [], {
288
288
  cwd: dir,
289
289
  });
290
290
  (_a = proc.stdout) === null || _a === void 0 ? void 0 : _a.pipe(process.stdout);
@@ -439,7 +439,7 @@ function runScript(dir, args) {
439
439
  return __awaiter(this, void 0, void 0, function () {
440
440
  var proc;
441
441
  return __generator(this, function (_c) {
442
- proc = (0, child_process_1.spawn)("npm", args, {
442
+ proc = (0, child_process_1.spawn)("yarn", args, {
443
443
  cwd: dir,
444
444
  });
445
445
  (_a = proc.stdout) === null || _a === void 0 ? void 0 : _a.pipe(process.stdout);
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { CompilerState } from "../../../build/state/compiler-state";
2
3
  import { Observable } from "../../../utils/Observable";
3
4
  export declare function BundleDisplay(props: {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { CodegenState } from "../../../build/state/codegen-state";
2
3
  import { Observable } from "../../../utils/Observable";
3
4
  export declare function CodegenDisplay(props: {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { CodegenState } from "../../../build/state/codegen-state";
2
3
  import { CompilerState } from "../../../build/state/compiler-state";
3
4
  import { ServerlessState } from "../../../build/state/serverless-state";
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ServerlessState } from "../../../build/state/serverless-state";
2
3
  import { Observable } from "../../../utils/Observable";
3
4
  export declare function ServerlessDisplay(props: {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare type Props = {
2
3
  icon: "loading" | "tick" | "error" | "none";
3
4
  };
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare function AdminBar(): JSX.Element;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare type Props = {
2
3
  lerpStart?: boolean;
3
4
  lerps?: boolean;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare function BreakpointIndicator(): JSX.Element;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export default function DevUI(): JSX.Element;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ResponsiveAtomCalc } from "../../style";
2
3
  declare type Props = {
3
4
  data: ResponsiveAtomCalc[];
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { BreakpointArray } from "../../style";
2
3
  export declare const RESPONSIVE_COLUMN_WIDTH = "110px";
3
4
  export declare const RESPONSIVE_ROW_HEIGHT = "20px";
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare type Props = {
2
3
  prefix?: string;
3
4
  suffix?: string;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare function PageDataDebugger(): JSX.Element;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare function SpacingEditor(): JSX.Element;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare function TypographyEditor(): JSX.Element;
package/dev-ui/icons.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const bolt: JSX.Element;
2
3
  export declare const typography: JSX.Element;
3
4
  export declare const ruler: JSX.Element;
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare function DevUILoader(): JSX.Element | null;
package/dev-ui/theme.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
2
3
  [name: string]: unknown;
3
4
  })[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
@@ -93,7 +94,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
93
94
  transitions: {
94
95
  default: string;
95
96
  };
96
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>, css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | {
97
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | {
97
98
  [name: string]: unknown;
98
99
  })[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
99
100
  space: {
@@ -136,7 +137,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
136
137
  transitions: {
137
138
  default: string;
138
139
  };
139
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
140
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
140
141
  variants?: {
141
142
  [x: string]: {
142
143
  [x: string]: CSS;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const dynamic: {
2
3
  <Props, Module = import("@loadable/component").DefaultComponent<Props>>(loadFn: (props: Props) => Promise<Module>, options: import("@loadable/component").OptionsWithResolver<Props, Module>): import("@loadable/component").LoadableComponent<Props>;
3
4
  <Props_1>(loadFn: (props: Props_1) => Promise<import("@loadable/component").DefaultComponent<Props_1>>, options?: import("@loadable/component").OptionsWithoutResolver<Props_1> | undefined): import("@loadable/component").LoadableComponent<Props_1>;
package/entry/Root.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare function Root(): JSX.Element;
2
3
  declare const _default: typeof Root | import("next/types").NextComponentType<import("next/types").NextPageContext, {}, {}>;
3
4
  export default _default;
@@ -122,14 +122,24 @@ function useGravityForm(opts) {
122
122
  }
123
123
  exports.useGravityForm = useGravityForm;
124
124
  function prepareValuesPayload(form, state, data) {
125
- for (var _i = 0, _a = form.fields; _i < _a.length; _i++) {
126
- var field = _a[_i];
125
+ var _loop_1 = function (field) {
127
126
  var value = state.values[field.id];
128
127
  var key = "input_" + field.id;
129
128
  if (field.type === "consent") {
130
129
  key += "_1";
131
130
  }
132
- data[key] = value;
131
+ if (field.type === "checkbox") {
132
+ field.choices.forEach(function (choice, i) {
133
+ data["".concat(key, ".").concat(i + 1)] = (value === null || value === void 0 ? void 0 : value.includes(choice.value)) ? choice.value : null;
134
+ });
135
+ }
136
+ else {
137
+ data[key] = value;
138
+ }
139
+ };
140
+ for (var _i = 0, _a = form.fields; _i < _a.length; _i++) {
141
+ var field = _a[_i];
142
+ _loop_1(field);
133
143
  }
134
144
  return data;
135
145
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eddev",
3
- "version": "0.2.27",
3
+ "version": "0.2.30",
4
4
  "main": "./index.js",
5
5
  "license": "MIT",
6
6
  "bin": {
@@ -21,14 +21,15 @@
21
21
  "@types/loadable__component": "^5.13.4",
22
22
  "@types/node": "^16.7.10",
23
23
  "@types/react": "^17.0.36",
24
- "@types/react-dom": "^17.0.11",
24
+ "@types/react-dom": "^18.0.6",
25
25
  "@types/react-inspector": "^4.0.2",
26
26
  "@types/rimraf": "^3.0.2",
27
27
  "@types/url-parse": "^1.4.4",
28
28
  "@types/webpack-dev-server": "^3.11.2",
29
29
  "csstype": "^3.0.9",
30
30
  "next": "^12.1.6",
31
- "react-html-props": "^1.0.32"
31
+ "react-html-props": "^1.0.32",
32
+ "react-use": "^17.4.0"
32
33
  },
33
34
  "dependencies": {
34
35
  "@babel/core": "^7.15.5",
@@ -21,6 +21,7 @@
21
21
  "@components/*": ["components/*"],
22
22
  "@views/*": ["views/*"],
23
23
  "@hooks/*": ["hooks/*"],
24
+ "@lib/*": ["lib/*"],
24
25
  "@utils/*": ["utils/*"],
25
26
  "@queries/*": ["hooks/queries/*"],
26
27
  "@theme": ["theme.css.tsx"],
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DefaultThemeMap } from "@stitches/react";
2
3
  import { ConfigType } from "@stitches/core/types/config";
3
4
  import { Properties as CSS } from "csstype";
@@ -656,7 +657,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
656
657
  } & { [Scale_4 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })]: { [Token_2 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_4]]: import("@stitches/react/types/theme").Token<Extract<Token_2, string | number>, string, Extract<Scale_4, string | void>, "">; }; };
657
658
  reset: () => void;
658
659
  getCssText: () => string;
659
- css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | {
660
+ css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | {
660
661
  [name: string]: unknown;
661
662
  })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
662
663
  initial: "";
@@ -779,7 +780,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
779
780
  gridColumn: string;
780
781
  "--grid-columns": number;
781
782
  };
782
- }>>(...composers: { [K_1 in keyof Composers]: string extends Composers[K_1] ? Composers[K_1] : Composers[K_1] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K_1] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
783
+ }>>(...composers: { [K_1 in keyof Composers]: string extends Composers[K_1] ? Composers[K_1] : Composers[K_1] extends string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> ? Composers[K_1] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
783
784
  variants?: {
784
785
  [x: string]: {
785
786
  [x: string]: CSS_1;
@@ -1,33 +0,0 @@
1
- # Website
2
-
3
- This website is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
4
-
5
- ### Installation
6
-
7
- ```
8
- $ yarn
9
- ```
10
-
11
- ### Local Development
12
-
13
- ```
14
- $ yarn start
15
- ```
16
-
17
- This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
18
-
19
- ### Build
20
-
21
- ```
22
- $ yarn build
23
- ```
24
-
25
- This command generates static content into the `build` directory and can be served using any static contents hosting service.
26
-
27
- ### Deployment
28
-
29
- ```
30
- $ GIT_USER=<Your GitHub username> USE_SSH=true yarn deploy
31
- ```
32
-
33
- If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
@@ -1,3 +0,0 @@
1
- module.exports = {
2
- presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
3
- };
@@ -1,12 +0,0 @@
1
- ---
2
- slug: first-blog-post
3
- title: First Blog Post
4
- authors:
5
- name: Gao Wei
6
- title: Docusaurus Core Team
7
- url: https://github.com/wgao19
8
- image_url: https://github.com/wgao19.png
9
- tags: [hola, docusaurus]
10
- ---
11
-
12
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
@@ -1,44 +0,0 @@
1
- ---
2
- slug: long-blog-post
3
- title: Long Blog Post
4
- authors: endi
5
- tags: [hello, docusaurus]
6
- ---
7
-
8
- This is the summary of a very long blog post,
9
-
10
- Use a `<!--` `truncate` `-->` comment to limit blog post size in the list view.
11
-
12
- <!--truncate-->
13
-
14
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
15
-
16
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
17
-
18
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
19
-
20
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
21
-
22
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
23
-
24
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
25
-
26
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
27
-
28
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
29
-
30
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
31
-
32
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
33
-
34
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
35
-
36
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
37
-
38
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
39
-
40
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
41
-
42
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
43
-
44
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
@@ -1,20 +0,0 @@
1
- ---
2
- slug: mdx-blog-post
3
- title: MDX Blog Post
4
- authors: [slorber]
5
- tags: [docusaurus]
6
- ---
7
-
8
- Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/).
9
-
10
- :::tip
11
-
12
- Use the power of React to create interactive blog posts.
13
-
14
- ```js
15
- <button onClick={() => alert('button clicked!')}>Click me!</button>
16
- ```
17
-
18
- <button onClick={() => alert('button clicked!')}>Click me!</button>
19
-
20
- :::
@@ -1,25 +0,0 @@
1
- ---
2
- slug: welcome
3
- title: Welcome
4
- authors: [slorber, yangshun]
5
- tags: [facebook, hello, docusaurus]
6
- ---
7
-
8
- [Docusaurus blogging features](https://docusaurus.io/docs/blog) are powered by the [blog plugin](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog).
9
-
10
- Simply add Markdown files (or folders) to the `blog` directory.
11
-
12
- Regular blog authors can be added to `authors.yml`.
13
-
14
- The blog post date can be extracted from filenames, such as:
15
-
16
- - `2019-05-30-welcome.md`
17
- - `2019-05-30-welcome/index.md`
18
-
19
- A blog post folder can be convenient to co-locate blog post images:
20
-
21
- ![Docusaurus Plushie](./docusaurus-plushie-banner.jpeg)
22
-
23
- The blog supports tags as well!
24
-
25
- **And if you don't want a blog**: just delete this directory, and use `blog: false` in your Docusaurus config.
@@ -1,17 +0,0 @@
1
- endi:
2
- name: Endilie Yacop Sucipto
3
- title: Maintainer of Docusaurus
4
- url: https://github.com/endiliey
5
- image_url: https://github.com/endiliey.png
6
-
7
- yangshun:
8
- name: Yangshun Tay
9
- title: Front End Engineer @ Facebook
10
- url: https://github.com/yangshun
11
- image_url: https://github.com/yangshun.png
12
-
13
- slorber:
14
- name: Sébastien Lorber
15
- title: Docusaurus maintainer
16
- url: https://sebastienlorber.com
17
- image_url: https://github.com/slorber.png
@@ -1,62 +0,0 @@
1
- # GraphQL Overview
2
-
3
- GraphQL allows us to query data from WordPress, without resorting to writing too much PHP code.
4
-
5
- In short, GraphQL allows for the creation of a 'schema', which is a definition of the data available on the server, and 'queries' which actually query that schema. We use the [WPGraphQL](https://www.wpgraphql.com/) WordPress plugin, installed via composer, to provide an automatically generated schema — so all we need to worry about is writing 'queries'.
6
-
7
- Our `eddev-php` library provides additional schema generation, mainly for Gutenberg blocks.
8
-
9
- The WPGraphQL docs are a great place to learn about GraphQL and how WPGraphQL works:
10
-
11
- - [Intro to GraphQL](https://www.wpgraphql.com/docs/intro-to-graphql/)
12
- - [Interacting with WPGraphQL](https://www.wpgraphql.com/docs/interacting-with-wpgraphql/)
13
-
14
- ## GraphiQL IDE
15
-
16
- The GraphiQL IDE built into WPGraphQL provides a window into the schema.
17
-
18
- The IDE also allows you to construct and execute queries, by selecting fields on the left. You can copy/paste between the IDE and your `.graphql` files.
19
-
20
- ![GraphQL IDE](./img/graphql-ide.png)
21
-
22
- ## GraphQL Files
23
-
24
- There are a few locations where `.graphql` query files can be placed within your project's codebase.
25
-
26
- ### Global Data
27
-
28
- You can use `/views/_app.graphql` to declare global data used by your application, and access it from any view/block/component using the `useAppData` hook.
29
-
30
- [Read More &rarr;](/docs/views/app-view)
31
-
32
- ### Views
33
-
34
- 'Views' work just like regular WordPress templates. Instead of `single.php`, you can create a `views/single.tsx` file. Alongside your `.tsx` file, you can create a `.graphql` file with the same name as the `.tsx` file. These queries are automatically executed when the relevant page is accessed.
35
-
36
- [Read More &rarr;](/docs/views/queries)
37
-
38
- ### Blocks
39
-
40
- Just like views, blocks can have a paired `.graphql` file, which is executed automatically for each block.
41
-
42
- [Read More &rarr;](/docs/gutenberg/block-graphql)
43
-
44
- ## Query Hooks
45
-
46
- Sometimes you need to be able to run queries _dynamically_ in the browser, rather than as part of a 'view' or 'block'. This is particularly useful for things like searching and filtering.
47
-
48
- You can place `.graphql` files in `queries/*.graphql`, and hooks will be automatically generated for you to use within your app.
49
-
50
- [Read More &rarr;](/docs/graphql/query-hooks)
51
-
52
- ### Fragments
53
-
54
- Fragments must be stored within `/queries/fragments/*.graphql`
55
-
56
- [GraphQL Fragments](https://graphql.org/learn/queries/#fragments) allow us to write query fragments, which can be reused in multiple files.
57
-
58
- - [Learn more about GraphQL Fragments](https://graphql.org/learn/queries/#fragments)
59
-
60
- ## TypeScript Generation
61
-
62
- TBA