npm - eddev - Versions diffs - 0.2.0-beta.4 → 0.2.0-beta.42 - Mend

eddev 0.2.0-beta.4 → 0.2.0-beta.42

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 (131) 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 +25 -11
package/build/reporter.js +0 -109
package/build/serverless/create-next-app.d.ts +2 -0
package/build/serverless/create-next-app.js +312 -78
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/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 +4 -0
package/hooks/useRPC.js +16 -0
package/package.json +19 -8
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 +3 -0
package/serverless/index.js +15 -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 +36 -6
package/serverless-template/_utils/fetch-wp.ts +16 -0
package/serverless-template/global.d.ts +1 -0
package/serverless-template/next.config.js +72 -53
package/serverless-template/package.json +5 -3
package/serverless-template/pages/_app.tsx +20 -4
package/serverless-template/pages/_document.tsx +19 -0
package/serverless-template/pages/api/rest/{[...method].ts → [method].ts} +1 -1
package/serverless-template/pages/api/trpc/[...trpc].ts +26 -0
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/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,16 +1,46 @@
+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)
+  console.log("Fetching props", 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 = 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
+      }
+    }
+    return url
+  })
   return 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

@@ -4,6 +4,7 @@ declare global {
       browser: boolean
       serverless: boolean
       dev: boolean
+      devUI: boolean
     }
   }
 }

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

@@ -1,58 +1,77 @@
 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.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/_app.tsx CHANGED Viewed

@@ -5,8 +5,11 @@ 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) {
+function Root({ Component, pageProps }: AppProps) {
   if (!pageProps.appData) return <div />
   const appData = useMemo(() => {
@@ -19,11 +22,12 @@ function MyApp({ Component, pageProps }: AppProps) {
   const View = manifest[pageProps.view]
-  console.log("ROUTE", pageProps, route.pathname)
   return (
     <ServerlessAppDataProvider value={appData}>
       <NextRouter data={pageProps} path={route.pathname}>
+        {pageProps?.meta?.head && <PageMeta {...pageProps?.meta?.head} />}
+        {pageProps?.meta?.footer && <PageMeta {...pageProps?.meta?.footer} />}
+        {process.devUI && <DevUILoader />}
         <App>
           <View {...viewProps} />
         </App>
@@ -31,4 +35,16 @@ function MyApp({ Component, pageProps }: AppProps) {
     </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

@@ -15,7 +15,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({

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/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: {