@plasmicpkgs/plasmic-wordpress 0.0.150 → 0.0.151

package/dist/index.d.ts

@@ -1,21 +1,31 @@
 import { ComponentMeta } from '@plasmicapp/host';
 import { GlobalContextMeta } from '@plasmicapp/host';
-import type { _QueryOperator } from '@plasmicpkgs/wordpress';
-import { queryWordpress } from '@plasmicpkgs/wordpress';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
-import { registerWordpress as registerAllCustomFunctions } from '@plasmicpkgs/wordpress';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 
-export { queryWordpress }
+declare type QueryOperator = (typeof queryOperators)[number]["value"];
+
+declare const queryOperators: readonly [{
+    readonly value: "search";
+    readonly label: "Search";
+}, {
+    readonly value: "slug";
+    readonly label: "Filter by Slug";
+}, {
+    readonly value: "author";
+    readonly label: "Filter by author";
+}];
 
 export declare function registerAll(loader?: {
     registerComponent: typeof registerComponent;
     registerGlobalContext: typeof registerGlobalContext;
 }): void;
 
-export { registerAllCustomFunctions }
+export declare function registerWordpress(loader?: {
+    registerFunction: any;
+}): void;
 
 export declare function WordpressFetcher({ queryOperator, filterValue, noAutoRepeat, limit, queryType, children, className, noLayout, }: WordpressFetcherProps): React_2.JSX.Element;
 
@@ -28,7 +38,7 @@ declare interface WordpressFetcherProps {
     queryType?: "posts" | "pages";
     noAutoRepeat?: boolean;
     limit?: number;
-    queryOperator?: _QueryOperator;
+    queryOperator?: QueryOperator;
     filterValue?: string;
     setControlContextData?: (data: {
         posts?: {

package/dist/index.esm.js

@@ -21,8 +21,85 @@ var __async = (__this, __arguments, generator) => {
 
 // src/index.tsx
 import registerComponent from "@plasmicapp/host/registerComponent";
+import registerFunction2 from "@plasmicapp/host/registerFunction";
 import registerGlobalContext from "@plasmicapp/host/registerGlobalContext";
 
+// src/query-wordpress.ts
+import registerFunction from "@plasmicapp/host/registerFunction";
+
+// src/utils.ts
+var queryOperators = [
+  {
+    value: "search",
+    label: "Search"
+  },
+  {
+    value: "slug",
+    label: "Filter by Slug"
+  },
+  {
+    value: "author",
+    label: "Filter by author"
+  }
+];
+function ensure(x, message) {
+  if (x === null || x === void 0) {
+    debugger;
+    throw new Error(message != null ? message : `Value must not be undefined or null`);
+  } else {
+    return x;
+  }
+}
+
+// src/query-wordpress.ts
+function queryWordpress(wordpressUrl, type, queryOperator, filterValue, limit) {
+  return __async(this, null, function* () {
+    const urlParams = new URLSearchParams();
+    if (queryOperator && filterValue) {
+      urlParams.append(queryOperator, filterValue);
+    }
+    if (limit) {
+      urlParams.append("per_page", limit.toString());
+    }
+    const url = new URL(`wp-json/wp/v2/${type}`, wordpressUrl);
+    url.search = urlParams.toString();
+    const resp = yield fetch(url);
+    return yield resp.json();
+  });
+}
+var queryWordpressMeta = {
+  name: "queryWordpress",
+  displayName: "Query WordPress",
+  importPath: "@plasmicpkgs/plasmic-wordpress",
+  params: [
+    {
+      name: "wordpressUrl",
+      type: "string"
+    },
+    {
+      name: "queryType",
+      type: "choice",
+      options: ["pages", "posts"]
+    },
+    {
+      name: "queryOperator",
+      type: "choice",
+      options: Object.values(queryOperators).map((item) => ({
+        label: item.label,
+        value: item.value
+      }))
+    },
+    {
+      name: "filterValue",
+      type: "string"
+    },
+    {
+      name: "limit",
+      type: "number"
+    }
+  ]
+};
+
 // src/wordpress.tsx
 import {
   DataProvider,
@@ -30,11 +107,6 @@ import {
   useSelector
 } from "@plasmicapp/host";
 import { usePlasmicQueryData } from "@plasmicapp/query";
-import {
-  _ensure as ensure,
-  _queryOperators as queryOperators,
-  queryWordpress
-} from "@plasmicpkgs/wordpress";
 import get from "dlv";
 import React, { useContext } from "react";
 var modulePath = "@plasmicpkgs/plasmic-wordpress";
@@ -231,10 +303,16 @@ function WordpressField({ className, field }) {
 }
 
 // src/index.tsx
-import {
-  queryWordpress as queryWordpress2,
-  registerWordpress
-} from "@plasmicpkgs/wordpress";
+function registerWordpress(loader) {
+  function _registerFunction(fn, meta) {
+    if (loader) {
+      loader.registerFunction(fn, meta);
+    } else {
+      registerFunction2(fn, meta);
+    }
+  }
+  _registerFunction(queryWordpress, queryWordpressMeta);
+}
 function registerAll(loader) {
   const _registerComponent = (Component, defaultMeta) => {
     if (loader) {
@@ -258,8 +336,7 @@ export {
   WordpressFieldMeta,
   WordpressProvider,
   WordpressProviderMeta,
-  queryWordpress2 as queryWordpress,
   registerAll,
-  registerWordpress as registerAllCustomFunctions
+  registerWordpress
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.tsx", "../src/wordpress.tsx"],
-  "sourcesContent": ["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport {\n  WordpressFetcher,\n  WordpressFetcherMeta,\n  WordpressField,\n  WordpressFieldMeta,\n  WordpressProvider,\n  WordpressProviderMeta,\n} from \"./wordpress\";\n\n// Re-export from @plasmicpkgs/wordpress for backwards compatibility\nexport {\n  queryWordpress,\n  registerWordpress as registerAllCustomFunctions,\n} from \"@plasmicpkgs/wordpress\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n    loader.registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  } else {\n    registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  }\n\n  _registerComponent(WordpressFetcher, WordpressFetcherMeta);\n  _registerComponent(WordpressField, WordpressFieldMeta);\n}\n\nexport * from \"./wordpress\";\n", "import {\n  ComponentMeta,\n  DataProvider,\n  GlobalContextMeta,\n  repeatedElement,\n  useSelector,\n} from \"@plasmicapp/host\";\nimport { usePlasmicQueryData } from \"@plasmicapp/query\";\nimport type { _QueryOperator as QueryOperator } from \"@plasmicpkgs/wordpress\";\nimport {\n  _ensure as ensure,\n  _queryOperators as queryOperators,\n  queryWordpress,\n} from \"@plasmicpkgs/wordpress\";\nimport get from \"dlv\";\nimport React, { ReactNode, useContext } from \"react\";\n\nconst modulePath = \"@plasmicpkgs/plasmic-wordpress\";\n\ninterface WordpressProviderProps {\n  wordpressUrl?: string;\n}\n\nconst CredentialsContext = React.createContext<\n  WordpressProviderProps | undefined\n>(undefined);\n\nexport const WordpressProviderMeta: GlobalContextMeta<WordpressProviderProps> =\n  {\n    name: \"WordpressProvider\",\n    displayName: \"Wordpress Provider\",\n    description: \"The endpoint of your Wordpress\",\n    importName: \"WordpressProvider\",\n    importPath: modulePath,\n    props: {\n      wordpressUrl: {\n        type: \"string\",\n        displayName: \"Wordpress URL\",\n        description: \"URL of your Wordpress \",\n        defaultValue: \"https://techcrunch.com/\",\n      },\n    },\n  };\n\nexport function WordpressProvider({\n  wordpressUrl,\n  children,\n}: React.PropsWithChildren<WordpressProviderProps>) {\n  return (\n    <CredentialsContext.Provider value={{ wordpressUrl }}>\n      {children}\n    </CredentialsContext.Provider>\n  );\n}\n\ninterface WordpressFetcherProps {\n  children?: ReactNode;\n  className?: string;\n  noLayout?: boolean;\n  queryType?: \"posts\" | \"pages\";\n  noAutoRepeat?: boolean;\n  limit?: number;\n  queryOperator?: QueryOperator;\n  filterValue?: string;\n  setControlContextData?: (data: {\n    posts?: { value: string; label: string }[];\n    pages?: { value: string; label: string }[];\n  }) => void;\n}\n\nexport const WordpressFetcherMeta: ComponentMeta<WordpressFetcherProps> = {\n  name: \"WordpressFetcher\",\n  displayName: \"Wordpress Fetcher\",\n  importName: \"WordpressFetcher\",\n  importPath: modulePath,\n  providesData: true,\n  description:\n    \"Fetches Wordpress data and repeats content of children once for every row fetched. \",\n  defaultStyles: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr\",\n    gridRowGap: \"8px\",\n    padding: \"8px\",\n    maxWidth: \"100%\",\n  },\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: \"8px\",\n        },\n        children: {\n          type: \"component\",\n          name: \"WordpressField\",\n        },\n      },\n    },\n    queryType: {\n      type: \"choice\",\n      options: [\"posts\", \"pages\"],\n    },\n    queryOperator: {\n      type: \"choice\",\n      displayName: \"Query Operator\",\n      description: \"Filter Parameter filter by\",\n      options: () => {\n        return queryOperators.map((item: any) => ({\n          label: item?.label,\n          value: item?.value,\n        }));\n      },\n      hidden: (props) => !props.queryType,\n    },\n\n    filterValue: {\n      type: \"string\",\n      displayName: \"Filter value\",\n      description: \"Value to filter\",\n      hidden: (props) => !props.queryOperator,\n    },\n    limit: {\n      type: \"number\",\n      displayName: \"Limit\",\n      description: \"Limit\",\n    },\n    noAutoRepeat: {\n      type: \"boolean\",\n      displayName: \"No auto-repeat\",\n      description:\n        \"Do not automatically repeat children for every posts or pages.\",\n      defaultValue: false,\n    },\n    noLayout: {\n      type: \"boolean\",\n      displayName: \"No layout\",\n      description:\n        \"When set, Wordpress Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport function WordpressFetcher({\n  queryOperator,\n  filterValue,\n  noAutoRepeat,\n  limit,\n  queryType,\n  children,\n  className,\n  noLayout,\n}: WordpressFetcherProps) {\n  const { wordpressUrl } = ensure(\n    useContext(CredentialsContext),\n    \"WordpressFetcher must be used within a WordpressProvider\"\n  );\n  const cacheKey = JSON.stringify({\n    queryOperator,\n    filterValue,\n    limit,\n    queryType,\n    wordpressUrl,\n  });\n\n  const { data } = usePlasmicQueryData<any | null>(\n    queryType && wordpressUrl ? cacheKey : null,\n    async () => {\n      return queryWordpress(\n        ensure(wordpressUrl, \"Wordpress URL must be specified\"),\n        ensure(queryType, \"Query Type must be specified\"),\n        queryOperator,\n        filterValue,\n        limit\n      );\n    }\n  );\n\n  const hasFilter = queryOperator && filterValue;\n\n  if (!queryType) {\n    return <div>Please specify query type</div>;\n  }\n\n  if (queryOperator && !filterValue) {\n    return <div>Please specify Filter Value</div>;\n  }\n  if (!queryOperator && filterValue) {\n    return <div>Please specify Query Operator</div>;\n  }\n  if (hasFilter && data?.length === 0) {\n    return <div>No published {queryType} found</div>;\n  }\n\n  const currentName = `currentWordpress${\n    queryType === \"posts\" ? \"Post\" : \"Page\"\n  }`;\n  const renderedData = noAutoRepeat\n    ? children\n    : data?.map((item: any, i: number) => (\n        <DataProvider key={item.id} name={currentName} data={item}>\n          {repeatedElement(i, children)}\n        </DataProvider>\n      ));\n\n  const response = data;\n  return (\n    <DataProvider data={response} name=\"wordpressItems\">\n      {noLayout ? (\n        <> {renderedData} </>\n      ) : (\n        <div className={className}> {renderedData} </div>\n      )}\n    </DataProvider>\n  );\n}\n\ninterface WordpressFieldProps {\n  className?: string;\n  field?: string;\n  setControlContextData?: (data: { data: any }) => void;\n}\nexport const WordpressFieldMeta: ComponentMeta<WordpressFieldProps> = {\n  name: \"WordpressField\",\n  displayName: \"Wordpress Field\",\n  importName: \"WordpressField\",\n  importPath: modulePath,\n  props: {\n    field: {\n      type: \"choice\",\n      options: [\n        \"title\",\n        \"slug\",\n        \"content\",\n        \"excerpt\",\n        \"date\",\n        \"modified\",\n        \"link\",\n        \"status\",\n      ],\n      displayName: \"Field\",\n      description: \"Field to be displayed.\",\n    },\n  },\n};\nexport function WordpressField({ className, field }: WordpressFieldProps) {\n  const currentPost = useSelector(\"currentWordpressPost\");\n  const currentPage = useSelector(\"currentWordpressPage\");\n\n  const item = currentPost || currentPage;\n\n  if (!item) {\n    return <div>WordpressField must be used within a WordpressFetcher </div>;\n  }\n\n  if (!field) {\n    return <div>Please specify a valid path or select a field.</div>;\n  }\n\n  const data = get(item, field as string);\n\n  if (typeof data === \"object\" && \"rendered\" in data) {\n    return (\n      <div\n        className={className}\n        style={{ whiteSpace: \"normal\" }}\n        dangerouslySetInnerHTML={{ __html: data.rendered }}\n      />\n    );\n  } else if (!data || typeof data === \"object\") {\n    return <div className={className}>Please specify a valid field.</div>;\n  } else {\n    return <div className={className}> {data} </div>;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["queryWordpress"]
+  "sources": ["../src/index.tsx", "../src/query-wordpress.ts", "../src/utils.ts", "../src/wordpress.tsx"],
+  "sourcesContent": ["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerFunction, {\n  CustomFunctionMeta,\n} from \"@plasmicapp/host/registerFunction\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport { queryWordpress, queryWordpressMeta } from \"./query-wordpress\";\nimport {\n  WordpressFetcher,\n  WordpressFetcherMeta,\n  WordpressField,\n  WordpressFieldMeta,\n  WordpressProvider,\n  WordpressProviderMeta,\n} from \"./wordpress\";\n\nexport function registerWordpress(loader?: { registerFunction: any }) {\n  function _registerFunction<T extends (...args: any[]) => any>(\n    fn: T,\n    meta: CustomFunctionMeta<T>\n  ) {\n    if (loader) {\n      loader.registerFunction(fn, meta);\n    } else {\n      registerFunction(fn, meta);\n    }\n  }\n\n  _registerFunction(queryWordpress, queryWordpressMeta);\n}\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n    loader.registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  } else {\n    registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  }\n\n  _registerComponent(WordpressFetcher, WordpressFetcherMeta);\n  _registerComponent(WordpressField, WordpressFieldMeta);\n}\n\nexport * from \"./wordpress\";\n", "import registerFunction, {\n  CustomFunctionMeta,\n} from \"@plasmicapp/host/registerFunction\";\n\nimport { QueryOperator, queryOperators } from \"./utils\";\n\nexport async function queryWordpress(\n  wordpressUrl: string,\n  type: \"pages\" | \"posts\",\n  queryOperator?: QueryOperator,\n  filterValue?: string,\n  limit?: number\n): Promise<any> {\n  const urlParams = new URLSearchParams();\n  if (queryOperator && filterValue) {\n    urlParams.append(queryOperator, filterValue);\n  }\n  if (limit) {\n    urlParams.append(\"per_page\", limit.toString());\n  }\n  const url = new URL(`wp-json/wp/v2/${type}`, wordpressUrl);\n  url.search = urlParams.toString();\n\n  const resp = await fetch(url);\n  return await resp.json();\n}\n\nexport const queryWordpressMeta: CustomFunctionMeta<typeof queryWordpress> = {\n  name: \"queryWordpress\",\n  displayName: \"Query WordPress\",\n  importPath: \"@plasmicpkgs/plasmic-wordpress\",\n  params: [\n    {\n      name: \"wordpressUrl\",\n      type: \"string\",\n    },\n    {\n      name: \"queryType\",\n      type: \"choice\",\n      options: [\"pages\", \"posts\"],\n    },\n    {\n      name: \"queryOperator\",\n      type: \"choice\",\n      options: Object.values(queryOperators).map((item) => ({\n        label: item.label,\n        value: item.value,\n      })),\n    },\n    {\n      name: \"filterValue\",\n      type: \"string\",\n    },\n    {\n      name: \"limit\",\n      type: \"number\",\n    },\n  ],\n};\n\nexport function registerAllCustomFunctions(loader?: { registerFunction: any }) {\n  function _registerFunction<T extends (...args: any[]) => any>(\n    fn: T,\n    meta: CustomFunctionMeta<T>\n  ) {\n    if (loader) {\n      loader.registerFunction(fn, meta);\n    } else {\n      registerFunction(fn, meta);\n    }\n  }\n\n  _registerFunction(queryWordpress, queryWordpressMeta);\n}\n", "export const queryOperators = [\n  {\n    value: \"search\",\n    label: \"Search\",\n  },\n  {\n    value: \"slug\",\n    label: \"Filter by Slug\",\n  },\n  {\n    value: \"author\",\n    label: \"Filter by author\",\n  },\n] as const;\n\nexport type QueryOperator = (typeof queryOperators)[number][\"value\"];\n\nexport function ensure<T>(x: T | null | undefined, message?: string): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(message ?? `Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n", "import {\n  ComponentMeta,\n  DataProvider,\n  GlobalContextMeta,\n  repeatedElement,\n  useSelector,\n} from \"@plasmicapp/host\";\nimport { usePlasmicQueryData } from \"@plasmicapp/query\";\nimport get from \"dlv\";\nimport React, { ReactNode, useContext } from \"react\";\nimport { queryWordpress } from \"./query-wordpress\";\nimport { ensure, queryOperators, type QueryOperator } from \"./utils\";\n\nconst modulePath = \"@plasmicpkgs/plasmic-wordpress\";\n\ninterface WordpressProviderProps {\n  wordpressUrl?: string;\n}\n\nconst CredentialsContext = React.createContext<\n  WordpressProviderProps | undefined\n>(undefined);\n\nexport const WordpressProviderMeta: GlobalContextMeta<WordpressProviderProps> =\n  {\n    name: \"WordpressProvider\",\n    displayName: \"Wordpress Provider\",\n    description: \"The endpoint of your Wordpress\",\n    importName: \"WordpressProvider\",\n    importPath: modulePath,\n    props: {\n      wordpressUrl: {\n        type: \"string\",\n        displayName: \"Wordpress URL\",\n        description: \"URL of your Wordpress \",\n        defaultValue: \"https://techcrunch.com/\",\n      },\n    },\n  };\n\nexport function WordpressProvider({\n  wordpressUrl,\n  children,\n}: React.PropsWithChildren<WordpressProviderProps>) {\n  return (\n    <CredentialsContext.Provider value={{ wordpressUrl }}>\n      {children}\n    </CredentialsContext.Provider>\n  );\n}\n\ninterface WordpressFetcherProps {\n  children?: ReactNode;\n  className?: string;\n  noLayout?: boolean;\n  queryType?: \"posts\" | \"pages\";\n  noAutoRepeat?: boolean;\n  limit?: number;\n  queryOperator?: QueryOperator;\n  filterValue?: string;\n  setControlContextData?: (data: {\n    posts?: { value: string; label: string }[];\n    pages?: { value: string; label: string }[];\n  }) => void;\n}\n\nexport const WordpressFetcherMeta: ComponentMeta<WordpressFetcherProps> = {\n  name: \"WordpressFetcher\",\n  displayName: \"Wordpress Fetcher\",\n  importName: \"WordpressFetcher\",\n  importPath: modulePath,\n  providesData: true,\n  description:\n    \"Fetches Wordpress data and repeats content of children once for every row fetched. \",\n  defaultStyles: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr\",\n    gridRowGap: \"8px\",\n    padding: \"8px\",\n    maxWidth: \"100%\",\n  },\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: \"8px\",\n        },\n        children: {\n          type: \"component\",\n          name: \"WordpressField\",\n        },\n      },\n    },\n    queryType: {\n      type: \"choice\",\n      options: [\"posts\", \"pages\"],\n    },\n    queryOperator: {\n      type: \"choice\",\n      displayName: \"Query Operator\",\n      description: \"Filter Parameter filter by\",\n      options: () => {\n        return queryOperators.map((item: any) => ({\n          label: item?.label,\n          value: item?.value,\n        }));\n      },\n      hidden: (props) => !props.queryType,\n    },\n\n    filterValue: {\n      type: \"string\",\n      displayName: \"Filter value\",\n      description: \"Value to filter\",\n      hidden: (props) => !props.queryOperator,\n    },\n    limit: {\n      type: \"number\",\n      displayName: \"Limit\",\n      description: \"Limit\",\n    },\n    noAutoRepeat: {\n      type: \"boolean\",\n      displayName: \"No auto-repeat\",\n      description:\n        \"Do not automatically repeat children for every posts or pages.\",\n      defaultValue: false,\n    },\n    noLayout: {\n      type: \"boolean\",\n      displayName: \"No layout\",\n      description:\n        \"When set, Wordpress Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport function WordpressFetcher({\n  queryOperator,\n  filterValue,\n  noAutoRepeat,\n  limit,\n  queryType,\n  children,\n  className,\n  noLayout,\n}: WordpressFetcherProps) {\n  const { wordpressUrl } = ensure(\n    useContext(CredentialsContext),\n    \"WordpressFetcher must be used within a WordpressProvider\"\n  );\n  const cacheKey = JSON.stringify({\n    queryOperator,\n    filterValue,\n    limit,\n    queryType,\n    wordpressUrl,\n  });\n\n  const { data } = usePlasmicQueryData<any | null>(\n    queryType && wordpressUrl ? cacheKey : null,\n    async () => {\n      return queryWordpress(\n        ensure(wordpressUrl, \"Wordpress URL must be specified\"),\n        ensure(queryType, \"Query Type must be specified\"),\n        queryOperator,\n        filterValue,\n        limit\n      );\n    }\n  );\n\n  const hasFilter = queryOperator && filterValue;\n\n  if (!queryType) {\n    return <div>Please specify query type</div>;\n  }\n\n  if (queryOperator && !filterValue) {\n    return <div>Please specify Filter Value</div>;\n  }\n  if (!queryOperator && filterValue) {\n    return <div>Please specify Query Operator</div>;\n  }\n  if (hasFilter && data?.length === 0) {\n    return <div>No published {queryType} found</div>;\n  }\n\n  const currentName = `currentWordpress${\n    queryType === \"posts\" ? \"Post\" : \"Page\"\n  }`;\n  const renderedData = noAutoRepeat\n    ? children\n    : data?.map((item: any, i: number) => (\n        <DataProvider key={item.id} name={currentName} data={item}>\n          {repeatedElement(i, children)}\n        </DataProvider>\n      ));\n\n  const response = data;\n  return (\n    <DataProvider data={response} name=\"wordpressItems\">\n      {noLayout ? (\n        <> {renderedData} </>\n      ) : (\n        <div className={className}> {renderedData} </div>\n      )}\n    </DataProvider>\n  );\n}\n\ninterface WordpressFieldProps {\n  className?: string;\n  field?: string;\n  setControlContextData?: (data: { data: any }) => void;\n}\nexport const WordpressFieldMeta: ComponentMeta<WordpressFieldProps> = {\n  name: \"WordpressField\",\n  displayName: \"Wordpress Field\",\n  importName: \"WordpressField\",\n  importPath: modulePath,\n  props: {\n    field: {\n      type: \"choice\",\n      options: [\n        \"title\",\n        \"slug\",\n        \"content\",\n        \"excerpt\",\n        \"date\",\n        \"modified\",\n        \"link\",\n        \"status\",\n      ],\n      displayName: \"Field\",\n      description: \"Field to be displayed.\",\n    },\n  },\n};\nexport function WordpressField({ className, field }: WordpressFieldProps) {\n  const currentPost = useSelector(\"currentWordpressPost\");\n  const currentPage = useSelector(\"currentWordpressPage\");\n\n  const item = currentPost || currentPage;\n\n  if (!item) {\n    return <div>WordpressField must be used within a WordpressFetcher </div>;\n  }\n\n  if (!field) {\n    return <div>Please specify a valid path or select a field.</div>;\n  }\n\n  const data = get(item, field as string);\n\n  if (typeof data === \"object\" && \"rendered\" in data) {\n    return (\n      <div\n        className={className}\n        style={{ whiteSpace: \"normal\" }}\n        dangerouslySetInnerHTML={{ __html: data.rendered }}\n      />\n    );\n  } else if (!data || typeof data === \"object\") {\n    return <div className={className}>Please specify a valid field.</div>;\n  } else {\n    return <div className={className}> {data} </div>;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["registerFunction", "registerFunction"]
 }

package/dist/index.js

@@ -56,18 +56,93 @@ __export(src_exports, {
   WordpressFieldMeta: () => WordpressFieldMeta,
   WordpressProvider: () => WordpressProvider,
   WordpressProviderMeta: () => WordpressProviderMeta,
-  queryWordpress: () => import_wordpress3.queryWordpress,
   registerAll: () => registerAll,
-  registerAllCustomFunctions: () => import_wordpress3.registerWordpress
+  registerWordpress: () => registerWordpress
 });
 module.exports = __toCommonJS(src_exports);
 var import_registerComponent = __toESM(require("@plasmicapp/host/registerComponent"));
+var import_registerFunction2 = __toESM(require("@plasmicapp/host/registerFunction"));
 var import_registerGlobalContext = __toESM(require("@plasmicapp/host/registerGlobalContext"));
 
+// src/query-wordpress.ts
+var import_registerFunction = __toESM(require("@plasmicapp/host/registerFunction"));
+
+// src/utils.ts
+var queryOperators = [
+  {
+    value: "search",
+    label: "Search"
+  },
+  {
+    value: "slug",
+    label: "Filter by Slug"
+  },
+  {
+    value: "author",
+    label: "Filter by author"
+  }
+];
+function ensure(x, message) {
+  if (x === null || x === void 0) {
+    debugger;
+    throw new Error(message != null ? message : `Value must not be undefined or null`);
+  } else {
+    return x;
+  }
+}
+
+// src/query-wordpress.ts
+function queryWordpress(wordpressUrl, type, queryOperator, filterValue, limit) {
+  return __async(this, null, function* () {
+    const urlParams = new URLSearchParams();
+    if (queryOperator && filterValue) {
+      urlParams.append(queryOperator, filterValue);
+    }
+    if (limit) {
+      urlParams.append("per_page", limit.toString());
+    }
+    const url = new URL(`wp-json/wp/v2/${type}`, wordpressUrl);
+    url.search = urlParams.toString();
+    const resp = yield fetch(url);
+    return yield resp.json();
+  });
+}
+var queryWordpressMeta = {
+  name: "queryWordpress",
+  displayName: "Query WordPress",
+  importPath: "@plasmicpkgs/plasmic-wordpress",
+  params: [
+    {
+      name: "wordpressUrl",
+      type: "string"
+    },
+    {
+      name: "queryType",
+      type: "choice",
+      options: ["pages", "posts"]
+    },
+    {
+      name: "queryOperator",
+      type: "choice",
+      options: Object.values(queryOperators).map((item) => ({
+        label: item.label,
+        value: item.value
+      }))
+    },
+    {
+      name: "filterValue",
+      type: "string"
+    },
+    {
+      name: "limit",
+      type: "number"
+    }
+  ]
+};
+
 // src/wordpress.tsx
 var import_host = require("@plasmicapp/host");
 var import_query = require("@plasmicapp/query");
-var import_wordpress = require("@plasmicpkgs/wordpress");
 var import_dlv = __toESM(require("dlv"));
 var import_react = __toESM(require("react"));
 var modulePath = "@plasmicpkgs/plasmic-wordpress";
@@ -130,7 +205,7 @@ var WordpressFetcherMeta = {
       displayName: "Query Operator",
       description: "Filter Parameter filter by",
       options: () => {
-        return import_wordpress._queryOperators.map((item) => ({
+        return queryOperators.map((item) => ({
           label: item == null ? void 0 : item.label,
           value: item == null ? void 0 : item.value
         }));
@@ -172,7 +247,7 @@ function WordpressFetcher({
   className,
   noLayout
 }) {
-  const { wordpressUrl } = (0, import_wordpress._ensure)(
+  const { wordpressUrl } = ensure(
     (0, import_react.useContext)(CredentialsContext),
     "WordpressFetcher must be used within a WordpressProvider"
   );
@@ -186,9 +261,9 @@ function WordpressFetcher({
   const { data } = (0, import_query.usePlasmicQueryData)(
     queryType && wordpressUrl ? cacheKey : null,
     () => __async(this, null, function* () {
-      return (0, import_wordpress.queryWordpress)(
-        (0, import_wordpress._ensure)(wordpressUrl, "Wordpress URL must be specified"),
-        (0, import_wordpress._ensure)(queryType, "Query Type must be specified"),
+      return queryWordpress(
+        ensure(wordpressUrl, "Wordpress URL must be specified"),
+        ensure(queryType, "Query Type must be specified"),
         queryOperator,
         filterValue,
         limit
@@ -264,7 +339,16 @@ function WordpressField({ className, field }) {
 }
 
 // src/index.tsx
-var import_wordpress3 = require("@plasmicpkgs/wordpress");
+function registerWordpress(loader) {
+  function _registerFunction(fn, meta) {
+    if (loader) {
+      loader.registerFunction(fn, meta);
+    } else {
+      (0, import_registerFunction2.default)(fn, meta);
+    }
+  }
+  _registerFunction(queryWordpress, queryWordpressMeta);
+}
 function registerAll(loader) {
   const _registerComponent = (Component, defaultMeta) => {
     if (loader) {

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.tsx", "../src/wordpress.tsx"],
-  "sourcesContent": ["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport {\n  WordpressFetcher,\n  WordpressFetcherMeta,\n  WordpressField,\n  WordpressFieldMeta,\n  WordpressProvider,\n  WordpressProviderMeta,\n} from \"./wordpress\";\n\n// Re-export from @plasmicpkgs/wordpress for backwards compatibility\nexport {\n  queryWordpress,\n  registerWordpress as registerAllCustomFunctions,\n} from \"@plasmicpkgs/wordpress\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n    loader.registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  } else {\n    registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  }\n\n  _registerComponent(WordpressFetcher, WordpressFetcherMeta);\n  _registerComponent(WordpressField, WordpressFieldMeta);\n}\n\nexport * from \"./wordpress\";\n", "import {\n  ComponentMeta,\n  DataProvider,\n  GlobalContextMeta,\n  repeatedElement,\n  useSelector,\n} from \"@plasmicapp/host\";\nimport { usePlasmicQueryData } from \"@plasmicapp/query\";\nimport type { _QueryOperator as QueryOperator } from \"@plasmicpkgs/wordpress\";\nimport {\n  _ensure as ensure,\n  _queryOperators as queryOperators,\n  queryWordpress,\n} from \"@plasmicpkgs/wordpress\";\nimport get from \"dlv\";\nimport React, { ReactNode, useContext } from \"react\";\n\nconst modulePath = \"@plasmicpkgs/plasmic-wordpress\";\n\ninterface WordpressProviderProps {\n  wordpressUrl?: string;\n}\n\nconst CredentialsContext = React.createContext<\n  WordpressProviderProps | undefined\n>(undefined);\n\nexport const WordpressProviderMeta: GlobalContextMeta<WordpressProviderProps> =\n  {\n    name: \"WordpressProvider\",\n    displayName: \"Wordpress Provider\",\n    description: \"The endpoint of your Wordpress\",\n    importName: \"WordpressProvider\",\n    importPath: modulePath,\n    props: {\n      wordpressUrl: {\n        type: \"string\",\n        displayName: \"Wordpress URL\",\n        description: \"URL of your Wordpress \",\n        defaultValue: \"https://techcrunch.com/\",\n      },\n    },\n  };\n\nexport function WordpressProvider({\n  wordpressUrl,\n  children,\n}: React.PropsWithChildren<WordpressProviderProps>) {\n  return (\n    <CredentialsContext.Provider value={{ wordpressUrl }}>\n      {children}\n    </CredentialsContext.Provider>\n  );\n}\n\ninterface WordpressFetcherProps {\n  children?: ReactNode;\n  className?: string;\n  noLayout?: boolean;\n  queryType?: \"posts\" | \"pages\";\n  noAutoRepeat?: boolean;\n  limit?: number;\n  queryOperator?: QueryOperator;\n  filterValue?: string;\n  setControlContextData?: (data: {\n    posts?: { value: string; label: string }[];\n    pages?: { value: string; label: string }[];\n  }) => void;\n}\n\nexport const WordpressFetcherMeta: ComponentMeta<WordpressFetcherProps> = {\n  name: \"WordpressFetcher\",\n  displayName: \"Wordpress Fetcher\",\n  importName: \"WordpressFetcher\",\n  importPath: modulePath,\n  providesData: true,\n  description:\n    \"Fetches Wordpress data and repeats content of children once for every row fetched. \",\n  defaultStyles: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr\",\n    gridRowGap: \"8px\",\n    padding: \"8px\",\n    maxWidth: \"100%\",\n  },\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: \"8px\",\n        },\n        children: {\n          type: \"component\",\n          name: \"WordpressField\",\n        },\n      },\n    },\n    queryType: {\n      type: \"choice\",\n      options: [\"posts\", \"pages\"],\n    },\n    queryOperator: {\n      type: \"choice\",\n      displayName: \"Query Operator\",\n      description: \"Filter Parameter filter by\",\n      options: () => {\n        return queryOperators.map((item: any) => ({\n          label: item?.label,\n          value: item?.value,\n        }));\n      },\n      hidden: (props) => !props.queryType,\n    },\n\n    filterValue: {\n      type: \"string\",\n      displayName: \"Filter value\",\n      description: \"Value to filter\",\n      hidden: (props) => !props.queryOperator,\n    },\n    limit: {\n      type: \"number\",\n      displayName: \"Limit\",\n      description: \"Limit\",\n    },\n    noAutoRepeat: {\n      type: \"boolean\",\n      displayName: \"No auto-repeat\",\n      description:\n        \"Do not automatically repeat children for every posts or pages.\",\n      defaultValue: false,\n    },\n    noLayout: {\n      type: \"boolean\",\n      displayName: \"No layout\",\n      description:\n        \"When set, Wordpress Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport function WordpressFetcher({\n  queryOperator,\n  filterValue,\n  noAutoRepeat,\n  limit,\n  queryType,\n  children,\n  className,\n  noLayout,\n}: WordpressFetcherProps) {\n  const { wordpressUrl } = ensure(\n    useContext(CredentialsContext),\n    \"WordpressFetcher must be used within a WordpressProvider\"\n  );\n  const cacheKey = JSON.stringify({\n    queryOperator,\n    filterValue,\n    limit,\n    queryType,\n    wordpressUrl,\n  });\n\n  const { data } = usePlasmicQueryData<any | null>(\n    queryType && wordpressUrl ? cacheKey : null,\n    async () => {\n      return queryWordpress(\n        ensure(wordpressUrl, \"Wordpress URL must be specified\"),\n        ensure(queryType, \"Query Type must be specified\"),\n        queryOperator,\n        filterValue,\n        limit\n      );\n    }\n  );\n\n  const hasFilter = queryOperator && filterValue;\n\n  if (!queryType) {\n    return <div>Please specify query type</div>;\n  }\n\n  if (queryOperator && !filterValue) {\n    return <div>Please specify Filter Value</div>;\n  }\n  if (!queryOperator && filterValue) {\n    return <div>Please specify Query Operator</div>;\n  }\n  if (hasFilter && data?.length === 0) {\n    return <div>No published {queryType} found</div>;\n  }\n\n  const currentName = `currentWordpress${\n    queryType === \"posts\" ? \"Post\" : \"Page\"\n  }`;\n  const renderedData = noAutoRepeat\n    ? children\n    : data?.map((item: any, i: number) => (\n        <DataProvider key={item.id} name={currentName} data={item}>\n          {repeatedElement(i, children)}\n        </DataProvider>\n      ));\n\n  const response = data;\n  return (\n    <DataProvider data={response} name=\"wordpressItems\">\n      {noLayout ? (\n        <> {renderedData} </>\n      ) : (\n        <div className={className}> {renderedData} </div>\n      )}\n    </DataProvider>\n  );\n}\n\ninterface WordpressFieldProps {\n  className?: string;\n  field?: string;\n  setControlContextData?: (data: { data: any }) => void;\n}\nexport const WordpressFieldMeta: ComponentMeta<WordpressFieldProps> = {\n  name: \"WordpressField\",\n  displayName: \"Wordpress Field\",\n  importName: \"WordpressField\",\n  importPath: modulePath,\n  props: {\n    field: {\n      type: \"choice\",\n      options: [\n        \"title\",\n        \"slug\",\n        \"content\",\n        \"excerpt\",\n        \"date\",\n        \"modified\",\n        \"link\",\n        \"status\",\n      ],\n      displayName: \"Field\",\n      description: \"Field to be displayed.\",\n    },\n  },\n};\nexport function WordpressField({ className, field }: WordpressFieldProps) {\n  const currentPost = useSelector(\"currentWordpressPost\");\n  const currentPage = useSelector(\"currentWordpressPage\");\n\n  const item = currentPost || currentPage;\n\n  if (!item) {\n    return <div>WordpressField must be used within a WordpressFetcher </div>;\n  }\n\n  if (!field) {\n    return <div>Please specify a valid path or select a field.</div>;\n  }\n\n  const data = get(item, field as string);\n\n  if (typeof data === \"object\" && \"rendered\" in data) {\n    return (\n      <div\n        className={className}\n        style={{ whiteSpace: \"normal\" }}\n        dangerouslySetInnerHTML={{ __html: data.rendered }}\n      />\n    );\n  } else if (!data || typeof data === \"object\") {\n    return <div className={className}>Please specify a valid field.</div>;\n  } else {\n    return <div className={className}> {data} </div>;\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAEO;AACP,mCAAkC;;;ACHlC,kBAMO;AACP,mBAAoC;AAEpC,uBAIO;AACP,iBAAgB;AAChB,mBAA6C;AAE7C,IAAM,aAAa;AAMnB,IAAM,qBAAqB,aAAAA,QAAM,cAE/B,MAAS;AAEJ,IAAM,wBACX;AAAA,EACE,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEK,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAoD;AAClD,SACE,6BAAAA,QAAA,cAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,aAAa,KAChD,QACH;AAEJ;AAiBO,IAAM,uBAA6D;AAAA,EACxE,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aACE;AAAA,EACF,eAAe;AAAA,IACb,SAAS;AAAA,IACT,qBAAqB;AAAA,IACrB,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,SAAS;AAAA,QACX;AAAA,QACA,UAAU;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,CAAC,SAAS,OAAO;AAAA,IAC5B;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,SAAS,MAAM;AACb,eAAO,iBAAAC,gBAAe,IAAI,CAAC,UAAe;AAAA,UACxC,OAAO,6BAAM;AAAA,UACb,OAAO,6BAAM;AAAA,QACf,EAAE;AAAA,MACJ;AAAA,MACA,QAAQ,CAAC,UAAU,CAAC,MAAM;AAAA,IAC5B;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,CAAC,MAAM;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aACE;AAAA,MACF,cAAc;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aACE;AAAA,MACF,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,EAAE,aAAa,QAAI,iBAAAC;AAAA,QACvB,yBAAW,kBAAkB;AAAA,IAC7B;AAAA,EACF;AACA,QAAM,WAAW,KAAK,UAAU;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,KAAK,QAAI;AAAA,IACf,aAAa,eAAe,WAAW;AAAA,IACvC,MAAY;AACV,iBAAO;AAAA,YACL,iBAAAA,SAAO,cAAc,iCAAiC;AAAA,YACtD,iBAAAA,SAAO,WAAW,8BAA8B;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,iBAAiB;AAEnC,MAAI,CAAC,WAAW;AACd,WAAO,6BAAAF,QAAA,cAAC,aAAI,2BAAyB;AAAA,EACvC;AAEA,MAAI,iBAAiB,CAAC,aAAa;AACjC,WAAO,6BAAAA,QAAA,cAAC,aAAI,6BAA2B;AAAA,EACzC;AACA,MAAI,CAAC,iBAAiB,aAAa;AACjC,WAAO,6BAAAA,QAAA,cAAC,aAAI,+BAA6B;AAAA,EAC3C;AACA,MAAI,cAAa,6BAAM,YAAW,GAAG;AACnC,WAAO,6BAAAA,QAAA,cAAC,aAAI,iBAAc,WAAU,QAAM;AAAA,EAC5C;AAEA,QAAM,cAAc,mBAClB,cAAc,UAAU,SAAS;AAEnC,QAAM,eAAe,eACjB,WACA,6BAAM,IAAI,CAAC,MAAW,MACpB,6BAAAA,QAAA,cAAC,4BAAa,KAAK,KAAK,IAAI,MAAM,aAAa,MAAM,YAClD,6BAAgB,GAAG,QAAQ,CAC9B;AAGN,QAAM,WAAW;AACjB,SACE,6BAAAA,QAAA,cAAC,4BAAa,MAAM,UAAU,MAAK,oBAChC,WACC,6BAAAA,QAAA,2BAAAA,QAAA,gBAAE,KAAE,cAAa,GAAC,IAElB,6BAAAA,QAAA,cAAC,SAAI,aAAsB,KAAE,cAAa,GAAC,CAE/C;AAEJ;AAOO,IAAM,qBAAyD;AAAA,EACpE,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,EACF;AACF;AACO,SAAS,eAAe,EAAE,WAAW,MAAM,GAAwB;AACxE,QAAM,kBAAc,yBAAY,sBAAsB;AACtD,QAAM,kBAAc,yBAAY,sBAAsB;AAEtD,QAAM,OAAO,eAAe;AAE5B,MAAI,CAAC,MAAM;AACT,WAAO,6BAAAA,QAAA,cAAC,aAAI,wDAAsD;AAAA,EACpE;AAEA,MAAI,CAAC,OAAO;AACV,WAAO,6BAAAA,QAAA,cAAC,aAAI,gDAA8C;AAAA,EAC5D;AAEA,QAAM,WAAO,WAAAG,SAAI,MAAM,KAAe;AAEtC,MAAI,OAAO,SAAS,YAAY,cAAc,MAAM;AAClD,WACE,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,YAAY,SAAS;AAAA,QAC9B,yBAAyB,EAAE,QAAQ,KAAK,SAAS;AAAA;AAAA,IACnD;AAAA,EAEJ,WAAW,CAAC,QAAQ,OAAO,SAAS,UAAU;AAC5C,WAAO,6BAAAA,QAAA,cAAC,SAAI,aAAsB,+BAA6B;AAAA,EACjE,OAAO;AACL,WAAO,6BAAAA,QAAA,cAAC,SAAI,aAAsB,KAAE,MAAK,GAAC;AAAA,EAC5C;AACF;;;ADrQA,IAAAI,oBAGO;AAEA,SAAS,YAAY,QAGzB;AACD,QAAM,qBAAqB,CACzB,WACA,gBACG;AACH,QAAI,QAAQ;AACV,aAAO,kBAAkB,WAAW,WAAW;AAAA,IACjD,OAAO;AACL,mCAAAC,SAAkB,WAAW,WAAW;AAAA,IAC1C;AAAA,EACF;AAEA,MAAI,QAAQ;AACV,WAAO,sBAAsB,mBAAmB,qBAAqB;AAAA,EACvE,OAAO;AACL,qCAAAC,SAAsB,mBAAmB,qBAAqB;AAAA,EAChE;AAEA,qBAAmB,kBAAkB,oBAAoB;AACzD,qBAAmB,gBAAgB,kBAAkB;AACvD;",
-  "names": ["React", "queryOperators", "ensure", "get", "import_wordpress", "registerComponent", "registerGlobalContext"]
+  "sources": ["../src/index.tsx", "../src/query-wordpress.ts", "../src/utils.ts", "../src/wordpress.tsx"],
+  "sourcesContent": ["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerFunction, {\n  CustomFunctionMeta,\n} from \"@plasmicapp/host/registerFunction\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport { queryWordpress, queryWordpressMeta } from \"./query-wordpress\";\nimport {\n  WordpressFetcher,\n  WordpressFetcherMeta,\n  WordpressField,\n  WordpressFieldMeta,\n  WordpressProvider,\n  WordpressProviderMeta,\n} from \"./wordpress\";\n\nexport function registerWordpress(loader?: { registerFunction: any }) {\n  function _registerFunction<T extends (...args: any[]) => any>(\n    fn: T,\n    meta: CustomFunctionMeta<T>\n  ) {\n    if (loader) {\n      loader.registerFunction(fn, meta);\n    } else {\n      registerFunction(fn, meta);\n    }\n  }\n\n  _registerFunction(queryWordpress, queryWordpressMeta);\n}\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n    loader.registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  } else {\n    registerGlobalContext(WordpressProvider, WordpressProviderMeta);\n  }\n\n  _registerComponent(WordpressFetcher, WordpressFetcherMeta);\n  _registerComponent(WordpressField, WordpressFieldMeta);\n}\n\nexport * from \"./wordpress\";\n", "import registerFunction, {\n  CustomFunctionMeta,\n} from \"@plasmicapp/host/registerFunction\";\n\nimport { QueryOperator, queryOperators } from \"./utils\";\n\nexport async function queryWordpress(\n  wordpressUrl: string,\n  type: \"pages\" | \"posts\",\n  queryOperator?: QueryOperator,\n  filterValue?: string,\n  limit?: number\n): Promise<any> {\n  const urlParams = new URLSearchParams();\n  if (queryOperator && filterValue) {\n    urlParams.append(queryOperator, filterValue);\n  }\n  if (limit) {\n    urlParams.append(\"per_page\", limit.toString());\n  }\n  const url = new URL(`wp-json/wp/v2/${type}`, wordpressUrl);\n  url.search = urlParams.toString();\n\n  const resp = await fetch(url);\n  return await resp.json();\n}\n\nexport const queryWordpressMeta: CustomFunctionMeta<typeof queryWordpress> = {\n  name: \"queryWordpress\",\n  displayName: \"Query WordPress\",\n  importPath: \"@plasmicpkgs/plasmic-wordpress\",\n  params: [\n    {\n      name: \"wordpressUrl\",\n      type: \"string\",\n    },\n    {\n      name: \"queryType\",\n      type: \"choice\",\n      options: [\"pages\", \"posts\"],\n    },\n    {\n      name: \"queryOperator\",\n      type: \"choice\",\n      options: Object.values(queryOperators).map((item) => ({\n        label: item.label,\n        value: item.value,\n      })),\n    },\n    {\n      name: \"filterValue\",\n      type: \"string\",\n    },\n    {\n      name: \"limit\",\n      type: \"number\",\n    },\n  ],\n};\n\nexport function registerAllCustomFunctions(loader?: { registerFunction: any }) {\n  function _registerFunction<T extends (...args: any[]) => any>(\n    fn: T,\n    meta: CustomFunctionMeta<T>\n  ) {\n    if (loader) {\n      loader.registerFunction(fn, meta);\n    } else {\n      registerFunction(fn, meta);\n    }\n  }\n\n  _registerFunction(queryWordpress, queryWordpressMeta);\n}\n", "export const queryOperators = [\n  {\n    value: \"search\",\n    label: \"Search\",\n  },\n  {\n    value: \"slug\",\n    label: \"Filter by Slug\",\n  },\n  {\n    value: \"author\",\n    label: \"Filter by author\",\n  },\n] as const;\n\nexport type QueryOperator = (typeof queryOperators)[number][\"value\"];\n\nexport function ensure<T>(x: T | null | undefined, message?: string): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(message ?? `Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n", "import {\n  ComponentMeta,\n  DataProvider,\n  GlobalContextMeta,\n  repeatedElement,\n  useSelector,\n} from \"@plasmicapp/host\";\nimport { usePlasmicQueryData } from \"@plasmicapp/query\";\nimport get from \"dlv\";\nimport React, { ReactNode, useContext } from \"react\";\nimport { queryWordpress } from \"./query-wordpress\";\nimport { ensure, queryOperators, type QueryOperator } from \"./utils\";\n\nconst modulePath = \"@plasmicpkgs/plasmic-wordpress\";\n\ninterface WordpressProviderProps {\n  wordpressUrl?: string;\n}\n\nconst CredentialsContext = React.createContext<\n  WordpressProviderProps | undefined\n>(undefined);\n\nexport const WordpressProviderMeta: GlobalContextMeta<WordpressProviderProps> =\n  {\n    name: \"WordpressProvider\",\n    displayName: \"Wordpress Provider\",\n    description: \"The endpoint of your Wordpress\",\n    importName: \"WordpressProvider\",\n    importPath: modulePath,\n    props: {\n      wordpressUrl: {\n        type: \"string\",\n        displayName: \"Wordpress URL\",\n        description: \"URL of your Wordpress \",\n        defaultValue: \"https://techcrunch.com/\",\n      },\n    },\n  };\n\nexport function WordpressProvider({\n  wordpressUrl,\n  children,\n}: React.PropsWithChildren<WordpressProviderProps>) {\n  return (\n    <CredentialsContext.Provider value={{ wordpressUrl }}>\n      {children}\n    </CredentialsContext.Provider>\n  );\n}\n\ninterface WordpressFetcherProps {\n  children?: ReactNode;\n  className?: string;\n  noLayout?: boolean;\n  queryType?: \"posts\" | \"pages\";\n  noAutoRepeat?: boolean;\n  limit?: number;\n  queryOperator?: QueryOperator;\n  filterValue?: string;\n  setControlContextData?: (data: {\n    posts?: { value: string; label: string }[];\n    pages?: { value: string; label: string }[];\n  }) => void;\n}\n\nexport const WordpressFetcherMeta: ComponentMeta<WordpressFetcherProps> = {\n  name: \"WordpressFetcher\",\n  displayName: \"Wordpress Fetcher\",\n  importName: \"WordpressFetcher\",\n  importPath: modulePath,\n  providesData: true,\n  description:\n    \"Fetches Wordpress data and repeats content of children once for every row fetched. \",\n  defaultStyles: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr\",\n    gridRowGap: \"8px\",\n    padding: \"8px\",\n    maxWidth: \"100%\",\n  },\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: \"8px\",\n        },\n        children: {\n          type: \"component\",\n          name: \"WordpressField\",\n        },\n      },\n    },\n    queryType: {\n      type: \"choice\",\n      options: [\"posts\", \"pages\"],\n    },\n    queryOperator: {\n      type: \"choice\",\n      displayName: \"Query Operator\",\n      description: \"Filter Parameter filter by\",\n      options: () => {\n        return queryOperators.map((item: any) => ({\n          label: item?.label,\n          value: item?.value,\n        }));\n      },\n      hidden: (props) => !props.queryType,\n    },\n\n    filterValue: {\n      type: \"string\",\n      displayName: \"Filter value\",\n      description: \"Value to filter\",\n      hidden: (props) => !props.queryOperator,\n    },\n    limit: {\n      type: \"number\",\n      displayName: \"Limit\",\n      description: \"Limit\",\n    },\n    noAutoRepeat: {\n      type: \"boolean\",\n      displayName: \"No auto-repeat\",\n      description:\n        \"Do not automatically repeat children for every posts or pages.\",\n      defaultValue: false,\n    },\n    noLayout: {\n      type: \"boolean\",\n      displayName: \"No layout\",\n      description:\n        \"When set, Wordpress Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport function WordpressFetcher({\n  queryOperator,\n  filterValue,\n  noAutoRepeat,\n  limit,\n  queryType,\n  children,\n  className,\n  noLayout,\n}: WordpressFetcherProps) {\n  const { wordpressUrl } = ensure(\n    useContext(CredentialsContext),\n    \"WordpressFetcher must be used within a WordpressProvider\"\n  );\n  const cacheKey = JSON.stringify({\n    queryOperator,\n    filterValue,\n    limit,\n    queryType,\n    wordpressUrl,\n  });\n\n  const { data } = usePlasmicQueryData<any | null>(\n    queryType && wordpressUrl ? cacheKey : null,\n    async () => {\n      return queryWordpress(\n        ensure(wordpressUrl, \"Wordpress URL must be specified\"),\n        ensure(queryType, \"Query Type must be specified\"),\n        queryOperator,\n        filterValue,\n        limit\n      );\n    }\n  );\n\n  const hasFilter = queryOperator && filterValue;\n\n  if (!queryType) {\n    return <div>Please specify query type</div>;\n  }\n\n  if (queryOperator && !filterValue) {\n    return <div>Please specify Filter Value</div>;\n  }\n  if (!queryOperator && filterValue) {\n    return <div>Please specify Query Operator</div>;\n  }\n  if (hasFilter && data?.length === 0) {\n    return <div>No published {queryType} found</div>;\n  }\n\n  const currentName = `currentWordpress${\n    queryType === \"posts\" ? \"Post\" : \"Page\"\n  }`;\n  const renderedData = noAutoRepeat\n    ? children\n    : data?.map((item: any, i: number) => (\n        <DataProvider key={item.id} name={currentName} data={item}>\n          {repeatedElement(i, children)}\n        </DataProvider>\n      ));\n\n  const response = data;\n  return (\n    <DataProvider data={response} name=\"wordpressItems\">\n      {noLayout ? (\n        <> {renderedData} </>\n      ) : (\n        <div className={className}> {renderedData} </div>\n      )}\n    </DataProvider>\n  );\n}\n\ninterface WordpressFieldProps {\n  className?: string;\n  field?: string;\n  setControlContextData?: (data: { data: any }) => void;\n}\nexport const WordpressFieldMeta: ComponentMeta<WordpressFieldProps> = {\n  name: \"WordpressField\",\n  displayName: \"Wordpress Field\",\n  importName: \"WordpressField\",\n  importPath: modulePath,\n  props: {\n    field: {\n      type: \"choice\",\n      options: [\n        \"title\",\n        \"slug\",\n        \"content\",\n        \"excerpt\",\n        \"date\",\n        \"modified\",\n        \"link\",\n        \"status\",\n      ],\n      displayName: \"Field\",\n      description: \"Field to be displayed.\",\n    },\n  },\n};\nexport function WordpressField({ className, field }: WordpressFieldProps) {\n  const currentPost = useSelector(\"currentWordpressPost\");\n  const currentPage = useSelector(\"currentWordpressPage\");\n\n  const item = currentPost || currentPage;\n\n  if (!item) {\n    return <div>WordpressField must be used within a WordpressFetcher </div>;\n  }\n\n  if (!field) {\n    return <div>Please specify a valid path or select a field.</div>;\n  }\n\n  const data = get(item, field as string);\n\n  if (typeof data === \"object\" && \"rendered\" in data) {\n    return (\n      <div\n        className={className}\n        style={{ whiteSpace: \"normal\" }}\n        dangerouslySetInnerHTML={{ __html: data.rendered }}\n      />\n    );\n  } else if (!data || typeof data === \"object\") {\n    return <div className={className}>Please specify a valid field.</div>;\n  } else {\n    return <div className={className}> {data} </div>;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["import_registerFunction", "React", "get", "registerFunction", "registerComponent", "registerGlobalContext"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/plasmic-wordpress",
-  "version": "0.0.150",
+  "version": "0.0.151",
   "description": "Plasmic Wordpress components.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -53,9 +53,8 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@plasmicpkgs/wordpress": "0.0.2",
     "@types/dlv": "^1.1.2",
     "dlv": "^1.1.3"
   },
-  "gitHead": "271df799332249e475d73cb1414b5174c32bb0b8"
+  "gitHead": "f808cf77600a4c6eccd86f08d1da26299b796eb4"
 }