🚧 모노레포로 변경하기전 커밋

에디터 로직과 유저의 사이트를 배포해주는 use-template로직을 분리된 프로젝트로 구성하기 위한 작업임.
현재는 단일 프로젝트 구조지만 모노레포로 변경할 예정

Author: y-minion

src/core/editor/components/heading.tsx …c/packages/editor/components/heading.tsxsrc/core/editor/components/heading.tsx renamed to src/packages/editor/components/heading.tsx src/core/editor/components/heading.tsx renamed to src/packages/editor/components/heading.tsx

@@ -1,4 +1,4 @@
-import { NodeComponentProps } from "@editor/types/component";
+import { NodeComponentProps } from "@/packages/editor/types/component";
 import { HeadingNode } from "../types/nodes";
 import applyStyles from "../nodeRenerder/applyStyles";
 

src/packages/editor/components/hero.tsx

@@ -0,0 +1,33 @@
+import { useBuilderMode } from "@/providers/builderProvider";
+import applyStyles from "../nodeRenerder/applyStyles";
+import { NodeComponentProps } from "../types/component";
+import { HeroNode } from "../types/nodes";
+
+export default function HeroComponent({
+  node,
+  props,
+  style,
+}: NodeComponentProps<HeroNode>) {
+  const { mode } = useBuilderMode(); //현재 모드 확인
+  const { heading, subHeading, button, backgroundImage } = props;
+  const inlineStyles = applyStyles(style);
+  const bgImageUrl = backgroundImage ? backgroundImage : null;
+
+  const handleLinkClick = (e: React.MouseEvent) => {
+    if (mode === "editor") e.preventDefault();
+  };
+
+  return (
+    <div>
+      <h1>{heading}</h1>
+      {subHeading && <p>{subHeading}</p>}
+      {button && (
+        <a
+          href={button && button.link}
+          style={inlineStyles}
+          onClick={handleLinkClick}
+        ></a>
+      )}
+    </div>
+  );
+}

src/core/editor/components/image.tsx src/packages/editor/components/image.tsxsrc/core/editor/components/image.tsx renamed to src/packages/editor/components/image.tsx

@@ -1,4 +1,4 @@
-import * as componentProps from "@/core/editor/types/componentProps";
+import * as componentProps from "@/packages/editor/types/componentProps";
 import { NodeStyle } from "./styles";
 
 //노드의 타입별로 Props의 Json구조가 달라진다. 이를 추론하기 위해 기본 노드 타입인 BaseNode를 상속받아

…/core/editor/nodeRenerder/applyStyles.ts …kages/editor/nodeRenerder/applyStyles.tssrc/core/editor/nodeRenerder/applyStyles.ts renamed to src/packages/editor/nodeRenerder/applyStyles.ts src/core/editor/nodeRenerder/applyStyles.ts renamed to src/packages/editor/nodeRenerder/applyStyles.ts

@@ -0,0 +1,11 @@
+{
+  "name": "@repo/ui",
+  "version": "0.0.0",
+  "exports": {
+    "./renderer": "./src/renderer/NodeRenderer.tsx"
+  },
+  "dependencies": {
+    "react": "19.1.0",
+    "next": "15.5.6"
+  }
+}