npm - eddev - Versions diffs - 0.2.0-beta.5 → 0.2.0-beta.52 - Mend

eddev 0.2.0-beta.5 → 0.2.0-beta.52

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 (137) hide show

package/build/build-favicon.d.ts +1 -0
package/build/build-favicon.js +71 -0
package/build/create-serverless-dev-worker.d.ts +3 -0
package/build/create-serverless-dev-worker.js +99 -0
package/build/get-webpack-config.js +26 -11
package/build/manifests/manifest-views.js +1 -1
package/build/reporter.js +0 -109
package/build/serverless/create-next-app.d.ts +2 -0
package/build/serverless/create-next-app.js +326 -86
package/build/state/serverless-state.d.ts +26 -0
package/build/state/serverless-state.js +2 -0
package/build/workers/codegen-worker-script.js +33 -0
package/build/workers/serverless-worker-dev-script.d.ts +1 -0
package/build/workers/serverless-worker-dev-script.js +21 -0
package/cli/build.dev.js +38 -7
package/cli/build.prod.js +13 -1
package/cli/cli.js +26 -18
package/cli/display/components/DevCLIDisplay.d.ts +3 -0
package/cli/display/components/DevCLIDisplay.js +20 -1
package/cli/display/components/ServerlessDisplay.d.ts +9 -0
package/cli/display/components/ServerlessDisplay.js +68 -0
package/components/NextRouter.js +3 -2
package/config/config-schema.d.ts +55 -0
package/config/config-schema.js +19 -0
package/config/create-schema-file.d.ts +1 -0
package/config/create-schema-file.js +20 -0
package/config/get-config.d.ts +39 -0
package/config/get-config.js +32 -0
package/config/index.d.ts +2 -0
package/config/index.js +14 -0
package/config/parse-config.d.ts +25 -0
package/config/parse-config.js +8 -0
package/config/print-zod-errors.d.ts +2 -0
package/config/print-zod-errors.js +14 -0
package/dev-ui/components/BreakpointColumnHeader.d.ts +11 -0
package/dev-ui/components/BreakpointColumnHeader.js +47 -0
package/dev-ui/components/BreakpointIndicator.d.ts +2 -0
package/dev-ui/components/BreakpointIndicator.js +138 -0
package/dev-ui/components/DevUI.d.ts +2 -0
package/dev-ui/components/DevUI.js +28 -0
package/dev-ui/components/Launcher.d.ts +98 -0
package/dev-ui/components/Launcher.js +94 -0
package/dev-ui/components/PanelWrapper.d.ts +8 -0
package/dev-ui/components/PanelWrapper.js +37 -0
package/dev-ui/components/ResponsiveLerpControl.d.ts +8 -0
package/dev-ui/components/ResponsiveLerpControl.js +177 -0
package/dev-ui/components/ResponsiveScaleEditor.d.ts +26 -0
package/dev-ui/components/ResponsiveScaleEditor.js +233 -0
package/dev-ui/components/atoms/Button.d.ts +47 -0
package/dev-ui/components/atoms/Button.js +67 -0
package/dev-ui/components/atoms/Dropdown.d.ts +13 -0
package/dev-ui/components/atoms/Dropdown.js +50 -0
package/dev-ui/components/atoms/NumberField.d.ts +12 -0
package/dev-ui/components/atoms/NumberField.js +111 -0
package/dev-ui/components/atoms/Spacer.d.ts +42 -0
package/dev-ui/components/atoms/Spacer.js +8 -0
package/dev-ui/components/atoms/Text.d.ts +45 -0
package/dev-ui/components/atoms/Text.js +39 -0
package/dev-ui/components/atoms/ToggleButton.d.ts +8 -0
package/dev-ui/components/atoms/ToggleButton.js +41 -0
package/dev-ui/components/atoms/Tooltip.d.ts +9 -0
package/dev-ui/components/atoms/Tooltip.js +66 -0
package/dev-ui/components/panels/PageDataDebugger.d.ts +2 -0
package/dev-ui/components/panels/PageDataDebugger.js +30 -0
package/dev-ui/components/panels/SpacingEditor.d.ts +2 -0
package/dev-ui/components/panels/SpacingEditor.js +88 -0
package/dev-ui/components/panels/TypographyEditor.d.ts +2 -0
package/dev-ui/components/panels/TypographyEditor.js +88 -0
package/dev-ui/hooks/useBreakpoint.d.ts +11 -0
package/dev-ui/hooks/useBreakpoint.js +59 -0
package/dev-ui/hooks/usePersistState.d.ts +1 -0
package/dev-ui/hooks/usePersistState.js +36 -0
package/dev-ui/hooks/useStylesheet.d.ts +4 -0
package/dev-ui/hooks/useStylesheet.js +31 -0
package/dev-ui/icons.d.ts +15 -0
package/dev-ui/icons.js +29 -0
package/dev-ui/index.d.ts +1 -0
package/dev-ui/index.js +13 -0
package/dev-ui/loader.d.ts +2 -0
package/dev-ui/loader.js +42 -0
package/dev-ui/panels.d.ts +11 -0
package/dev-ui/panels.js +33 -0
package/dev-ui/theme.d.ts +151 -0
package/dev-ui/theme.js +50 -0
package/entry/Root.d.ts +3 -1
package/entry/Root.js +18 -6
package/hooks/index.d.ts +1 -0
package/hooks/index.js +1 -0
package/hooks/rpc-client.d.ts +3 -0
package/hooks/rpc-client.js +15 -0
package/hooks/useAppData.js +0 -1
package/hooks/useRPC.d.ts +32 -0
package/hooks/useRPC.js +18 -0
package/package.json +19 -8
package/routing/routing.js +1 -1
package/serverless/create-rpc-client.d.ts +20 -0
package/serverless/create-rpc-client.js +20 -0
package/serverless/define-api.d.ts +2 -0
package/serverless/define-api.js +66 -0
package/serverless/define-rpc-router.d.ts +6 -0
package/serverless/define-rpc-router.js +35 -0
package/serverless/error-codes.d.ts +2 -0
package/serverless/error-codes.js +14 -0
package/serverless/index.d.ts +5 -0
package/serverless/index.js +18 -0
package/serverless/rpc-client.d.ts +3 -0
package/serverless/rpc-client.js +15 -0
package/serverless/rpc-provider.d.ts +1 -0
package/serverless/rpc-provider.js +5 -0
package/serverless-template/_utils/PageMeta.tsx +44 -0
package/serverless-template/_utils/ed-config.ts +5 -0
package/serverless-template/_utils/fetch-wordpress-props.ts +40 -8
package/serverless-template/_utils/fetch-wp.ts +16 -0
package/serverless-template/global.d.ts +7 -1
package/serverless-template/next.config.js +73 -53
package/serverless-template/package.json +5 -3
package/serverless-template/pages/404.tsx +12 -0
package/serverless-template/pages/[...slug].tsx +7 -2
package/serverless-template/pages/_app.tsx +32 -12
package/serverless-template/pages/_document.tsx +19 -0
package/serverless-template/pages/api/rest/{[...method].ts → [method].ts} +4 -2
package/serverless-template/pages/api/trpc/[...trpc].ts +26 -0
package/serverless-template/pages/index.tsx +2 -2
package/style/createStitches.d.ts +71 -1
package/style/createStitches.js +151 -45
package/utils/getRepoName.d.ts +2 -2
package/utils/getRepoName.js +14 -52
package/utils/updateEnvFile.d.ts +1 -0
package/utils/updateEnvFile.js +76 -0
package/cli/prepare-next.d.ts +0 -0
package/cli/prepare-next.js +0 -1
package/entry/entry.serverless.dev.d.ts +0 -0
package/entry/entry.serverless.dev.js +0 -2
package/fields/ImageWell.d.ts +0 -8
package/fields/ImageWell.js +0 -64
package/serverless-template/package-lock.json +0 -641
package/serverless-template/pages/api/hello.ts +0 -10

package/serverless/error-codes.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+// export const RESTErrorCodes = {
+//   notfound: 404,
+//   badrequest: 400,
+//   unauthorized: 401,
+//   forbidden: 403,
+//   invalidverb: 400,
+//   querystring: 400,
+//   body: 400,
+//   params: 400,
+//   internal: 500,
+// }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {};

package/serverless/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { TRPCError } from "@trpc/server";
+export * from "./define-api";
+export * from "./define-rpc-router";
+export * from "./error-codes";
+export declare const RPCError: typeof TRPCError;

package/serverless/index.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RPCError = void 0;
+var server_1 = require("@trpc/server");
+__exportStar(require("./define-api"), exports);
+__exportStar(require("./define-rpc-router"), exports);
+__exportStar(require("./error-codes"), exports);
+exports.RPCError = server_1.TRPCError;

package/serverless/rpc-client.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const useRPCQuery: <TPath extends string>(pathAndInput: [TPath, (null | undefined)?], opts?: import("@trpc/react").UseTRPCQueryOptions<TPath, RPCRouter, RPCRouter, import("@trpc/react").TRPCClientErrorLike<RPCRouter>> | undefined) => import("react-query").UseQueryResult<RPCRouter, import("@trpc/react").TRPCClientErrorLike<RPCRouter>>;
+export declare const useRPCMutation: <TPath_1 extends string>(path: TPath_1 | [TPath_1], opts?: import("@trpc/react").UseTRPCMutationOptions<RPCRouter, import("@trpc/react").TRPCClientErrorLike<RPCRouter>, RPCRouter> | undefined) => import("react-query").UseMutationResult<RPCRouter, import("@trpc/react").TRPCClientErrorLike<RPCRouter>, RPCRouter, unknown>;
+export declare const rpcClient: import("@trpc/react").TRPCClient<RPCRouter>;

package/serverless/rpc-client.js ADDED Viewed

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rpcClient = exports.useRPCMutation = exports.useRPCQuery = void 0;
+var react_1 = require("@trpc/react");
+// @ts-ignore
+var _a = (0, react_1.createReactQueryHooks)({
+    // @ts-ignore
+    url: process.serverlessEndpoint + "/api/trpc",
+}), useQuery = _a.useQuery, useMutation = _a.useMutation, createClient = _a.createClient;
+exports.useRPCQuery = useQuery;
+exports.useRPCMutation = useMutation;
+exports.rpcClient = createClient({
+    // @ts-ignore
+    url: process.serverlessEndpoint + "/api/trpc",
+});

package/serverless/rpc-provider.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function RPCProvider(): void;

package/serverless/rpc-provider.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RPCProvider = void 0;
+function RPCProvider() { }
+exports.RPCProvider = RPCProvider;

package/serverless-template/_utils/PageMeta.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+import { ParsedRouteTags } from "eddev/routing/remoteProps"
+import Head from "next/head"
+import { Fragment } from "react"
+type Props = ParsedRouteTags
+export function PageMeta(props: Props) {
+  return (
+    <Head>
+      {props.title?.map((tag, i) => (
+        <title key={"title" + i}>{tag.__code}</title>
+      ))}
+      {/* {props.style?.map((tag, i) => {
+        return (
+          <style
+            key={"style" + i}
+            className={tag["class"]}
+            type={tag.type}
+            id={tag.id}
+            dangerouslySetInnerHTML={{ __html: tag.__code }}
+          />
+        )
+      })}
+      {props.script?.map((tag, i) => {
+        return (
+          <script
+            key={"script" + i}
+            className={tag["class"]}
+            type={tag.type}
+            id={tag.id}
+            dangerouslySetInnerHTML={{ __html: tag.__code }}
+          />
+        )
+      })} */}
+      {props.meta?.map((tag, i) => {
+        return <meta key={"meta" + i} {...tag} />
+      })}
+      {props.link?.map((tag, i) => {
+        if (tag.rel === "stylesheet") return <Fragment key={"link" + i} />
+        return <link key={"link" + i} {...tag} />
+      })}
+    </Head>
+  )
+}

package/serverless-template/_utils/ed-config.ts ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+const settings = require("../ed.config.json")
+import { EDConfig } from "eddev/config"
+export default settings as EDConfig

package/serverless-template/_utils/fetch-wordpress-props.ts CHANGED Viewed

@@ -1,17 +1,49 @@
+import config from "./ed-config"
+import { fetchWP } from "./fetch-wp"
+const settings = config.serverless
 export async function fetchWordpressProps(pathname: string) {
+  // Determine the URL for fetching
   const origin = (process.env.SITE_URL as string).replace(/\/$/, "")
   pathname = pathname.replace(/(^\/|\/$)/g, "")
   const propsURL = origin + ("/" + pathname + "/?_props=all").replace(/\/+/, "/")
-  let response = await fetch(propsURL)
+  // Make the request
+  let response = await fetchWP(propsURL, {})
+  // Convert to text, rather than JSON — so we can do find-and-replace
   let text = await response.text()
   // Convert absolute site URL details to relative paths
-  // console.log("WAS", text)
-  console.log("REPLACING", origin, propsURL, response.status, response.statusText, text)
-  console.log("RESPONSE", response)
-  text = text.replaceAll(origin, "")
-  console.log("NOW", text)
+  text = text.replace(new RegExp(origin.replace(/(http|https)/, `https?`) + "([a-z0-9-_./]+)", "g"), (url) => {
+    const path = url.replace(/https?:\/\/[^\/]+/, "")
+    if (path.startsWith("/wp-content/uploads/")) {
+      if (settings?.uploads === "proxy") {
+        return path
+      } else if (settings?.uploads === "remote") {
+        return url
+      }
+    } else if (path.startsWith("/wp-content/themes/")) {
+      if (settings?.uploads === "proxy") {
+        return path
+      } else if (settings?.uploads === "remote") {
+        return url
+      }
+    } else if (path.startsWith("/wp-content/plugins/")) {
+      if (settings?.uploads === "proxy") {
+        return path
+      } else if (settings?.uploads === "remote") {
+        return url
+      }
+    } else {
+      return path
+    }
+    return url
+  })
-  return JSON.parse(text)
+  return {
+    status: response.status,
+    data: JSON.parse(text),
+  }
 }

package/serverless-template/_utils/fetch-wp.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { Agent } from "https"
+// Used to allow self-signed certificates
+const agent = new Agent({
+  rejectUnauthorized: false,
+})
+export const fetchWP: typeof fetch = async (url, opts) => {
+  // TODO — basic auth via env variable
+  // https://stackoverflow.com/questions/43842793/basic-authentication-with-fetch
+  return fetch(url, {
+    ...opts,
+    // @ts-ignore
+    agent: url.includes("https") ? agent : undefined,
+  })
+}

package/serverless-template/global.d.ts CHANGED Viewed

@@ -1,9 +1,15 @@
 declare global {
   namespace NodeJS {
     interface Process {
-      browser: boolean
+      client: boolean
       serverless: boolean
       dev: boolean
+      devUI: boolean
     }
   }
 }
+module "@manifest/views" {
+  export default any
+  export const App: any
+}

package/serverless-template/next.config.js CHANGED Viewed

@@ -1,58 +1,78 @@
 const withTM = require("next-transpile-modules")
-const { resolve } = require("path")
+const { resolve, join } = require("path")
 const { DefinePlugin } = require("webpack")
+const settings = require("./ed.config.json")
+const { getRepoName } = require("eddev/utils/getRepoName")
+const { existsSync } = require("fs")
-// console.log("PATH", process.cwd().replace(/\.serverless/, ""))
+module.exports = (() => {
+  const cwd = process.cwd()
+  const REPO_NAME = getRepoName(cwd.replace(/\/\.serverless/, "")).repoName
-module.exports = {}
+  return withTM(["eddev"])({
+    rewrites() {
+      return {
+        afterFiles: [
+          settings.serverless.uploads === "proxy" && {
+            source: "/wp-content/uploads/:path*",
+            destination: process.env.SITE_URL + "/wp-content/uploads/:path*",
+          },
+          settings.serverless.plugin === "proxy" && {
+            source: "/wp-content/plugins/:path*",
+            destination: process.env.SITE_URL + "/wp-content/plugins/:path*",
+          },
+          settings.serverless.theme === "proxy" && {
+            source: "/wp-content/themes/:path*",
+            destination: process.env.SITE_URL + "/wp-content/themes/:path*",
+          },
+        ].filter(Boolean),
+      }
+    },
+    experimental: {},
+    typescript: {
+      ignoreBuildErrors: true,
+    },
+    webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        "@manifest/views": resolve(cwd, "manifest_views.ts"),
+        "@manifest/blocks": resolve(cwd, "manifest_blocks.ts"),
+        "@theme": resolve(cwd, "theme.css.tsx"),
+        "@wordpress/components": resolve(cwd, "null.ts"),
+        "@wordpress/element": resolve(cwd, "null.ts"),
+        "@wordpress/blocks": resolve(cwd, "null.ts"),
+        "@wordpress/utils": resolve(cwd, "null.ts"),
+        "@wordpress/data": resolve(cwd, "null.ts"),
+        "@wordpress/hooks": resolve(cwd, "null.ts"),
+        "@wordpress/block-editor": resolve(cwd, "null.ts"),
+      }
+      // config.defines["process.dev"] = isDev ? "true" : "false"
+      const define = config.plugins.find((plugin) => plugin instanceof DefinePlugin)
+      define.definitions["process.serverless"] = "true"
+      define.definitions["process.admin"] = "false"
+      define.definitions["process.client"] = isServer ? "false" : "true"
+      define.definitions["process.dev"] = process.env.NODE_ENV === "development"
-module.exports = withTM(["eddev"])({
-  async rewrites() {
-    return {
-      afterFiles: [
-        {
-          source: "/wp-content/uploads/:path*",
-          destination: process.env.SITE_URL + "/wp-content/uploads/:path*",
-        },
-      ],
-    }
-  },
-  typescript: {
-    ignoreBuildErrors: true,
-  },
-  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
-    const cwd = process.cwd()
-    console.log(resolve(cwd, "manifest_blocks.ts"))
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      "@manifest/views": resolve(cwd, "manifest_views.ts"),
-      "@manifest/blocks": resolve(cwd, "manifest_blocks.ts"),
-      // "@components/*": resolve(cwd, "components/*"),
-      // "@views/*": resolve(cwd, "views/*"),
-      // "@hooks/*": resolve(cwd, "hooks/*"),
-      // "@queries/*": resolve(cwd, "hooks/queries/*"),
-      "@theme": resolve(cwd, "theme.css.tsx"),
-      "@wordpress/components": resolve(cwd, "null.ts"),
-      "@wordpress/element": resolve(cwd, "null.ts"),
-      "@wordpress/blocks": resolve(cwd, "null.ts"),
-      "@wordpress/utils": resolve(cwd, "null.ts"),
-      "@wordpress/data": resolve(cwd, "null.ts"),
-      "@wordpress/hooks": resolve(cwd, "null.ts"),
-      "@wordpress/block-editor": resolve(cwd, "null.ts"),
-    }
-    // config.defines["process.dev"] = isDev ? "true" : "false"
-    const define = config.plugins.find((plugin) => plugin instanceof DefinePlugin)
-    define.definitions["process.serverless"] = "true"
-    define.definitions["process.admin"] = "false"
-    define.definitions["process.dev"] = process.env.NODE_ENV === "development"
-    // config.plugins.push(
-    //   new DefinePlugin({
-    //     "process.serverless": "true",
-    //     "process.admin": "false",
-    //     // "process.env.themePath": JSON.stringify(`/wp-content/themes/${opts.themeName}`),
-    //     // "process.themePath": JSON.stringify(`/wp-content/themes/${opts.themeName}`),
-    //   })
-    // )
-    return config
-  },
-})
+      const themePath =
+        (settings.serverless.theme === "remote" ? process.env.SITE_URL : "") + "/wp-content/themes/" + REPO_NAME
+      define.definitions["process.env.themePath"] = JSON.stringify(themePath)
+      define.definitions["process.themePath"] = JSON.stringify(themePath)
+      define.definitions["process.devUI"] = settings.devUI === "enabled"
+      define.definitions["process.serverlessEndpoint"] = JSON.stringify("/")
+      const rpcExists =
+        existsSync(join(process.cwd(), "apis/_rpc.ts")) || existsSync(join(process.cwd(), "apis/_rpc/index.ts"))
+      define.definitions["process.rpcEnabled"] = rpcExists ? "true" : "false"
+      // config.plugins.push(
+      //   new DefinePlugin({
+      //     "process.serverless": "true",
+      //     "process.admin": "false",
+      //     // "process.env.themePath": JSON.stringify(`/wp-content/themes/${opts.themeName}`),
+      //     // "process.themePath": JSON.stringify(`/wp-content/themes/${opts.themeName}`),
+      //   })
+      // )
+      return config
+    },
+  })
+})()

package/serverless-template/package.json CHANGED Viewed

@@ -8,12 +8,14 @@
     "start": "next start"
   },
   "dependencies": {
-    "next": "12.0.10",
     "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react-dom": "17.0.2",
+    "@trpc/next": "^9.19.0",
+    "@trpc/server": "^9.19.0"
   },
   "devDependencies": {
     "@types/react": "17.0.39",
-    "typescript": "4.5.5"
+    "typescript": "4.5.5",
+    "next": "^12.1.0"
   }
 }

package/serverless-template/pages/404.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import { fetchWordpressProps } from "../_utils/fetch-wordpress-props"
+export default function Home() {
+  return <div />
+}
+export async function getStaticProps({ params }: any) {
+  const result = await fetchWordpressProps("/404")
+  return {
+    props: result.data,
+  }
+}

package/serverless-template/pages/[...slug].tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { GetStaticPathsResult, GetStaticPropsContext, GetStaticPropsResult } fro
 import { fetchWordpressProps } from "../_utils/fetch-wordpress-props"
 export default function Home(props: any) {
-  return <div>{JSON.stringify(props)}</div>
+  return <div />
 }
 export async function getStaticPaths(): Promise<GetStaticPathsResult> {
@@ -14,7 +14,12 @@ export async function getStaticPaths(): Promise<GetStaticPathsResult> {
 export async function getStaticProps({ params }: GetStaticPropsContext): Promise<GetStaticPropsResult<any>> {
   const result = await fetchWordpressProps((params?.slug as string[]).join("/"))
+  if (result.status === 404) {
+    return {
+      notFound: true,
+    }
+  }
   return {
-    props: result,
+    props: result.data,
   }
 }

package/serverless-template/pages/_app.tsx CHANGED Viewed

@@ -5,30 +5,50 @@ import { NextRouter } from "eddev/components/NextRouter"
 import { ServerlessAppDataProvider } from "eddev/utils/serverlessAppContext"
 import { useMemo } from "react"
 import { useRouter } from "next/router"
+import { DevUILoader } from "eddev/dev-ui/loader"
+import { PageMeta } from "../_utils/PageMeta"
+import { withTRPC } from "@trpc/next"
-function MyApp({ Component, pageProps }: AppProps) {
-  if (!pageProps.appData) return <div />
-  const appData = useMemo(() => {
-    return pageProps.appData.data
-  }, [])
+let appData: any
+function Root({ Component, pageProps }: AppProps) {
   const route = useRouter()
+  if (!appData) appData = pageProps?.appData?.data
+  // const appData = useMemo(() => {
+  //   return pageProps?.appData?.data
+  // }, [])
   const viewProps = pageProps?.viewData?.data
-  const View = manifest[pageProps.view]
+  const View = manifest[pageProps.view || "404"]
-  console.log("ROUTE", pageProps, route.pathname)
+  if (!appData) return <div />
+  console.log(`Could not load view named "${pageProps.view}"`)
   return (
     <ServerlessAppDataProvider value={appData}>
       <NextRouter data={pageProps} path={route.pathname}>
-        <App>
-          <View {...viewProps} />
-        </App>
+        {pageProps?.meta?.head && <PageMeta {...pageProps?.meta?.head} />}
+        {pageProps?.meta?.footer && <PageMeta {...pageProps?.meta?.footer} />}
+        {process.devUI ? <DevUILoader /> : null}
+        <App>{View && <View {...viewProps} />}</App>
       </NextRouter>
     </ServerlessAppDataProvider>
   )
 }
-export default MyApp
+// @ts-ignore
+export default process.rpcEnabled
+  ? withTRPC({
+      config({ ctx }) {
+        return {
+          // @ts-ignore
+          url: process.serverlessEndpoint + "api/trpc",
+        }
+      },
+      ssr: false,
+    })(Root)
+  : Root

package/serverless-template/pages/_document.tsx ADDED Viewed

@@ -0,0 +1,19 @@
+import React from "react"
+import NextDocument, { Html, Head, Main, NextScript } from "next/document"
+import { getCssText } from "@theme"
+export default class Document extends NextDocument {
+  render() {
+    return (
+      <Html lang="en">
+        <Head>
+          <style id="stitches" dangerouslySetInnerHTML={{ __html: getCssText() }} />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}

package/serverless-template/pages/api/rest/{[...method].ts → [method].ts} RENAMED Viewed

@@ -1,3 +1,5 @@
+import { fetchWP } from "../../../_utils/fetch-wp"
 const validProxyPaths = {
   "form-submit": {
     path: "/wp-json/ed/v1/gf/submit",
@@ -15,7 +17,7 @@ const validProxyPaths = {
 export default async function (req: any, res: any) {
   // Ensure that the request is for a proxy path
-  const proxyPath = validProxyPaths[req.query.method[0] as keyof typeof validProxyPaths]!
+  const proxyPath = validProxyPaths[req.query.method as keyof typeof validProxyPaths]!
   if (!proxyPath) {
     return res.status(404).json({
@@ -25,7 +27,7 @@ export default async function (req: any, res: any) {
   const finalPath = proxyPath.path.replace("*", req.query.method.slice(1).join("/"))
-  const response = await fetch(process.env.SITE_URL + finalPath, {
+  const response = await fetchWP(process.env.SITE_URL + finalPath, {
     method: proxyPath.method,
     headers: {
       "Content-Type": "application/json",

package/serverless-template/pages/api/trpc/[...trpc].ts ADDED Viewed

@@ -0,0 +1,26 @@
+// @ts-ignore
+import { router, createContext } from "../../../apis/_rpc"
+import * as trpcNext from "@trpc/server/adapters/next"
+import type { NextApiRequest, NextApiResponse } from "next"
+const handler = trpcNext.createNextApiHandler({
+  router: router,
+  createContext: createContext,
+})
+export default function (req: NextApiRequest, res: NextApiResponse) {
+  // TODO: Use an origin whitelist
+  const origin = req.headers.origin
+  if (origin) {
+    res.setHeader("Access-Control-Allow-Origin", "*")
+    res.setHeader("Access-Control-Request-Method", "*")
+    res.setHeader("Access-Control-Request-Method", "OPTIONS, GET, POST")
+    res.setHeader("Access-Control-Allow-Headers", "*")
+    if (req.method === "OPTIONS") {
+      res.writeHead(200)
+      res.end()
+      return
+    }
+  }
+  return handler(req, res)
+}

package/serverless-template/pages/index.tsx CHANGED Viewed

@@ -1,12 +1,12 @@
 import { fetchWordpressProps } from "../_utils/fetch-wordpress-props"
 export default function Home() {
-  return <div>Test</div>
+  return <div />
 }
 export async function getStaticProps({ params }: any) {
   const result = await fetchWordpressProps("/")
   return {
-    props: result,
+    props: result.data,
   }
 }

package/style/createStitches.d.ts CHANGED Viewed

@@ -18,6 +18,12 @@ declare type TypographyConfig<Theme extends ConfigType.Theme<{}>, Media extends
         lineHeight?: ResponsiveValue<Media, Theme["lineHeights"] extends {} ? `$${Extract<keyof Theme["lineHeights"], string>}` | CSS["lineHeight"] : CSS["lineHeight"]>;
     };
 };
+export declare type BreakpointArray = {
+    key: string;
+    min: string | null;
+    max: string | null;
+}[];
+export declare function parseBreakpoints(names: string[], medias: any): BreakpointArray;
 interface GridConfig<Theme extends ConfigType.Theme<{}>, Media extends ConfigType.Media<{}>> {
     columns: number;
     breakpoints: {
@@ -36,7 +42,49 @@ declare type ResponsiveScale<Media extends ConfigType.Media<{}>, T extends {}> =
 declare type ResponsiveConfig<Media extends ConfigType.Media<{}>, T extends {}> = {
     [Scale in keyof T]: ResponsiveScale<Media, T[Scale]>;
 };
-export declare function createStitches<Prefix extends string = "", Media extends {} = {}, Theme extends {} = {}, Responsive extends {} = {}, ThemeMap extends {} = DefaultThemeMap, Utils extends {} = {}, Typography extends {} = {}>(config: {
+declare type ResponsiveAtom = {
+    lerpStart: boolean;
+} & ({
+    type: "multiplier";
+    value: number;
+} | {
+    type: "percent";
+    value: number;
+} | {
+    type: "px";
+    value: number;
+} | {
+    type: "number";
+    value: number;
+} | {
+    type: "unknown";
+    value: string | number;
+} | {
+    type: "undefined";
+});
+export declare type ResponsiveAtomCalc = ResponsiveAtom & {
+    defined: boolean;
+    breakpoint: string;
+    baseBreakpoint: string;
+    lastBreakpoint: string;
+    lerping?: {
+        fromBP: string | null;
+        toBP: string | null;
+        minMedia: number;
+        maxMedia: number;
+        minValue: number;
+        maxValue: number;
+    };
+    concreteValue: number | null;
+};
+export declare function parseResponsiveObject(breakpoints: ReturnType<typeof parseBreakpoints>, object: any): ResponsiveAtomCalc[];
+export declare function getResponsiveObjectStyles(breakpoints: ReturnType<typeof parseBreakpoints>, object: any, varName: string, unit?: string): any[];
+export declare function parseResponsiveTokens(theme: any, breakpoints: any): {
+    initialResponsive: any;
+    globalResponsive: any;
+};
+export declare function createStitches<Prefix extends string = "", Media extends {} = {}, Breakpoints extends (keyof Media)[] = [], Theme extends {} = {}, Responsive extends {} = {}, ThemeMap extends {} = DefaultThemeMap, Utils extends {} = {}, Typography extends {} = {}>(config: {
+    breakpoints: Breakpoints;
     prefix?: ConfigType.Prefix<Prefix>;
     media: ConfigType.Media<Media>;
     theme: ConfigType.Theme<Theme>;
@@ -55,12 +103,34 @@ export declare function createStitches<Prefix extends string = "", Media extends
     themeMap?: ConfigType.ThemeMap<ThemeMap>;
     utils: ConfigType.Utils<Utils>;
 }): {
+    originalConfig: {
+        breakpoints: Breakpoints;
+        prefix?: ConfigType.Prefix<Prefix> | undefined;
+        media: ConfigType.Media<Media>;
+        theme: ConfigType.Theme<Theme>;
+        responsive: ResponsiveConfig<Media & {
+            initial: string;
+            editor: string;
+        }, Responsive>;
+        typography: TypographyConfig<Theme, Media & {
+            initial: string;
+            editor: string;
+        }, Typography>;
+        grid: GridConfig<Theme, Media & {
+            initial: string;
+            editor: string;
+        }>;
+        themeMap?: ConfigType.ThemeMap<ThemeMap> | undefined;
+        utils: ConfigType.Utils<Utils>;
+    };
+    breakpoints: BreakpointArray;
     typeVariants: { [key in keyof TypographyConfig<Theme, Media & {
         initial: string;
         editor: string;
     }, Typography>]: any; };
     gridVariants: {};
     responsiveTokens: { [Scale in keyof Responsive]: { [T in keyof Responsive[Scale]]: number; }; };
+    responsiveGlobals: any;
     config: {
         prefix: "";
         media: {