eddev 0.1.49 → 0.2.0-beta.1

package/serverless-template/pages/_app.tsx

@@ -0,0 +1,34 @@
+import type { AppProps } from "next/app"
+import { App } from "@manifest/views"
+import manifest from "@manifest/views"
+import { NextRouter } from "eddev/components/NextRouter"
+import { ServerlessAppDataProvider } from "eddev/utils/serverlessAppContext"
+import { useMemo } from "react"
+import { useRouter } from "next/router"
+
+function MyApp({ Component, pageProps }: AppProps) {
+  if (!pageProps.appData) return <div />
+
+  const appData = useMemo(() => {
+    return pageProps.appData.data
+  }, [])
+
+  const route = useRouter()
+
+  const viewProps = pageProps?.viewData?.data
+
+  const View = manifest[pageProps.view]
+
+  console.log("ROUTE", pageProps, route.pathname)
+
+  return (
+    <ServerlessAppDataProvider value={appData}>
+      <NextRouter data={pageProps} path={route.pathname}>
+        <App>
+          <View {...viewProps} />
+        </App>
+      </NextRouter>
+    </ServerlessAppDataProvider>
+  )
+}
+export default MyApp

package/serverless-template/pages/api/hello.ts

@@ -0,0 +1,10 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+type Data = {
+  name: string
+}
+
+export default (req: NextApiRequest, res: NextApiResponse<Data>) => {
+  res.status(200).json({ name: 'John Doe' })
+}

package/serverless-template/pages/api/rest/[...method].ts

@@ -0,0 +1,38 @@
+const validProxyPaths = {
+  "form-submit": {
+    path: "/wp-json/ed/v1/gf/submit",
+    method: "GET",
+  },
+  query: {
+    path: "/wp-json/ed/v1/query/*",
+    method: "GET",
+  },
+  mutation: {
+    path: "/wp-json/ed/v1/mutation/*",
+    method: "POST",
+  },
+}
+
+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]!
+
+  if (!proxyPath) {
+    return res.status(404).json({
+      error: "Not found",
+    })
+  }
+
+  const finalPath = proxyPath.path.replace("*", req.query.method.slice(1).join("/"))
+
+  const response = await fetch(process.env.SITE_URL + finalPath, {
+    method: proxyPath.method,
+    headers: {
+      "Content-Type": "application/json",
+    },
+  })
+
+  const payload = await response.json()
+
+  res.status(200).json(payload)
+}

package/serverless-template/pages/index.tsx

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

package/serverless-template/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "baseUrl": ".",
+    "paths": {
+      "@manifest/views": ["manifest_views.ts"],
+      "@manifest/blocks": ["manifest_blocks.ts"],
+      "@components/*": ["components/*"],
+      "@views/*": ["views/*"],
+      "@hooks/*": ["hooks/*"],
+      "@queries/*": ["hooks/queries/*"],
+      "@theme": ["theme.css.tsx"],
+      "@wordpress/components": ["null.ts"],
+      "@wordpress/element": ["null.ts"],
+      "@wordpress/blocks": ["null.ts"],
+      "@wordpress/utils": ["null.ts"],
+      "@wordpress/data": ["null.ts"],
+      "@wordpress/hooks": ["null.ts"],
+      "@wordpress/block-editor": ["null.ts"]
+    }
+  },
+  "include": ["next-env.d.ts", "global.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/utils/serverlessAppContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ServerlessAppDataContext: import("react").Context<any>;
+export declare const ServerlessAppDataProvider: import("react").Provider<any>;

package/utils/serverlessAppContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ServerlessAppDataProvider = exports.ServerlessAppDataContext = void 0;
+var react_1 = require("react");
+exports.ServerlessAppDataContext = (0, react_1.createContext)(undefined);
+exports.ServerlessAppDataProvider = exports.ServerlessAppDataContext.Provider;

package/blocks/EditorErrorBoundary.d.ts

@@ -1,15 +0,0 @@
-import React, { Component, ErrorInfo, ReactNode } from "react";
-interface Props {
-    children: ReactNode;
-}
-interface State {
-    hasError: boolean;
-    error?: Error;
-}
-export declare class EditorErrorBoundary extends Component<Props, State> {
-    state: State;
-    static getDerivedStateFromError(err: Error): State;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): React.ReactNode;
-}
-export {};

package/blocks/EditorErrorBoundary.js

@@ -1,64 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorErrorBoundary = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var EditorErrorBoundary = /** @class */ (function (_super) {
-    __extends(EditorErrorBoundary, _super);
-    function EditorErrorBoundary() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            hasError: false,
-        };
-        return _this;
-    }
-    EditorErrorBoundary.getDerivedStateFromError = function (err) {
-        // Update state so the next render will show the fallback UI.
-        return { hasError: true, error: err };
-    };
-    EditorErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
-        console.error("Uncaught error:", error, errorInfo);
-    };
-    EditorErrorBoundary.prototype.render = function () {
-        if (this.state.hasError) {
-            var err = this.state.error;
-            return ((0, jsx_runtime_1.jsx)("pre", __assign({ style: {
-                    fontSize: "12px",
-                    color: "red",
-                    border: "1px solid red",
-                    borderRadius: "4px",
-                    padding: "4px",
-                    overflowX: "auto",
-                } }, { children: err.stack }), void 0));
-        }
-        return this.props.children;
-    };
-    return EditorErrorBoundary;
-}(react_1.Component));
-exports.EditorErrorBoundary = EditorErrorBoundary;

package/build/codegen-worker-script.d.ts

@@ -1,5 +0,0 @@
-export declare type CodegenOptions = {
-    baseDirectory: string;
-    watch: boolean;
-};
-export declare function beginWork(opts: CodegenOptions): Promise<void>;