12 |
21 | );
22 | };
23 |
--------------------------------------------------------------------------------
/examples/landing/seo/sitemap.xml:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 |
15 |
16 |
17 |
18 | 
19 |
20 |
15 |
20 | {name}
21 |
22 |
23 | );
24 | };
25 |
--------------------------------------------------------------------------------
/packages/core/src/events/isEventBlockedByDescendant.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Check if a specified event is blocked by a child
3 | * that's a descendant of the specified element
4 | */
5 | export const isEventBlockedByDescendant = (e, eventName, el) => {
6 | // TODO: Update TS to use optional chaining
7 | const blockingElements = (e.craft && e.craft.blockedEvents[eventName]) || [];
8 |
9 | for (let i = 0; i < blockingElements.length; i++) {
10 | const blockingElement = blockingElements[i];
11 |
12 | if (el !== blockingElement && el.contains(blockingElement)) {
13 | return true;
14 | }
15 | }
16 |
17 | return false;
18 | };
19 |
--------------------------------------------------------------------------------
/examples/landing/public/icons/layers.svg:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.base.json",
3 | "compilerOptions": {
4 | "baseUrl": ".",
5 | "allowSyntheticDefaultImports": true,
6 | "allowJs": true,
7 | "esModuleInterop": true,
8 | "paths": {
9 | "@craftjs/core": ["packages/core/src/index"],
10 | "@craftjs/*": ["packages/core/src/*"],
11 | "@craftjs/layers": ["packages/layers/src/index"],
12 | "@craftjs/utils": ["packages/utils/src/index"],
13 | "@craftjs/utils/*": ["packages/utils/src/*"],
14 | "@craftjs/slate": ["packages/slate/src/*"],
15 | "@craftjs/slate/*": ["packages/slate/src/*"]
16 | }
17 | },
18 | "exclude": ["**/node_modules/**"]
19 | }
20 |
--------------------------------------------------------------------------------
/cypress/support/commands.ts:
--------------------------------------------------------------------------------
1 | import './dnd';
2 |
3 | declare global {
4 | // eslint-disable-next-line @typescript-eslint/no-namespace
5 | namespace Cypress {
6 | interface Chainable {
7 | getByTestId(
8 | selector: string,
9 | ...additionalArguments: any[]
10 | ): Chainable
26 |
29 |
30 | // The NodeTree of the div is:
31 | {
32 | rootNodeId: "node-a",
33 | nodes: {
34 | "node-a" : {
35 | data: {
36 | type: "div",
37 | nodes: ["node-b", "node-c"]
38 | }
39 | },
40 | "node-b" : {
41 | data: {
42 | type: "h2",
43 | props: { children: "Hello" }
44 | }
45 | },
46 | "node-c" : {
47 | data: {
48 | type: "h2",
49 | props: { children: "World" }
50 | }
51 | }
52 | }
53 | }
54 | ```
--------------------------------------------------------------------------------
/site/versioned_docs/version-0.1.0-beta.17/api/NodeTree.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: nodetree
3 | title: NodeTree
4 | sidebar_label: NodeTree
5 | ---
6 |
7 | import {API, Badge} from "@site/src/components";
8 |
9 | Hello
27 |World
28 |
26 |
29 |
30 | // The NodeTree of the div is:
31 | {
32 | rootNodeId: "node-a",
33 | nodes: {
34 | "node-a" : {
35 | data: {
36 | type: "div",
37 | nodes: ["node-b", "node-c"]
38 | }
39 | },
40 | "node-b" : {
41 | data: {
42 | type: "h2",
43 | props: { children: "Hello" }
44 | }
45 | },
46 | "node-c" : {
47 | data: {
48 | type: "h2",
49 | props: { children: "World" }
50 | }
51 | }
52 | }
53 | }
54 | ```
--------------------------------------------------------------------------------
/packages/core/src/utils/mergeTrees.tsx:
--------------------------------------------------------------------------------
1 | import { Node, NodeTree } from '../interfaces';
2 |
3 | const mergeNodes = (rootNode: Node, childrenNodes: NodeTree[]) => {
4 | if (childrenNodes.length < 1) {
5 | return { [rootNode.id]: rootNode };
6 | }
7 | const nodes = childrenNodes.map(({ rootNodeId }) => rootNodeId);
8 | const nodeWithChildren = { ...rootNode, data: { ...rootNode.data, nodes } };
9 | const rootNodes = { [rootNode.id]: nodeWithChildren };
10 | return childrenNodes.reduce((accum, tree) => {
11 | const currentNode = tree.nodes[tree.rootNodeId];
12 | return {
13 | ...accum,
14 | ...tree.nodes,
15 | // set the parent id for the current node
16 | [currentNode.id]: {
17 | ...currentNode,
18 | data: {
19 | ...currentNode.data,
20 | parent: rootNode.id,
21 | },
22 | },
23 | };
24 | }, rootNodes);
25 | };
26 |
27 | export const mergeTrees = (
28 | rootNode: Node,
29 | childrenNodes: NodeTree[]
30 | ): NodeTree => ({
31 | rootNodeId: rootNode.id,
32 | nodes: mergeNodes(rootNode, childrenNodes),
33 | });
34 |
--------------------------------------------------------------------------------
/examples/basic/pages/_app.js:
--------------------------------------------------------------------------------
1 | import CssBaseline from '@material-ui/core/CssBaseline';
2 | import { ThemeProvider } from '@material-ui/core/styles';
3 | import App from 'next/app';
4 | import Head from 'next/head';
5 | import React from 'react';
6 |
7 | import theme from '../src/theme';
8 |
9 | import '../styles/main.css';
10 |
11 | export default class MyApp extends App {
12 | componentDidMount() {
13 | // Remove the server-side injected CSS.
14 | const jssStyles = document.querySelector('#jss-server-side');
15 | if (jssStyles) {
16 | jssStyles.parentElement.removeChild(jssStyles);
17 | }
18 | }
19 |
20 | render() {
21 | const { Component, pageProps } = this.props;
22 |
23 | return (
24 |