eddev 2.0.0-beta.251 → 2.0.0-beta.252
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.
- package/dist/app/entry/MetaTags.d.ts.map +1 -1
- package/dist/app/entry/MetaTags.js +2 -0
- package/dist/app/lib/blocks/InnerBlocks.js +1 -1
- package/dist/app/lib/blocks/SlotBlocks.d.ts.map +1 -1
- package/dist/app/lib/blocks/SlotBlocks.js +3 -2
- package/dist/app/lib/blocks/block-utils.d.ts.map +1 -1
- package/dist/app/lib/blocks/block-utils.js +1 -16
- package/dist/app/lib/blocks/editor/EditorSupport.d.ts +4 -0
- package/dist/app/lib/blocks/editor/EditorSupport.d.ts.map +1 -1
- package/dist/app/lib/blocks/editor/EditorSupport.js +13 -19
- package/dist/app/lib/blocks/editor/editor-config.d.ts +1 -2
- package/dist/app/lib/blocks/editor/editor-config.d.ts.map +1 -1
- package/dist/app/lib/blocks/editor/installGutenbergHooks.d.ts.map +1 -1
- package/dist/app/lib/blocks/editor/installGutenbergHooks.js +31 -57
- package/dist/app/lib/blocks/index.js +0 -1
- package/dist/app/lib/blocks/inline-editing.d.ts +1 -6
- package/dist/app/lib/blocks/inline-editing.d.ts.map +1 -1
- package/dist/app/lib/blocks/inline-editing.js +1 -6
- package/dist/app/lib/devtools/hooks/useTailwind.d.ts +272 -1316
- package/dist/app/lib/devtools/hooks/useTailwind.d.ts.map +1 -1
- package/dist/app/lib/devtools/useQueryDebug.d.ts +1 -1
- package/dist/app/lib/legacy-stitches/createStitches.d.ts.map +1 -1
- package/dist/app/lib/routing/components/Link.d.ts.map +1 -1
- package/dist/app/server/render-ssr-page.d.ts +1 -1
- package/dist/app/server/render-ssr-page.d.ts.map +1 -1
- package/dist/app/server/rpc.d.ts +15 -7
- package/dist/app/server/rpc.d.ts.map +1 -1
- package/dist/app/server/utils/replace-host.d.ts.map +1 -1
- package/dist/node/cli/display/hooks/useStatefulLog.d.ts.map +1 -1
- package/dist/node/utils/fs.d.ts +1 -1
- package/dist/node/utils/fs.d.ts.map +1 -1
- package/dist/node/utils/helpers.d.ts.map +1 -1
- package/dist/node/utils/report-builder.d.ts +6 -6
- package/package.json +1 -1
- package/dist/app/lib/blocks/BlockPropMutator.d.ts +0 -33
- package/dist/app/lib/blocks/BlockPropMutator.d.ts.map +0 -1
- package/dist/app/lib/blocks/BlockPropMutator.js +0 -20
- package/dist/app/lib/blocks/editor/EditingContext.d.ts +0 -2
- package/dist/app/lib/blocks/editor/EditingContext.d.ts.map +0 -1
- package/dist/app/lib/blocks/editor/EditingContext.js +0 -31
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetaTags.d.ts","sourceRoot":"","sources":["../../../src/app/entry/MetaTags.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,YAAY,EAAE,CAAA;CACrB,CAAA;
|
|
1
|
+
{"version":3,"file":"MetaTags.d.ts","sourceRoot":"","sources":["../../../src/app/entry/MetaTags.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,YAAY,EAAE,CAAA;CACrB,CAAA;AAmBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,2CAqBpC"}
|
|
@@ -4,6 +4,8 @@ const REACT_ATTRIBUTES = {
|
|
|
4
4
|
class: "className",
|
|
5
5
|
"http-equiv": "httpEquiv",
|
|
6
6
|
"accept-charset": "acceptCharset",
|
|
7
|
+
hreflang: "hrefLang",
|
|
8
|
+
crossorigin: "crossOrigin",
|
|
7
9
|
};
|
|
8
10
|
function toReactAttributes(attributes) {
|
|
9
11
|
return Object.fromEntries(Object.entries(attributes).map(([key, value]) => {
|
|
@@ -91,7 +91,7 @@ export function InnerBlocks(props) {
|
|
|
91
91
|
wp.data.dispatch(wp.blockEditor.store).replaceInnerBlocks(blockId, newBlocks);
|
|
92
92
|
}
|
|
93
93
|
}, [
|
|
94
|
-
hash(inlineContext?.innerBlocks.
|
|
94
|
+
hash(inlineContext?.innerBlocks.map((b) => [b.blockName, b.clientId])),
|
|
95
95
|
hash([props.template, props.defaultBlocks, props.headerTemplate, props.footerTemplate]),
|
|
96
96
|
blockId,
|
|
97
97
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlotBlocks.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/SlotBlocks.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,gBAAgB,CAAA;AAEpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"SlotBlocks.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/SlotBlocks.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,gBAAgB,CAAA;AAEpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,kDA+C1C"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { hash } from "object-code";
|
|
3
3
|
import { useEffect } from "react";
|
|
4
4
|
import { ContentBlocks } from "./ContentBlocks";
|
|
5
|
-
import {
|
|
5
|
+
import { useBlockContext, useInnerBlocks } from "./inline-editing";
|
|
6
6
|
export function SlotBlocks(props) {
|
|
7
7
|
if (env.admin) {
|
|
8
8
|
const clientId = useBlockContext()?.block[1].clientId;
|
|
@@ -26,12 +26,13 @@ export function SlotBlocks(props) {
|
|
|
26
26
|
else {
|
|
27
27
|
return;
|
|
28
28
|
}
|
|
29
|
+
console.log("Changed");
|
|
29
30
|
if (changed) {
|
|
30
31
|
wp.data.dispatch("core/block-editor").replaceInnerBlocks(clientId, blocks);
|
|
31
32
|
}
|
|
32
33
|
}, [block?.clientId, hash(props)]);
|
|
33
34
|
if (block) {
|
|
34
|
-
return
|
|
35
|
+
return _jsx(wp.blockEditor.BlockEdit, { ...block });
|
|
35
36
|
}
|
|
36
37
|
else {
|
|
37
38
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"block-utils.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/block-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD;;;GAGG;AACH,wBAAgB,kBAAkB;;EAEjC;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"block-utils.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/block-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD;;;GAGG;AACH,wBAAgB,kBAAkB;;EAEjC;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,EAAE,CAc1F;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM;;;;;;;;EAYjD"}
|
|
@@ -18,28 +18,13 @@ export function addBlockMetadata(blocks) {
|
|
|
18
18
|
for (let block of out) {
|
|
19
19
|
if (!block)
|
|
20
20
|
continue;
|
|
21
|
-
const info = infos[block.blockName
|
|
21
|
+
const info = infos[block.blockName];
|
|
22
22
|
block.tags = info?.tags ?? [];
|
|
23
23
|
block.flags = info?.flags ?? {};
|
|
24
24
|
block.slug = (info?.slug ?? block.blockName);
|
|
25
25
|
if (block.innerBlocks && block.innerBlocks.length) {
|
|
26
26
|
addBlockMetadata(block.innerBlocks);
|
|
27
27
|
}
|
|
28
|
-
if (env.admin) {
|
|
29
|
-
if (!Object.hasOwn(block, "props")) {
|
|
30
|
-
Object.defineProperty(block, "props", {
|
|
31
|
-
// @ts-ignore
|
|
32
|
-
get: () => block.attributes?.props || {},
|
|
33
|
-
set: (value) => {
|
|
34
|
-
// @ts-ignore
|
|
35
|
-
if (!block.attributes)
|
|
36
|
-
block.attributes = {};
|
|
37
|
-
// @ts-ignore
|
|
38
|
-
block.attributes.props = value;
|
|
39
|
-
},
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
28
|
}
|
|
44
29
|
return out;
|
|
45
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorSupport.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/EditorSupport.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EditorSupport.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/EditorSupport.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;UAAyB,MAAM;WAAS,GAAG;cAA0B,CAAA;AAE9F,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,kDA+B7C"}
|
|
@@ -1,32 +1,26 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Suspense,
|
|
2
|
+
import { createContext, Suspense, useContext, useEffect } from "react";
|
|
3
3
|
import { blockManifestReader } from "../../internal/read-block-manifest.js";
|
|
4
4
|
import { APIProvider } from "../../../utils/APIProvider.js";
|
|
5
|
-
import { useBlockMutation } from "../BlockPropMutator.js";
|
|
6
|
-
import { useBlockContext } from "../inline-editing.js";
|
|
7
5
|
import { ErrorBoundaryEditor } from "./ErrorBoundaryEditor.js";
|
|
8
|
-
|
|
6
|
+
export const BlockContext = createContext(undefined);
|
|
9
7
|
export function EditableBlock({ payload }) {
|
|
10
8
|
if (!env.admin)
|
|
11
9
|
throw new Error("`EditableBlock` can only be used in the admin environment");
|
|
12
|
-
const info =
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
if (
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
block.props = props;
|
|
21
|
-
if (mutation.mutate) {
|
|
22
|
-
mutation.mutate(block);
|
|
10
|
+
const info = useContext(BlockContext);
|
|
11
|
+
const props = payload ?? {};
|
|
12
|
+
props.blockStyle = info?.props?.attributes?.className?.replace("is-style-", "");
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const block = wp.data.select("core/block-editor").getBlock(info?.props.clientId);
|
|
15
|
+
if (block && block.attributes) {
|
|
16
|
+
// @ts-ignore
|
|
17
|
+
block.attributes.props = payload;
|
|
23
18
|
}
|
|
24
|
-
|
|
25
|
-
}, [block, payload, mutation.mutate]);
|
|
19
|
+
}, [payload, info?.props.clientId]);
|
|
26
20
|
if (!info)
|
|
27
21
|
return null;
|
|
28
|
-
const BlockComponent = blockManifestReader.value[info.
|
|
22
|
+
const BlockComponent = blockManifestReader.value[info.name];
|
|
29
23
|
if (!BlockComponent)
|
|
30
24
|
return _jsx("div", { children: "Unable to load block component" });
|
|
31
|
-
return (_jsx(ErrorBoundaryEditor, { children: _jsx(APIProvider, { children: _jsx(Suspense, { children: _jsx(BlockComponent, { ...
|
|
25
|
+
return (_jsx(ErrorBoundaryEditor, { children: _jsx(APIProvider, { children: _jsx(Suspense, { children: _jsx(BlockComponent, { ...payload }) }) }) }));
|
|
32
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor-config.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/editor-config.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAId,MAAM,sBAAsB,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;QAGI;IACJ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;QAQI;IACJ,UAAU,CAAC,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAAC,EAAE,CAAA;IAClD,4FAA4F;IAC5F,sBAAsB,CAAC,EAAE,0BAA0B,CAAA;IACnD,4EAA4E;IAC5E,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,2DAA2D;IAC3D,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,8DAA8D;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,aAAa,CAAA;CACzB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IACnC,UAAU,EAAE,GAAG,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"editor-config.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/editor-config.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAId,MAAM,sBAAsB,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;QAGI;IACJ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;QAQI;IACJ,UAAU,CAAC,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAAC,EAAE,CAAA;IAClD,4FAA4F;IAC5F,sBAAsB,CAAC,EAAE,0BAA0B,CAAA;IACnD,4EAA4E;IAC5E,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,2DAA2D;IAC3D,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,8DAA8D;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,aAAa,CAAA;CACzB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IACnC,UAAU,EAAE,GAAG,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,CAAC,MAAM,gBAAgB,CAAC,EAAE,CAAA;IACjC,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,IAAI,CAAA;AAE9F,eAAO,MAAM,iBAAiB;YACZ,YAAY,GAAG,IAAI;yBACR,gBAAgB;CAC3C,CAAA;AAEF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,gBAAgB,QA+B7D;AAED,KAAK,QAAQ,GACT;IACE,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,EAAE,KAAK,CAAA;IAChB,cAAc,EAAE,KAAK,CAAA;IACrB,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAA;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,GACD;IACE,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,IAAI,CAAA;IACf,cAAc,EAAE,KAAK,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,GACD;IACE,IAAI,EAAE,kBAAkB,CAAA;IACxB,SAAS,EAAE,KAAK,CAAA;IAChB,cAAc,EAAE,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC/B,CAAA;AAEL,KAAK,eAAe,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,GAAG,IAAI,CAAA;AAEzD,KAAK,OAAO,GAAG;IACb,mHAAmH;IACnH,KAAK,EAAE,eAAe,CAAA;IACtB,0EAA0E;IAC1E,MAAM,EAAE,gBAAgB,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,gBAAgB,CAAC,CAAA;CAClE,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,kBAAkB,EAAE,CAAA;IAC1B,EAAE,EAAE,kBAAkB,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAA;IACV,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb;;;QAGI;IACJ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;QAGI;IACJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAID,KAAK,YAAY,GAAG;IAClB,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAC9C,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,QAKtD;AAED,wBAAgB,kBAAkB,IAiBb,QAAQ,CAC5B;AAED,wBAAgB,oBAAoB,SAmBnC;AAED,wBAAgB,mBAAmB,SAmBlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"installGutenbergHooks.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/installGutenbergHooks.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,oBAAoB;;CAAgC,CAAA;AAEjE,wBAAgB,iBAAiB,kBAsBhC;AAED,wBAAgB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"installGutenbergHooks.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/installGutenbergHooks.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,oBAAoB;;CAAgC,CAAA;AAEjE,wBAAgB,iBAAiB,kBAsBhC;AAED,wBAAgB,uBAAuB,SA4OtC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect } from "react";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
3
|
import { subscribe, useSnapshot } from "valtio";
|
|
4
4
|
import { proxyMap } from "valtio/utils";
|
|
5
|
-
import {
|
|
5
|
+
import { getBlockMetadata } from "../block-utils.js";
|
|
6
6
|
import { registerBuiltinBlocks } from "../builtin-blocks.js";
|
|
7
7
|
import { InlineEditingContextProvider } from "../inline-editing.js";
|
|
8
8
|
import { EditorHighlights } from "./EditorHighlights.js";
|
|
9
|
-
import { EditableBlock } from "./EditorSupport.js";
|
|
9
|
+
import { BlockContext, EditableBlock } from "./EditorSupport.js";
|
|
10
10
|
import { resolveAcfBlockName } from "./block-templates.js";
|
|
11
11
|
import { blocksByTag } from "./blocks-by-tag.js";
|
|
12
12
|
import { editorConfigStore, getEditingPostInfo, watchEditorTemplate } from "./editor-config.js";
|
|
@@ -58,64 +58,11 @@ export function installEDGutenbergHooks() {
|
|
|
58
58
|
const generateClass = useSnapshot(editorConfigStore).currentBlocksConfig?.generateBlockClassName;
|
|
59
59
|
Object.assign(props, getBlockMetadata(props.name));
|
|
60
60
|
props.isRootBlock = !props.rootClientId;
|
|
61
|
-
props.getParent = () => props.rootClientId ? wp.data.select("core/block-editor").getBlock(props.rootClientId) : null;
|
|
62
61
|
let className = generateClass ? generateClass(props, getEditingPostInfo()) : "";
|
|
63
62
|
return _jsx(BlockListBlock, { ...props, className: className });
|
|
64
63
|
};
|
|
65
64
|
}, "withClientIdClassName");
|
|
66
65
|
wp.hooks.addFilter("editor.BlockListBlock", "ed", withClientIdClassName);
|
|
67
|
-
const withBlockContext = wp.compose.createHigherOrderComponent((BlockEdit) => {
|
|
68
|
-
return (props) => {
|
|
69
|
-
function getChildren() {
|
|
70
|
-
const { getBlock, getBlockOrder, getBlockIndex, getBlockRootClientId } = wp.data.select("core/block-editor");
|
|
71
|
-
const block = getBlock(props.clientId);
|
|
72
|
-
const rootClientId = getBlockRootClientId(props.clientId);
|
|
73
|
-
const index = getBlockIndex(props.clientId, rootClientId || undefined);
|
|
74
|
-
const innerBlockIDs = getBlockOrder(props.clientId);
|
|
75
|
-
if (block) {
|
|
76
|
-
addBlockMetadata([block]);
|
|
77
|
-
}
|
|
78
|
-
const children = innerBlockIDs.map((id) => {
|
|
79
|
-
return getBlock(id);
|
|
80
|
-
});
|
|
81
|
-
addBlockMetadata(children);
|
|
82
|
-
return {
|
|
83
|
-
block,
|
|
84
|
-
children,
|
|
85
|
-
index,
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
const { block, children, index } = getChildren();
|
|
89
|
-
// const block = wp.data.useSelect(
|
|
90
|
-
// (select) => {
|
|
91
|
-
// // @ts-ignore
|
|
92
|
-
// return select("block-editor").getBlock(props.clientId)
|
|
93
|
-
// },
|
|
94
|
-
// [props.clientId],
|
|
95
|
-
// )
|
|
96
|
-
// const [index, setIndex] = useState(getIndex)
|
|
97
|
-
// const [children, setChildren] = useState<any[]>(getChildren)
|
|
98
|
-
// useEffect(() => {
|
|
99
|
-
// return wp.data.subscribe(() => {
|
|
100
|
-
// setIndex(getIndex())
|
|
101
|
-
// const children = getChildren()
|
|
102
|
-
// setChildren((current) =>
|
|
103
|
-
// current.length === children.length
|
|
104
|
-
// ? current.every((item, i) => item === children[i])
|
|
105
|
-
// ? current
|
|
106
|
-
// : children
|
|
107
|
-
// : children,
|
|
108
|
-
// )
|
|
109
|
-
// }, [])
|
|
110
|
-
// }, [props.clientId, props.attributes])
|
|
111
|
-
if (!block)
|
|
112
|
-
return null;
|
|
113
|
-
return (_jsx(InlineEditingContextProvider, { values: props.attributes.inline || {}, innerBlocks: children, block: [props.name, props], editorBlock: block, index: index ?? -1, onChange: (attrs) => {
|
|
114
|
-
props.setAttributes({ ...props.attributes, inline: attrs });
|
|
115
|
-
}, insertBlocksAfter: props.insertBlocksAfter, clientId: props.clientId, children: _jsx(BlockEdit, { ...props }, "edit") }));
|
|
116
|
-
};
|
|
117
|
-
}, "withMyPluginControls");
|
|
118
|
-
wp.hooks.addFilter("editor.BlockEdit", "ed", withBlockContext);
|
|
119
66
|
// if (wp.blocks) {
|
|
120
67
|
// }
|
|
121
68
|
// Manage custom rich text formats
|
|
@@ -195,7 +142,34 @@ export function installEDGutenbergHooks() {
|
|
|
195
142
|
;
|
|
196
143
|
wp.data.dispatch("core/block-editor").setTemplateValidity(true);
|
|
197
144
|
}, []);
|
|
198
|
-
|
|
145
|
+
function getIndex() {
|
|
146
|
+
const { getBlockIndex } = wp.data.select("core/block-editor");
|
|
147
|
+
return getBlockIndex(props.clientId);
|
|
148
|
+
}
|
|
149
|
+
function getChildren() {
|
|
150
|
+
const { getBlock, getBlockOrder } = wp.data.select("core/block-editor");
|
|
151
|
+
const innerBlockIDs = getBlockOrder(props.clientId);
|
|
152
|
+
const children = innerBlockIDs.map((id) => {
|
|
153
|
+
return getBlock(id);
|
|
154
|
+
});
|
|
155
|
+
return children;
|
|
156
|
+
}
|
|
157
|
+
const [index, setIndex] = useState(getIndex);
|
|
158
|
+
const [children, setChildren] = useState(getChildren);
|
|
159
|
+
useEffect(() => {
|
|
160
|
+
return wp.data.subscribe(() => {
|
|
161
|
+
setIndex(getIndex());
|
|
162
|
+
const children = getChildren();
|
|
163
|
+
setChildren((current) => current.length === children.length
|
|
164
|
+
? current.every((item, i) => item === children[i])
|
|
165
|
+
? current
|
|
166
|
+
: children
|
|
167
|
+
: children);
|
|
168
|
+
}, []);
|
|
169
|
+
}, [props.clientId, props.attributes]);
|
|
170
|
+
return (_jsx(BlockContext.Provider, { value: { name, props }, children: _jsx(InlineEditingContextProvider, { values: props.attributes.inline || {}, innerBlocks: children, block: [name, props], index: index ?? -1, onChange: (attrs) => {
|
|
171
|
+
props.setAttributes({ ...props.attributes, inline: attrs });
|
|
172
|
+
}, insertBlocksAfter: props.insertBlocksAfter, children: _jsx(EditorHighlights, { enabled: true, clientId: props.clientId, children: edit.call(self, props) }) }) }));
|
|
199
173
|
};
|
|
200
174
|
}
|
|
201
175
|
// Find PHP-defined 'tags' for core blocks.
|
|
@@ -9,4 +9,3 @@ export * from "./editor/usePostEditor.js";
|
|
|
9
9
|
export { useBlockContext, useInlineEditableValue, useInnerBlocks, useTemplate, useBlockSelection, } from "./inline-editing.js";
|
|
10
10
|
export * from "./InnerBlocks.js";
|
|
11
11
|
export * from "./SlotBlocks.js";
|
|
12
|
-
// export { BlockPropMutator } from "./BlockPropMutator.js"
|
|
@@ -9,32 +9,27 @@ export type BlockInstance = {
|
|
|
9
9
|
isValid: boolean;
|
|
10
10
|
name: string;
|
|
11
11
|
originalContent?: string | undefined;
|
|
12
|
-
props?: any;
|
|
13
12
|
};
|
|
14
13
|
type InlineEditingContext = {
|
|
15
14
|
values: Attributes;
|
|
16
15
|
innerBlocks: ContentBlock[];
|
|
17
16
|
parents: [string, Attributes][];
|
|
18
17
|
block: [string, Attributes];
|
|
19
|
-
editorBlock?: BlockInstance;
|
|
20
18
|
index: number;
|
|
21
19
|
setValue(key: string, value: any): any;
|
|
22
20
|
getValue(key: string): any;
|
|
23
21
|
insertBlocksAfter?: (block: any) => void;
|
|
24
22
|
readonly?: boolean;
|
|
25
|
-
clientId?: string;
|
|
26
23
|
};
|
|
27
|
-
|
|
24
|
+
declare const InlineEditingContext: import("react").Context<InlineEditingContext | undefined>;
|
|
28
25
|
type ProviderProps = PropsWithChildren<{
|
|
29
26
|
values: Attributes;
|
|
30
27
|
innerBlocks: ContentBlock[];
|
|
31
28
|
block: [string, Attributes];
|
|
32
|
-
editorBlock?: BlockInstance;
|
|
33
29
|
index: number;
|
|
34
30
|
onChange?: (attrs: Attributes) => void;
|
|
35
31
|
insertBlocksAfter?: (block: any) => void;
|
|
36
32
|
readonly?: boolean;
|
|
37
|
-
clientId?: string;
|
|
38
33
|
}>;
|
|
39
34
|
export declare function InlineEditingContextProvider(props: ProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
40
35
|
export declare function ReadonlyInlineEditingProvider(props: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-editing.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/inline-editing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAK7E,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAErC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAA;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,GAAG,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"inline-editing.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/inline-editing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAK7E,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAErC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAA;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,GAAG,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACrC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,YAAY,EAAE,CAAA;IAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAA;IAC/B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,CAAA;IACtC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAC1B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,oBAAoB,2DAA6D,CAAA;AAEvF,KAAK,aAAa,GAAG,iBAAiB,CAAC;IACrC,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,YAAY,EAAE,CAAA;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,aAAa,2CAmChE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,2CAazE;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAQ5F;AAED;;;IAGI;AACJ,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAexG;AAED,wBAAgB,gBAAgB,aA3GF,GAAG,KAAK,IAAI,cA8GzC;AAED,wBAAgB,cAAc,IAAI,YAAY,EAAE,CAG/C;AAED,wBAAgB,eAAe,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAGxD;AAED,wBAAgB,eAAe,qCAE9B;AAED,wBAAgB,iBAAiB,QAOhC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,SAAS,CAa7C"}
|
|
@@ -3,7 +3,7 @@ import { createContext, useContext, useMemo } from "react";
|
|
|
3
3
|
import { usePostEditor } from "./editor/usePostEditor.js";
|
|
4
4
|
import { useRoute } from "../routing/index.js";
|
|
5
5
|
import { addBlockMetadata } from "./block-utils.js";
|
|
6
|
-
|
|
6
|
+
const InlineEditingContext = createContext(undefined);
|
|
7
7
|
export function InlineEditingContextProvider(props) {
|
|
8
8
|
const parentContext = useContext(InlineEditingContext);
|
|
9
9
|
useMemo(() => {
|
|
@@ -14,7 +14,6 @@ export function InlineEditingContextProvider(props) {
|
|
|
14
14
|
innerBlocks: props.innerBlocks,
|
|
15
15
|
block: props.block,
|
|
16
16
|
index: props.index,
|
|
17
|
-
clientId: props.clientId,
|
|
18
17
|
parents: [...(parentContext?.block ? [parentContext?.block] : []), ...(parentContext?.parents || [])].filter(Boolean),
|
|
19
18
|
getValue(key) {
|
|
20
19
|
return props.values?.[key];
|
|
@@ -29,7 +28,6 @@ export function InlineEditingContextProvider(props) {
|
|
|
29
28
|
},
|
|
30
29
|
insertBlocksAfter: props.insertBlocksAfter,
|
|
31
30
|
readonly: props.readonly || parentContext?.readonly,
|
|
32
|
-
editorBlock: props.editorBlock,
|
|
33
31
|
}, children: props.children }));
|
|
34
32
|
}
|
|
35
33
|
export function ReadonlyInlineEditingProvider(props) {
|
|
@@ -83,9 +81,6 @@ export function useBlockAppender() {
|
|
|
83
81
|
}
|
|
84
82
|
export function useInnerBlocks() {
|
|
85
83
|
const ctx = useContext(InlineEditingContext);
|
|
86
|
-
if (env.admin && ctx?.innerBlocks) {
|
|
87
|
-
addBlockMetadata(ctx?.innerBlocks);
|
|
88
|
-
}
|
|
89
84
|
return ctx?.innerBlocks || [];
|
|
90
85
|
}
|
|
91
86
|
export function useBlockParents() {
|