eddev 0.2.2-beta.1 → 0.2.2-beta.5

package/blocks/ContentBlocks.js

@@ -32,6 +32,9 @@ var react_1 = require("react");
 var ErrorBoundaryFrontend_1 = require("./ErrorBoundaryFrontend");
 exports.BlocksContext = (0, react_1.createContext)(undefined);
 function ContentBlocks(props) {
+    if (process.admin) {
+        throw new Error("ContentBlocks should only be used on the frontend.");
+    }
     if (!Array.isArray(props.blocks))
         return null;
     var parentContext = (0, react_1.useContext)(exports.BlocksContext);

package/blocks/blockAttributes.d.ts

@@ -7,8 +7,10 @@ declare type ProviderProps = PropsWithChildren<{
     values: Attributes;
     innerBlocks: ContentBlock[];
     onChange?: (attrs: Attributes) => void;
+    insertBlocksAfter?: (block: any) => void;
 }>;
 export declare function InlineEditingContextProvider(props: ProviderProps): JSX.Element;
 export declare function useInlineEditableValue<T>(key: string, defaultValue?: T): [T, (value: T) => void];
+export declare function useBlockAppender(): ((block: any) => void) | undefined;
 export declare function useInnerBlocks(): ContentBlock[];
 export {};

package/blocks/blockAttributes.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInnerBlocks = exports.useInlineEditableValue = exports.InlineEditingContextProvider = void 0;
+exports.useInnerBlocks = exports.useBlockAppender = exports.useInlineEditableValue = exports.InlineEditingContextProvider = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var InlineEditingContext = (0, react_1.createContext)(undefined);
@@ -29,6 +29,7 @@ function InlineEditingContextProvider(props) {
                     props.onChange(__assign(__assign({}, (props.values || {})), (_a = {}, _a[key] = value, _a)));
                 }
             },
+            insertBlocksAfter: props.insertBlocksAfter,
         } }, { children: props.children }), void 0));
 }
 exports.InlineEditingContextProvider = InlineEditingContextProvider;
@@ -43,6 +44,11 @@ function useInlineEditableValue(key, defaultValue) {
     ];
 }
 exports.useInlineEditableValue = useInlineEditableValue;
+function useBlockAppender() {
+    var ctx = (0, react_1.useContext)(InlineEditingContext);
+    return ctx === null || ctx === void 0 ? void 0 : ctx.insertBlocksAfter;
+}
+exports.useBlockAppender = useBlockAppender;
 function useInnerBlocks() {
     var ctx = (0, react_1.useContext)(InlineEditingContext);
     return (ctx === null || ctx === void 0 ? void 0 : ctx.innerBlocks) || [];

package/blocks/inlineEditing.d.ts

@@ -11,14 +11,19 @@ declare type PropTypes<T extends ElementType> = {
     inlineToolbar?: boolean;
     /** Specify default content to use on the frontend if nothing has been entered */
     defaultValue?: string;
+    /** Append a new block when the user hits 'Enter' */
+    appendOnEnter?: boolean;
 } & React.ComponentPropsWithoutRef<T>;
-export declare function EditableText<T extends ElementType>({ id, as, ...props }: PropTypes<T>): JSX.Element | null;
+export declare function EditableText<T extends ElementType>({ id, as, appendOnEnter, ...props }: PropTypes<T>): JSX.Element | null;
+declare type AppenderConfig = {
+    button?: boolean;
+};
 declare type InnerBlocksProps = {
     allowedBlocks?: string[];
     orientation?: "horizontal" | "vertical";
     templateLock?: any;
     template?: any;
-    renderAppender?: any;
+    appender?: AppenderConfig;
 } & ContentBlocksSettings;
 export declare function InnerBlocks(props: InnerBlocksProps): JSX.Element;
 export {};

package/blocks/inlineEditing.js

@@ -26,6 +26,8 @@ exports.InnerBlocks = exports.EditableText = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-ignore
 var block_editor_1 = require("@wordpress/block-editor");
+// @ts-ignore
+var blocks_1 = require("@wordpress/blocks");
 var ContentBlocks_1 = require("./ContentBlocks");
 var react_1 = require("react");
 var blockAttributes_1 = require("./blockAttributes");
@@ -33,10 +35,17 @@ var react_2 = require("@stitches/react");
 var remoteProps_1 = require("../routing/remoteProps");
 var __1 = require("..");
 function EditableText(_a) {
-    var id = _a.id, as = _a.as, props = __rest(_a, ["id", "as"]);
+    var id = _a.id, as = _a.as, appendOnEnter = _a.appendOnEnter, props = __rest(_a, ["id", "as", "appendOnEnter"]);
     if (process.admin) {
         var _b = (0, blockAttributes_1.useInlineEditableValue)(id), value = _b[0], setValue = _b[1];
-        return ((0, jsx_runtime_1.jsx)(block_editor_1.RichText, __assign({}, props, { tagName: as, value: value || "", onChange: setValue, disableLineBreaks: props.disableLineBreaks }), void 0));
+        var appendBlocks_1 = (0, blockAttributes_1.useBlockAppender)();
+        return ((0, jsx_runtime_1.jsx)(block_editor_1.RichText, __assign({}, props, { tagName: as, value: value || "", onChange: setValue, disableLineBreaks: props.disableLineBreaks, onKeyDownCapture: function (e) {
+                if (e.key === "Enter" && appendOnEnter && appendBlocks_1) {
+                    appendBlocks_1([(0, blocks_1.createBlock)("core/paragraph")]);
+                    e.preventDefault();
+                    e.stopPropagation();
+                }
+            } }), void 0));
     }
     else {
         var value = (0, blockAttributes_1.useInlineEditableValue)(id)[0];
@@ -69,8 +78,9 @@ exports.EditableText = EditableText;
 function InnerBlocks(props) {
     if (process.admin) {
         var allowedBlocks = props.allowedBlocks;
-        // console.log("ALLOWED BLOCKS", props.allowTaggedBlocks, allowedBlocks)
-        return ((0, jsx_runtime_1.jsx)(InnerBlocksAdminWrapper, __assign({ orientation: props.orientation || "vertical" }, { children: (0, jsx_runtime_1.jsx)(block_editor_1.InnerBlocks, { orientation: props.orientation, allowedBlocks: allowedBlocks, renderAppender: props.renderAppender, templateLock: props.templateLock, template: props.template }, void 0) }), void 0));
+        return ((0, jsx_runtime_1.jsx)(InnerBlocksAdminWrapper, __assign({ orientation: props.orientation || "vertical" }, { children: (0, jsx_runtime_1.jsx)(block_editor_1.InnerBlocks, { orientation: props.orientation, allowedBlocks: allowedBlocks, 
+                // renderAppender={ButtonBlockAppender}
+                templateLock: props.templateLock, template: props.template }, void 0) }), void 0));
     }
     else {
         var blocks = (0, blockAttributes_1.useInnerBlocks)();

package/blocks/installGutenbergHooks.js

@@ -47,6 +47,11 @@ function installEDGutenbergHooks() {
     if (!window.wp.blockEditor)
         return;
     (0, react_2.globalCss)({
+        ".edit-post-visual-editor__post-title-wrapper": {
+            width: "var(--grid-inner-width)",
+            marginLeft: "auto",
+            marginRight: "auto",
+        },
         ".block-editor-block-list__block:hover": {
             outline: "1px solid #e1e1e1",
         },
@@ -84,10 +89,8 @@ function installEDGutenbergHooks() {
                     // @ts-ignore
                     window.wp.data.dispatch("core/block-editor").setTemplateValidity(true);
                 }, []);
-                console.log("PROPS", props);
-                // console.log(useBlockProps(), useBlockEditContext(), useInnerBlocksProps())
                 var children = (0, data_1.useSelect)(function (select) {
-                    var _a = select('core/block-editor'), getBlock = _a.getBlock, getBlockOrder = _a.getBlockOrder;
+                    var _a = select("core/block-editor"), getBlock = _a.getBlock, getBlockOrder = _a.getBlockOrder;
                     var innerBlockIDs = getBlockOrder(props.clientId);
                     var children = innerBlockIDs.map(function (id) {
                         return getBlock(id);
@@ -96,7 +99,7 @@ function installEDGutenbergHooks() {
                 }, []);
                 return ((0, jsx_runtime_1.jsx)(BlockContext.Provider, __assign({ value: { name: name, props: props } }, { children: (0, jsx_runtime_1.jsx)(blockAttributes_1.InlineEditingContextProvider, __assign({ values: props.attributes.inline || {}, innerBlocks: children, onChange: function (attrs) {
                             props.setAttributes(__assign(__assign({}, props.attributes), { inline: attrs }));
-                        } }, { children: edit_1.call(self, props) }), void 0) }), void 0));
+                        }, insertBlocksAfter: props.insertBlocksAfter }, { children: edit_1.call(self, props) }), void 0) }), void 0));
             };
         }
         // Remember the block type name
@@ -166,8 +169,13 @@ function installEDGutenbergHooks() {
     var parseJSX = acf.parseJSX;
     // @ts-ignore
     acf.parseJSX = function (html) {
-        console.log('HTML', html);
-        var payload = JSON.parse(html.replace(/(^[^>]+>|<[^>]+>$)/g, ""));
+        var payload;
+        try {
+            payload = JSON.parse(html.replace(/(^[^>]+>|<[^>]+>$)/g, ""));
+        }
+        catch (err) {
+            throw new Error("eddev: Error parsing block data from: \n" + html);
+        }
         return (0, jsx_runtime_1.jsx)(BlockRenderer, { payload: payload }, void 0);
     };
 }

package/build/graphql-codegen/graphql-codegen-blocks.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.plugin = void 0;
 function plugin(schema, documents, config) {
-    console.log(documents);
     process.exit();
 }
 exports.plugin = plugin;

package/build/serverless/create-next-app.js

@@ -185,10 +185,6 @@ function createNextApp(opts) {
                     // Write APIs proxy code
                     _b.sent();
                     // Remove pages/api/trpc directory if no _rpc is found
-                    console.log({
-                        index: (0, path_1.join)(opts.baseDirectory, "apis/_rpc/index.ts"),
-                        rpc: (0, path_1.join)(opts.baseDirectory, "apis/_rpc.ts"),
-                    });
                     if (!(0, fs_1.existsSync)((0, path_1.join)(opts.baseDirectory, "apis/_rpc/index.ts")) &&
                         !(0, fs_1.existsSync)((0, path_1.join)(opts.baseDirectory, "apis/_rpc.ts"))) {
                         // removeSync(join(serverlessDirectory, "pages/api/trpc"))

package/build/workers/codegen-worker-script.js

@@ -181,7 +181,9 @@ function beginWork(opts) {
                             if (!endpoint) {
                                 sendSignal({
                                     code: "error",
-                                    errors: ["Could not find DEBUG_GRAPHQL_URL value in .env"],
+                                    errors: [
+                                        "Could not find DEBUG_GRAPHQL_URL value in .env. This will be automatically populated once you visit WP Admin first the first time!",
+                                    ],
                                 });
                                 regenerating = false;
                                 return [2 /*return*/];

package/hooks/useAppData.js

@@ -22,6 +22,10 @@ function useAppData(selector) {
             return selector(value);
         return value;
     }
+    else if (process.admin) {
+        // @ts-ignore
+        return selector ? selector(__ED_APP_DATA.data) : __ED_APP_DATA.data;
+    }
     else {
         return useAppDataStore(function (store) {
             if (selector)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.2.2-beta.1",
+  "version": "0.2.2-beta.5",
   "main": "./index.js",
   "license": "MIT",
   "bin": {

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

@@ -1,4 +1,5 @@
 import { Agent } from "https"
+import { fetch } from "cross-fetch"
 
 // Used to allow self-signed certificates
 const agent = new Agent({

package/serverless-template/pages/_app.tsx

@@ -26,7 +26,9 @@ function Root({ Component, pageProps }: AppProps) {
 
   if (!appData) return <div />
 
-  console.log(`Could not load view named "${pageProps.view}"`)
+  if (!View) {
+    console.log(`Could not load view named "${pageProps.view}"`)
+  }
 
   return (
     <ServerlessAppDataProvider value={appData}>