@yeonpm/docs-template 0.3.4 → 0.4.0
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/cjs/components/CommonizeDrawer.js +1 -1
- package/dist/cjs/components/CommonizeDrawer.js.map +1 -1
- package/dist/cjs/guide/DocsGuide.js +1 -1
- package/dist/cjs/guide/DocsGuide.js.map +1 -1
- package/dist/cjs/shell/CommonizeHeader.js +1 -1
- package/dist/cjs/shell/CommonizeHeader.js.map +1 -1
- package/dist/cjs/shell/CommonizeShell.js +1 -1
- package/dist/cjs/shell/CommonizeShell.js.map +1 -1
- package/dist/cjs/shell/CommonizeSideNav.js +1 -1
- package/dist/cjs/shell/CommonizeSideNav.js.map +1 -1
- package/dist/esm/components/CommonizeDrawer.js +1 -1
- package/dist/esm/components/CommonizeDrawer.js.map +1 -1
- package/dist/esm/guide/DocsGuide.js +1 -1
- package/dist/esm/guide/DocsGuide.js.map +1 -1
- package/dist/esm/shell/CommonizeHeader.js +1 -1
- package/dist/esm/shell/CommonizeHeader.js.map +1 -1
- package/dist/esm/shell/CommonizeShell.js +1 -1
- package/dist/esm/shell/CommonizeShell.js.map +1 -1
- package/dist/esm/shell/CommonizeSideNav.js +1 -1
- package/dist/esm/shell/CommonizeSideNav.js.map +1 -1
- package/dist/index.d.ts +4 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@yeonpm/react"),n=require("react-icons/io5"),o=require("./CardWrapper.js"),i=require("../stores/commonizeDrawerStore.js");exports.default=function(){var l=i.useCommonizeDrawerStore(),s=l.isOpen,a=l.content,c=l.close,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@yeonpm/react"),n=require("react-icons/io5"),o=require("./CardWrapper.js"),i=require("../stores/commonizeDrawerStore.js");exports.default=function(){var l=i.useCommonizeDrawerStore(),s=l.isOpen,a=l.content,c=l.close,d=t.useState(!1),u=d[0],m=d[1];return t.useEffect(function(){if(!s){document.body.style.overflow="unset",m(!0);var e=setTimeout(function(){m(!1)},300);return function(){return clearTimeout(e)}}return document.body.style.overflow="hidden",m(!0),function(){document.body.style.overflow="unset"}},[s]),t.useEffect(function(){var e=function(e){if(s){var t=e.target,r=document.querySelector(".commonize-drawer");t.closest(".card-wrapper")||r&&!r.contains(t)&&c()}};return s&&document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[s,c]),s||u?e.jsxs(e.Fragment,{children:[e.jsx("style",{children:"\n .commonize-drawer { width: 50%; min-width: 400px; }\n @media (max-width: 768px) { .commonize-drawer { width: 100% !important; min-width: 0 !important; } }\n "}),e.jsx(r.Wrapper,{className:"commonize-drawer ".concat(!s&&u?"closing":""),style:{position:"fixed",top:0,right:0,height:"100vh",backgroundColor:"white",zIndex:1001,transform:s?"translateX(0)":"translateX(100%)",overflowY:"auto",boxShadow:"-4px 0 20px rgba(0, 0, 0, 0.1)",borderLeft:"1px solid #e5e7eb",fontFamily:"inherit"},onClick:function(e){return e.stopPropagation()},css:"\n @keyframes slideIn {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n }\n animation: slideIn 0.4s forwards;\n &.closing {\n visibility: hidden;\n }\n ",children:e.jsxs(r.Wrapper,{p:32,column:!0,relative:!0,h:"100%",children:[e.jsx(r.Wrapper,{between:!0,ac:!0,children:e.jsxs(r.Wrapper,{column:!0,gap:8,flex1:!0,children:[e.jsx(r.Txt,{text24B:!0,color:"#1e293b",pr:40,children:(null==a?void 0:a.panelTitle)||"Details"}),(null==a?void 0:a.subtitle)?e.jsx(r.Txt,{text16R:!0,color:"#64748b",lineHeight:"1.4",style:{maxWidth:"90%"},children:a.subtitle}):(null==a?void 0:a.title)?e.jsx(r.Txt,{text16R:!0,color:"#64748b",lineHeight:"1.4",style:{maxWidth:"90%"},children:a.title}):null]})}),e.jsx(r.Wrapper,{role:"button",mouseCss:!0,onClick:c,absolute:!0,top:32,right:32,onMouseOver:function(e){e.target.style.backgroundColor="#f1f5f9"},onMouseOut:function(e){e.target.style.backgroundColor="transparent"},children:e.jsx(n.IoClose,{size:24,color:"#8c8c8c"})}),e.jsx(r.Wrapper,{mt:16,children:e.jsx(o.default,{padding:16,className:"commonize-drawer-body",children:(null==a?void 0:a.body)?a.body:e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"내용이 없습니다."})})})]},(null==a?void 0:a.title)||(null==a?void 0:a.panelTitle))})]}):null};
|
|
2
2
|
//# sourceMappingURL=CommonizeDrawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeDrawer.js","sources":["../../../src/components/CommonizeDrawer.tsx"],"sourcesContent":[null],"names":["_a","useCommonizeDrawerStore","isOpen","content","close","_b","useState","isAnimating","setIsAnimating","useEffect","body","style","overflow","timer_1","setTimeout","clearTimeout","document","handleClickOutside","event","target","panel","contains","addEventListener","_jsx","className","concat","position","top","right","
|
|
1
|
+
{"version":3,"file":"CommonizeDrawer.js","sources":["../../../src/components/CommonizeDrawer.tsx"],"sourcesContent":[null],"names":["_a","useCommonizeDrawerStore","isOpen","content","close","_b","useState","isAnimating","setIsAnimating","useEffect","body","style","overflow","timer_1","setTimeout","clearTimeout","document","handleClickOutside","event","target","panel","contains","addEventListener","_jsxs","children","_jsx","Wrapper","className","concat","position","top","right","height","backgroundColor","zIndex","transform","overflowY","boxShadow","borderLeft","fontFamily","onClick","e","stopPropagation","css","p","column","relative","h","between","ac","gap","flex1","Txt","text24B","color","pr","panelTitle","subtitle","text16R","lineHeight","maxWidth","title","role","mouseCss","absolute","onMouseOver","IoClose","size","mt","CardWrapper","padding","text14R"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("@yeonpm/react"),t=require("react-icons/fa6"),i=require("../shell/CommonizeShell.js"),o=require("../components/CommonCard.js"),a=require("../components/CommonizeDrawer.js"),l=require("../components/CardWrapper.js"),s=require("../stores/commonizeDrawerStore.js"),c=[{key:"overview",label:"Overview",icon:e.jsx(t.FaUser,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e.jsx(t.FaBookOpen,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e.jsx(t.FaCode,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e.jsx(t.FaGraduationCap,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e.jsx(t.FaBriefcase,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e.jsx(t.FaAward,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e.jsx(t.FaCode,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function d(n){var i=n.id,o=n.title,a=n.description;return e.jsxs(r.Wrapper,{id:i,column:!0,gap:4,mb:8,children:[e.jsxs(r.Wrapper,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(i);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(i))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e.jsx(r.Txt,{text24B:!0,color:"#1e293b",children:o}),e.jsx("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e.jsx(t.FaLink,{size:14,color:"#94a3b8"})})]}),e.jsx(r.Txt,{text14R:!0,color:"#94a3b8",children:a})]})}function p(n){var i=n.code,o=n.title,a=n.open;return e.jsx(l.default,{hoverable:!0,padding:12,onClick:function(){return a({panelTitle:o,subtitle:"Source code for this example",body:e.jsx("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:i})})},children:e.jsxs(r.Wrapper,{flex:!0,ac:!0,gap:8,children:[e.jsx(t.FaCode,{size:14,color:"#64748b"}),e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"View Code"})]})})}function h(){var i=n.useState(!1),o=i[0],a=i[1],l="npm install @yeonpm/docs-template";return e.jsxs(r.Wrapper,{flex:!0,ac:!0,pointer:!0,mouseCss:!0,onClick:function(){navigator.clipboard.writeText(l),a(!0),setTimeout(function(){return a(!1)},2e3)},css:"\n background: #0f172a;\n border-radius: 10px;\n padding: 14px 20px;\n gap: 12px;\n min-width: 0;\n transition: all 0.2s;\n &:hover {\n background: #1e293b;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n ",children:[e.jsx("span",{style:{color:"#4ade80",fontFamily:"'Fira Code', 'Consolas', monospace",fontSize:14,flexShrink:0},children:"$"}),e.jsx(r.Txt,{text14R:!0,color:"#e2e8f0",style:{fontFamily:"'Fira Code', 'Consolas', monospace",userSelect:"all",flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:l}),e.jsx(r.Wrapper,{flex:!0,ac:!0,gap:6,css:"\n flex-shrink: 0;\n padding: 4px 10px;\n border-radius: 6px;\n background: rgba(255,255,255,0.08);\n transition: background 0.2s;\n &:hover { background: rgba(255,255,255,0.15); }\n ",children:o?e.jsxs(e.Fragment,{children:[e.jsx(t.FaCheck,{size:12,color:"#4ade80"}),e.jsx(r.Txt,{text12R:!0,color:"#4ade80",children:"Copied"})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.FaCopy,{size:12,color:"#94a3b8"}),e.jsx(r.Txt,{text12R:!0,color:"#94a3b8",children:"Copy"})]})})]})}exports.default=function(n){var u=n.version,x=void 0===u?"latest":u,m=s.useCommonizeDrawerStore().open;return e.jsxs(i.default,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:c,headerRightSlot:e.jsxs(r.Txt,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",x]}),navBottomSlot:e.jsx(r.Wrapper,{p:12,children:e.jsx(r.Txt,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[e.jsxs(r.Wrapper,{column:!0,gap:48,p:32,maxWidth:900,style:{minWidth:0},children:[e.jsx(l.default,{padding:24,children:e.jsxs(r.Wrapper,{column:!0,gap:20,children:[e.jsxs(r.Wrapper,{flex:!0,ac:!0,gap:14,children:[e.jsx(r.Wrapper,{flex:!0,ac:!0,css:"\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: linear-gradient(135deg, #CB3837 0%, #a82e2e 100%);\n justify-content: center;\n flex-shrink: 0;\n ",children:e.jsx(t.FaNpm,{size:24,color:"white"})}),e.jsxs(r.Wrapper,{column:!0,gap:2,style:{flex:1},children:[e.jsx(r.Txt,{text20B:!0,color:"#1e293b",children:"@yeonpm/docs-template"}),e.jsx(r.Txt,{text14R:!0,color:"#94a3b8",children:"A reusable document-style layout & card component library for React"})]}),e.jsx("a",{href:"https://www.npmjs.com/package/@yeonpm/docs-template",target:"_blank",rel:"noopener noreferrer",style:{color:"#3b82f6",fontSize:13,fontWeight:500,textDecoration:"none",padding:"6px 14px",borderRadius:8,border:"1px solid #e2e8f0",transition:"all 0.2s",whiteSpace:"nowrap",flexShrink:0},onMouseEnter:function(e){e.currentTarget.style.background="#f8fafc",e.currentTarget.style.borderColor="#3b82f6"},onMouseLeave:function(e){e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="#e2e8f0"},children:"View on npm"})]}),e.jsx(h,{})]})}),e.jsxs("section",{id:"overview",children:[e.jsx(d,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e.jsx(l.default,{children:e.jsxs(r.Wrapper,{column:!0,gap:8,children:[e.jsx(r.Txt,{text16B:!0,color:"#1e293b",children:"Components"}),e.jsxs(r.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.8,whiteSpace:"pre-line"},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),e.jsxs("section",{id:"cards",children:[e.jsx(d,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),e.jsxs(r.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e.jsx(o.default,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e.jsx(o.default,{title:"Simple Title Card",description:"A minimal card with only a description."}),e.jsx(p,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:m})]})]}),e.jsxs("section",{id:"card-image",children:[e.jsx(d,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),e.jsxs(r.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e.jsx(o.default,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e.jsx(p,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:m})]})]}),e.jsxs("section",{id:"card-citation",children:[e.jsx(d,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),e.jsxs(r.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e.jsx(o.default,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e.jsx(p,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:m})]})]}),e.jsxs("section",{id:"card-actions",children:[e.jsx(d,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),e.jsxs(r.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e.jsx(o.default,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e.jsx(o.default,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return m({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:e.jsxs(r.Wrapper,{column:!0,gap:16,children:[e.jsx(r.Txt,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e.jsx(l.default,{padding:12,children:e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e.jsx(o.default,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e.jsx(p,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:m})]})]}),e.jsxs("section",{id:"drawer",children:[e.jsx(d,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),e.jsxs(r.Wrapper,{column:!0,gap:16,children:[e.jsx(l.default,{hoverable:!0,onClick:function(){return m({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:e.jsxs(r.Wrapper,{column:!0,gap:12,children:[e.jsx(r.Txt,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e.jsx(r.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),e.jsxs("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e.jsx("li",{children:"panelTitle: Large title at the top"}),e.jsx("li",{children:"subtitle: Description below the title"}),e.jsx("li",{children:"title: Fallback text when subtitle is absent"}),e.jsx("li",{children:"body: Free-form content"})]})]})})},children:e.jsxs(r.Wrapper,{column:!0,gap:8,p:8,children:[e.jsx(r.Txt,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e.jsx(p,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:m})]})]}),e.jsxs("section",{id:"card-wrapper",children:[e.jsx(d,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),e.jsxs(r.Wrapper,{column:!0,gap:16,children:[e.jsxs(r.Wrapper,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e.jsx(l.default,{children:e.jsxs(r.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(r.Txt,{text16B:!0,color:"#1e293b",children:"Default"}),e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e.jsx(l.default,{hoverable:!0,children:e.jsxs(r.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(r.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e.jsx(l.default,{padding:24,children:e.jsxs(r.Wrapper,{column:!0,gap:4,children:[e.jsx(r.Txt,{text16B:!0,color:"#1e293b",children:"padding=24"}),e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e.jsx(l.default,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:e.jsxs(r.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(r.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e.jsx(r.Txt,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e.jsx(p,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:m})]})]}),e.jsx(r.Wrapper,{h:80})]}),e.jsx(a.default,{})]})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("@yeonpm/react"),r=require("react-icons/fa6"),i=require("../shell/CommonizeShell.js"),o=require("../components/CommonCard.js"),a=require("../components/CommonizeDrawer.js"),l=require("../components/CardWrapper.js"),s=require("../stores/commonizeDrawerStore.js"),c=[{key:"overview",label:"Overview",icon:e.jsx(r.FaUser,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e.jsx(r.FaBookOpen,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e.jsx(r.FaCode,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e.jsx(r.FaGraduationCap,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e.jsx(r.FaBriefcase,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e.jsx(r.FaAward,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e.jsx(r.FaCode,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function d(n){var i=n.id,o=n.title,a=n.description;return e.jsxs(t.Wrapper,{id:i,column:!0,gap:4,mb:8,children:[e.jsxs(t.Wrapper,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(i);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(i))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e.jsx(t.Txt,{text24B:!0,color:"#1e293b",children:o}),e.jsx("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e.jsx(r.FaLink,{size:14,color:"#94a3b8"})})]}),e.jsx(t.Txt,{text14R:!0,color:"#94a3b8",children:a})]})}function p(n){var i=n.code,o=n.title,a=n.open;return e.jsx(l.default,{hoverable:!0,padding:12,onClick:function(){return a({panelTitle:o,subtitle:"Source code for this example",body:e.jsx("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:i})})},children:e.jsxs(t.Wrapper,{flex:!0,ac:!0,gap:8,children:[e.jsx(r.FaCode,{size:14,color:"#64748b"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"View Code"})]})})}function h(){var i=n.useState(!1),o=i[0],a=i[1],l="npm install @yeonpm/docs-template";return e.jsxs(t.Wrapper,{flex:!0,ac:!0,pointer:!0,mouseCss:!0,onClick:function(){navigator.clipboard.writeText(l),a(!0),setTimeout(function(){return a(!1)},2e3)},css:"\n background: #0f172a;\n border-radius: 10px;\n padding: 14px 20px;\n gap: 12px;\n min-width: 0;\n transition: all 0.2s;\n &:hover {\n background: #1e293b;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n ",children:[e.jsx("span",{style:{color:"#4ade80",fontFamily:"'Fira Code', 'Consolas', monospace",fontSize:14,flexShrink:0},children:"$"}),e.jsx(t.Txt,{text14R:!0,color:"#e2e8f0",style:{fontFamily:"'Fira Code', 'Consolas', monospace",userSelect:"all",flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:l}),e.jsx(t.Wrapper,{flex:!0,ac:!0,gap:6,css:"\n flex-shrink: 0;\n padding: 4px 10px;\n border-radius: 6px;\n background: rgba(255,255,255,0.08);\n transition: background 0.2s;\n &:hover { background: rgba(255,255,255,0.15); }\n ",children:o?e.jsxs(e.Fragment,{children:[e.jsx(r.FaCheck,{size:12,color:"#4ade80"}),e.jsx(t.Txt,{text12R:!0,color:"#4ade80",children:"Copied"})]}):e.jsxs(e.Fragment,{children:[e.jsx(r.FaCopy,{size:12,color:"#94a3b8"}),e.jsx(t.Txt,{text12R:!0,color:"#94a3b8",children:"Copy"})]})})]})}exports.default=function(n){var x=n.version,u=void 0===x?"latest":x,m=s.useCommonizeDrawerStore().open;return e.jsxs(i.default,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",logo:"/yeonpm-logo.png",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:c,headerRightSlot:e.jsxs(t.Txt,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",u]}),navBottomSlot:e.jsx(t.Wrapper,{p:12,children:e.jsx(t.Txt,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[e.jsx("style",{children:"\n .docs-guide-content { padding: 32px; }\n @media (max-width: 768px) { .docs-guide-content { padding: 16px; } }\n @media (max-width: 480px) { .docs-guide-content { padding: 12px; } }\n "}),e.jsxs(t.Wrapper,{column:!0,gap:48,maxWidth:900,style:{minWidth:0},className:"docs-guide-content",children:[e.jsx(l.default,{padding:24,children:e.jsxs(t.Wrapper,{column:!0,gap:20,children:[e.jsxs(t.Wrapper,{flex:!0,ac:!0,gap:14,children:[e.jsx(t.Wrapper,{flex:!0,ac:!0,css:"\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: linear-gradient(135deg, #CB3837 0%, #a82e2e 100%);\n justify-content: center;\n flex-shrink: 0;\n ",children:e.jsx(r.FaNpm,{size:24,color:"white"})}),e.jsxs(t.Wrapper,{column:!0,gap:2,style:{flex:1},children:[e.jsx(t.Txt,{text20B:!0,color:"#1e293b",children:"@yeonpm/docs-template"}),e.jsx(t.Txt,{text14R:!0,color:"#94a3b8",children:"A reusable document-style layout & card component library for React"})]}),e.jsx("a",{href:"https://www.npmjs.com/package/@yeonpm/docs-template",target:"_blank",rel:"noopener noreferrer",style:{color:"#3b82f6",fontSize:13,fontWeight:500,textDecoration:"none",padding:"6px 14px",borderRadius:8,border:"1px solid #e2e8f0",transition:"all 0.2s",whiteSpace:"nowrap",flexShrink:0},onMouseEnter:function(e){e.currentTarget.style.background="#f8fafc",e.currentTarget.style.borderColor="#3b82f6"},onMouseLeave:function(e){e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="#e2e8f0"},children:"View on npm"})]}),e.jsx(h,{})]})}),e.jsxs("section",{id:"overview",children:[e.jsx(d,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e.jsx(l.default,{children:e.jsxs(t.Wrapper,{column:!0,gap:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Components"}),e.jsxs(t.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.8,whiteSpace:"pre-line"},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),e.jsxs("section",{id:"cards",children:[e.jsx(d,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e.jsx(o.default,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e.jsx(o.default,{title:"Simple Title Card",description:"A minimal card with only a description."}),e.jsx(p,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:m})]})]}),e.jsxs("section",{id:"card-image",children:[e.jsx(d,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e.jsx(o.default,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e.jsx(p,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:m})]})]}),e.jsxs("section",{id:"card-citation",children:[e.jsx(d,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e.jsx(o.default,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e.jsx(p,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:m})]})]}),e.jsxs("section",{id:"card-actions",children:[e.jsx(d,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e.jsx(o.default,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e.jsx(o.default,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return m({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(t.Txt,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e.jsx(l.default,{padding:12,children:e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e.jsx(o.default,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e.jsx(p,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:m})]})]}),e.jsxs("section",{id:"drawer",children:[e.jsx(d,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(l.default,{hoverable:!0,onClick:function(){return m({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:e.jsxs(t.Wrapper,{column:!0,gap:12,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),e.jsxs("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e.jsx("li",{children:"panelTitle: Large title at the top"}),e.jsx("li",{children:"subtitle: Description below the title"}),e.jsx("li",{children:"title: Fallback text when subtitle is absent"}),e.jsx("li",{children:"body: Free-form content"})]})]})})},children:e.jsxs(t.Wrapper,{column:!0,gap:8,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e.jsx(p,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:m})]})]}),e.jsxs("section",{id:"card-wrapper",children:[e.jsx(d,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsxs(t.Wrapper,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e.jsx(l.default,{children:e.jsxs(t.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Default"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e.jsx(l.default,{hoverable:!0,children:e.jsxs(t.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e.jsx(l.default,{padding:24,children:e.jsxs(t.Wrapper,{column:!0,gap:4,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"padding=24"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e.jsx(l.default,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:e.jsxs(t.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e.jsx(p,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:m})]})]}),e.jsx(t.Wrapper,{h:80})]}),e.jsx(a.default,{})]})};
|
|
2
2
|
//# sourceMappingURL=DocsGuide.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","InstallCommand","React","useState","copied","setCopied","cmd","setTimeout","flexShrink","userSelect","minWidth","overflow","textOverflow","_Fragment","FaCheck","text12R","FaCopy","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","scrollTo","top","behavior","headerRightSlot","navBottomSlot","p","maxWidth","CardWrapper","FaNpm","text20B","href","rel","fontWeight","textDecoration","border","transition","onMouseEnter","e","currentTarget","background","borderColor","onMouseLeave","text16B","CommonCard","subTitle","period","image","src","alt","linkButton","author","value","isMain","authors","journal","year","doi","citation","onClickAsNewTab","onClickAsPopup","onClickAsDrawer","text16R","alert","paddingLeft","gridTemplateColumns","h","CommonizeDrawer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","InstallCommand","React","useState","copied","setCopied","cmd","setTimeout","flexShrink","userSelect","minWidth","overflow","textOverflow","_Fragment","FaCheck","text12R","FaCopy","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","logo","scrollTo","top","behavior","headerRightSlot","navBottomSlot","p","maxWidth","CardWrapper","FaNpm","text20B","href","rel","fontWeight","textDecoration","border","transition","onMouseEnter","e","currentTarget","background","borderColor","onMouseLeave","text16B","CommonCard","subTitle","period","image","src","alt","linkButton","author","value","isMain","authors","journal","year","doi","citation","onClickAsNewTab","onClickAsPopup","onClickAsDrawer","text16R","alert","paddingLeft","gridTemplateColumns","h","CommonizeDrawer"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@yeonpm/react"),n=require("react-icons/fa6");exports.default=function(t){var r=t.brand,o=t.rightSlot,a=t.onHamburgerClick;return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:"\n @media (max-width: 768px) { .commonize-header-inner { padding: 0 12px !important; } }\n @media (max-width: 480px) { .commonize-header-inner { padding: 0 10px !important; } }\n "}),e.jsx("div",{style:{position:"fixed",top:0,left:0,right:0,width:"100%",height:64,backgroundColor:"white",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",zIndex:200,display:"flex",alignItems:"center",overflow:"hidden",fontFamily:"inherit"},children:e.jsxs("div",{className:"commonize-header-inner",style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0 20px",boxSizing:"border-box"},children:[e.jsxs(i.Wrapper,{mouseCss:!0,white:!0,p:8,pointer:!0,onClick:r.onClick,css:"\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n transition: transform 0.2s ease;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n &:hover {\n transform: translateY(-1px);\n }\n @media (max-width: 480px) {\n gap: 6px;\n .commonize-header-title { font-size: 16px; }\n .commonize-header-subtitle { font-size: 11px; }\n .commonize-header-logo { width: 26px !important; height: 26px !important; }\n }\n ",children:[r.logo?e.jsx("img",{src:r.logo,alt:"",className:"commonize-header-logo",style:{width:32,height:32,objectFit:"contain",flexShrink:0,borderRadius:4}}):null,e.jsx(i.Txt,{text22B:!0,color:"#1e293b",className:"commonize-header-title",children:r.title}),r.subtitle?e.jsx(i.Txt,{text18B:!0,color:"#64748b",className:"commonize-header-subtitle",children:r.subtitle}):null]}),e.jsxs(i.Wrapper,{flex:!0,gap:16,ac:!0,mr:8,children:[o,e.jsx("a",{style:{display:"none",cursor:"pointer",color:"#272727",textDecoration:"none",marginLeft:16},onClick:a,className:"commonize-hamburger",children:e.jsx(n.FaBars,{size:20})})]})]})})]})};
|
|
2
2
|
//# sourceMappingURL=CommonizeHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeHeader.js","sources":["../../../src/shell/CommonizeHeader.tsx"],"sourcesContent":[null],"names":["_a","brand","rightSlot","onHamburgerClick","
|
|
1
|
+
{"version":3,"file":"CommonizeHeader.js","sources":["../../../src/shell/CommonizeHeader.tsx"],"sourcesContent":[null],"names":["_a","brand","rightSlot","onHamburgerClick","_jsxs","children","_jsx","style","top","left","right","width","height","backgroundColor","boxShadow","zIndex","display","alignItems","overflow","fontFamily","className","justifyContent","padding","boxSizing","Wrapper","mouseCss","white","p","pointer","onClick","css","logo","src","alt","objectFit","flexShrink","borderRadius","Txt","text22B","color","title","subtitle","text18B","flex","gap","ac","mr","cursor","textDecoration","marginLeft","FaBars","size"],"mappings":"+KAIe,SAAyBA,GAGxC,IAAOC,EAAOD,EAAAC,MAAUC,EAAAF,EAAgBE,UAQvCC,EAAAH,EAAAG,iBAPC,OAAAC,EAAAA,gBACA,CAAAC,SAAS,CAAAC,EAAAA,IAAA,kBACO,2MAAAA,EAAAA,IAAA,MAAA,CAAAC,MAAA,kBAcVC,IAAA,EACAC,KAAM,EACNC,MAAO,EACPC,MAAO,OACPC,OAAO,GACPC,gBAAU,QACVC,UAAA,4BACAC,OAAA,IACAC,QAAQ,OACRC,WAAS,SACTC,SAAU,SACVC,WAAU,WACVd,SAAAD,EAAAA,KAAY,MAAS,CAAAgB,UAAA,yBAAAb,MAAA,CACtBI,aAKGK,QAAO,OACPK,eAAe,gBACfJ,WAAA,SACAK,QAAA,SACAC,UAAS,cACTlB,SAAS,QAAEmB,UAAY,CAAAC,UAAA,EAAAC,OAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,QAAA5B,EAAA4B,QAAAC,IAAA,grBAAAzB,SAAA,CAAAJ,EAAA8B,KAAAzB,EAAAA,IAAA,MAAA,CAAA0B,IAAA/B,EAAA8B,KAAAE,IAAA,GAAAb,UAAA,wBAAAb,MAAA,CAAAI,MAAA,GAAAC,OAAA,GAAAsB,UAAA,UAAAC,WAAA,EAAAC,aAAA,KAAA,KAAA9B,EAAAA,IAAA+B,EAAAA,IAAA,CAAAC,SAAA,EAAAC,MAAA,UAAAnB,UAAA,yBAAAf,SAAAJ,EAAAuC,QAAAvC,EAAAwC,SAAAnC,MAAA+B,EAAAA,IAAA,CAAAK,SAAA,EAAAH,MAAA,UAAAnB,UAAA,4BAAAf,SAAAJ,EAAAwC,WAAA,QAAArC,EAAAA,KAAAoB,UAAA,CAAAmB,MAAA,EAAAC,IAAA,GAAAC,IAAA,EAAAC,GAAA,EAAAzC,SAAA,CAAAH,EAAAI,EAAAA,IAAA,IAAA,CAAAC,MAAA,CAGxBS,QAAO,OAiDF+B,iBACAR,gBACAS,eAAgB,OAChBC,WAAA,IACApB,QAAA1B,EAAciB,UAAA,sBAAAf,SAAAC,EAAAA,IAAA4C,SAAA,CAAAC,KAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("@yeonpm/react"),i=require("./CommonizeHeader.js"),r=require("./CommonizeSideNav.js");exports.default=function(o){var d=o.brand,a=o.navItems,m=o.children,c=o.headerRightSlot,s=o.navBottomSlot,u=o.navWidth,l=void 0===u?220:u;return n.useEffect(function(){var e=function(){var e=document.querySelector(".commonize-hamburger");e&&(e.style.display=window.innerWidth<=768?"block":"none")};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]),e.jsxs(e.Fragment,{children:[e.jsx("style",{children:"\n @media (max-width: 768px) {\n .commonize-main-content { padding-left: 0 !important; }\n }\n "}),e.jsx(i.default,{brand:d,rightSlot:c,onHamburgerClick:function(){return window.dispatchEvent(new Event("open-commonize-drawer"))}}),e.jsx(r.default,{items:a,bottomSlot:s,width:l}),e.jsx("div",{style:{minHeight:"100vh",height:"100%",width:"100%",maxWidth:"100vw",background:"#f8fafc",paddingLeft:l,paddingTop:64,boxSizing:"border-box",overflowX:"hidden",overflowY:"auto",fontFamily:"inherit"},className:"commonize-main-content",children:e.jsx(t.Wrapper,{column:!0,css:"",mr:"auto",gap:24,style:{minWidth:0},children:m})})]})};
|
|
2
2
|
//# sourceMappingURL=CommonizeShell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeShell.js","sources":["../../../src/shell/CommonizeShell.tsx"],"sourcesContent":[null],"names":["_a","brand","navItems","children","headerRightSlot","navBottomSlot","useEffect","update","document","querySelector","el","display","window","innerWidth","removeEventListener","_jsxs","_Fragment","_jsx","CommonizeHeader","rightSlot","onHamburgerClick","dispatchEvent","Event","CommonizeSideNav","items","bottomSlot","style","minHeight","height","
|
|
1
|
+
{"version":3,"file":"CommonizeShell.js","sources":["../../../src/shell/CommonizeShell.tsx"],"sourcesContent":[null],"names":["_a","brand","navItems","children","headerRightSlot","navBottomSlot","_b","navWidth","useEffect","update","document","querySelector","el","display","window","innerWidth","removeEventListener","_jsxs","_Fragment","_jsx","CommonizeHeader","rightSlot","onHamburgerClick","dispatchEvent","Event","CommonizeSideNav","items","bottomSlot","width","style","minHeight","height","maxWidth","background","paddingLeft","paddingTop","boxSizing","overflowX","overflowY","fontFamily","className","Wrapper","column","css","mr","gap","minWidth"],"mappings":"0OAKO,SAAsBA,GAG7B,IAAOC,EAAOD,EAAAC,MAAUC,EAAAF,EAAeE,SActCC,EAAAH,EAAAG,SAAAC,EAAAJ,EAAAI,gBAAAC,EAAAL,EAAAK,cAAAC,EAAAN,EAAAO,SAAAA,OAAA,IAAAD,EAAA,IAAAA,EAYC,OAzBAE,EAAAA,qBAcA,IAAAC,EAAU,WACF,MAASC,SAAAC,cAAA,wBACPC,YAGGC,QAAOC,OAAAC,YAAA,IAAA,QAAA,OAChB,EAGF,OAFAN,IACAK,wBAAS,SAAAL,GACF,WAAA,cAA2BO,oBAAQ,SAAAP,EAAA,CAC1C,EAAA,IACKQ,EAAAA,KAAAC,EAAAA,SAAA,CAAAf,SAAA,CAAAgB,MAAA,QAAA,CAAAhB,SAAA,gIAAAgB,EAAAA,IAAAC,EAAAA,QAAA,CAAAnB,MAAAA,EAAAoB,UAAAjB,EAAAkB,iBAAA,WAGL,OAAAR,OAAAS,cACE,IAAAC,MAAA,6BASIL,EAAAA,IAAAM,EAAAA,QAAO,CAAaC,MAAKxB,EAAMyB,WAAAtB,EAAyBuB,MAAArB,IAAAY,EAAAA,IAAA,MAAA,CAAAU,MAAA,CAE1DC,UACD,QAGGC,OAAA,OACAH,aACAI,SAAO,QACPC,WAAU,UACVC,YAAY3B,EACZ4B,cACAC,uBACAC,UAAW,SACXC,UAAW,OACXC,WAAW,WACXC,UAAU,yBAAWrC,SAAAgB,MAAAsB,EAAAA,QAAA,CAAAC,QAAA,EAAAC,IAAA,GAAAC,GAAA,OAAAC,IAAA,GAAAhB,MAAA,CAAAiB,SAAA,GAAA3C,SAAAA,QACtB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("@yeonpm/react"),r=require("./linking.js");exports.default=function(o){var i=o.items,a=o.bottomSlot,c=o.width,l=void 0===c?220:c,s=o.headerOffset,d=void 0===s?64:s,u=n.useState(!1),p=u[0],
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("@yeonpm/react"),r=require("./linking.js");exports.default=function(o){var i=o.items,a=o.bottomSlot,c=o.width,l=void 0===c?220:c,s=o.headerOffset,d=void 0===s?64:s,u=n.useState(!1),p=u[0],x=u[1];n.useEffect(function(){var e=function(){return x(!0)};return window.addEventListener("open-commonize-drawer",e),function(){return window.removeEventListener("open-commonize-drawer",e)}},[]),n.useEffect(function(){var e=function(e){e.target.matches(".commonize-nav-link")&&window.innerWidth<768&&x(!1)};return document.addEventListener("click",e),function(){return document.removeEventListener("click",e)}},[]);var f=n.useMemo(function(){return{textDecoration:"none",display:"flex",alignItems:"center",gap:"12px",color:"#64748b",borderRadius:4,padding:"8px 12px",fontWeight:500,transition:"background 0.2s, color 0.2s",marginBottom:2,cursor:"pointer"}},[]),m=function(){return e.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:"8px"},children:i.map(function(n){return e.jsxs("a",{className:"commonize-nav-link",style:f,onClick:function(e){e.preventDefault(),r.handleNavTarget(n.target)},onMouseOver:function(e){e.currentTarget.style.background="#f1f5f9",e.currentTarget.style.color="#2563eb"},onMouseOut:function(e){e.currentTarget.style.background="transparent",e.currentTarget.style.color="#64748b"},children:[n.icon?e.jsx("span",{style:{display:"flex",alignItems:"center"},children:n.icon}):null,n.label]},n.key)})})};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:"\n @media (max-width: 768px) {\n .commonize-desktop-nav { display: none !important; }\n }\n "}),e.jsxs("div",{style:{position:"fixed",top:d,left:0,height:"calc(100vh - ".concat(d,"px)"),width:l,backgroundColor:"white",borderRight:"1px solid #e5e7eb",zIndex:100,padding:"40px 16px 20px 16px",display:"flex",flexDirection:"column",gap:"8px",fontFamily:"inherit"},className:"commonize-desktop-nav",children:[m(),a]}),p&&e.jsx("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.3)",zIndex:9999,display:"flex",flexDirection:"row"},className:"commonize-mobile-drawer-overlay",onClick:function(){return x(!1)},children:e.jsxs(t.Wrapper,{style:{width:l,height:"100%",backgroundColor:"white",boxShadow:"2px 0 8px rgba(0,0,0,0.08)",padding:"20px 16px 20px",display:"flex",flexDirection:"column",gap:"8px",minWidth:180},overflowY:"auto",onClick:function(e){return e.stopPropagation()},children:[m(),a]})})]})};
|
|
2
2
|
//# sourceMappingURL=CommonizeSideNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeSideNav.js","sources":["../../../src/shell/CommonizeSideNav.tsx"],"sourcesContent":[null],"names":["items","_a","bottomSlot","_b","width","_c","headerOffset","_d","useState","drawerOpen","setDrawerOpen","useEffect","openDrawer","window","addEventListener","removeEventListener","handleClick","e","target","matches","document","linkStyle","useMemo","textDecoration","display","alignItems","gap","color","borderRadius","padding","fontWeight","transition","marginBottom","cursor","renderItems","_jsx","style","flexDirection","children","map","item","_jsxs","className","onClick","preventDefault","handleNavTarget","onMouseOver","currentTarget","background","icon","label","key","_Fragment","
|
|
1
|
+
{"version":3,"file":"CommonizeSideNav.js","sources":["../../../src/shell/CommonizeSideNav.tsx"],"sourcesContent":[null],"names":["items","_a","bottomSlot","_b","width","_c","headerOffset","_d","useState","drawerOpen","setDrawerOpen","useEffect","openDrawer","window","addEventListener","removeEventListener","handleClick","e","target","matches","document","linkStyle","useMemo","textDecoration","display","alignItems","gap","color","borderRadius","padding","fontWeight","transition","marginBottom","cursor","renderItems","_jsx","style","flexDirection","children","map","item","_jsxs","className","onClick","preventDefault","handleNavTarget","onMouseOver","currentTarget","background","icon","label","key","_Fragment","top","left","height","concat","backgroundColor","borderRight","zIndex","fontFamily","position","right","bottom","Wrapper","boxShadow","minWidth","overflowY","stopPropagation"],"mappings":"+LAKS,YAET,IAAOA,EAAOC,EAAAD,MAAUE,EAAAD,EAAiBC,WAUxCC,EAAAF,EAAAG,MAAAA,OAAA,IAAAD,EAAA,IAAAA,EAAAE,EAAAJ,EAAAK,aAAAA,WAAAD,EAAA,GAAAA,EATCE,EAAKC,EAAAA,aACLC,EAAUF,EAAA,GAAAG,IACV,GAQMC,EAAAA,UAA8B,WAEpC,IAAAC,EAAU,WAAA,OAAAF,GAAA,EAAA,EAER,OADAG,OAAMC,iBAAa,wBAAMF,GAClB,WACP,OAAOC,OAAAE,oBAAA,wBAAAH,EACL,CAAA,EAAA,IACJD,EAAAA,UAAO,WAEP,IAAAK,EAAU,SAAAC,GACFA,EAAAC,OAAWC,QAAG,wBACXN,kBAA+B,KAChCH,GAAO,IAGf,OADAU,SAAEN,iBAAA,QAAAE,GACF,WAAS,gBAA0BD,oBAAa,QAAAC,EAAA,CAChD,EAAA,IACF,IAAGK,EAAIC,UAAA,WAAA,MAAA,CAEDC,eAAY,OAEdC,QAAA,OACAC,WAAS,SACTC,IAAA,OACAC,MAAK,UACLC,aAAO,EACPC,QAAA,WACAC,WAAS,IACTC,WAAY,8BACZC,aAAY,EACZC,OAAA,UACA,EAAA,IAXIC,EAcN,WAAA,OAAAC,EAAAA,IAAA,MAAA,CAAAC,MAAA,QAKIZ,QAAO,OACPa,cAAe,SACfX,IAAA,OACAY,SAAKtC,EAAKuC,IAAA,SAAAC,GAAA,OAAAC,EAAAA,KAAA,IAAA,CAAAC,UAAA,qBAAAN,MAAAf,EAAAsB,QAAA,SAAA1B,GACXA,EAAA2B,iBAQKC,EAAAA,gBAAgBL,EAAGtB,OACnB,EAAA4B,YAAA,SAAqB7B,GAEvBA,EAAA8B,cAAaX,MAACY,WAAC,UACZ/B,EAAE8B,cAA8BX,MAAMT,MAAA,+BACDV,GAExCA,EAAA8B,cAAYX,MAAEY,WAAA,cACX/B,EAAE8B,cAA8BX,MAAMT,MAAA,uBACPsB,KAAOd,EAAAA,IAAK,cAAa,CAAAX,QAAA,OAAAC,WAAA,UAAAa,SAAAE,EAAAS,OAAA,KAAAT,EAAAU,QAAAV,EAAAW,IAAA,IAAA,SAC3DV,EAAAA,KAACW,EAAAA,UAEKd,SACJ,CAAAH,EAAAA,IAAA,QAAM,CAAAG,SAAS,6HAQvBG,EAAAA,KAAA,MAAA,CAAAL,MAAA,kBAWMiB,IAAA/C,EACAgD,KAAK,EACLC,OAAO,gBAAAC,OAAAlD,EAAA,OACPF,MAAMA,EACNqD,gBAAK,QACLC,YAAA,oBACAC,OAAA,IACA9B,QAAQ,sBACRL,QAAS,OACTa,cAAe,SACfX,IAAA,MACAkC,WAAU,WACVlB,UAAU,wBAAWJ,SAAA,CAAAJ,IAAAhC,KAAAO,GAAA0B,EAAAA,IAAA,MAAA,CAAAC,MAAA,CAEvByB,SAAU,QASNR,IAAA,EACAC,KAAM,EACNQ,MAAO,EACPC,OAAQ,EACR3D,aACAmD,OAAO,OACPE,gBAAc,kBACdE,OAAA,KACAnC,QAAQ,OACRa,cAAe,OACfK,UAAA,kCAAoBC,QAAA,WAAA,OAAAjC,GAAA,EAAA,EAAA4B,SAAAG,EAAAA,KAAAuB,EAAAA,QAAA,CAAA5B,MAAA,OAEZhC,EAKNmD,OAAK,OACLE,gBAAc,QACdQ,UAAA,6BACApC,QAAS,iBACTL,QAAS,OACTa,cAAe,SACfX,IAAA,MACAwC,SAAU,KACVC,UAAU,OAAGxB,QAAA,SAAA1B,GAAA,OAAAA,EAAAmD,iBAAA,EAAA9B,SAAA,CAAAJ,IAAAhC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import{Wrapper as i,Txt as l}from"@yeonpm/react";import{IoClose as a}from"react-icons/io5";import c from"./CardWrapper.js";import{useCommonizeDrawerStore as d}from"../stores/commonizeDrawerStore.js";function s(){var s=d(),m=s.isOpen,u=s.content,f=s.close,h=o(!1),p=h[0],b=h[1];return r(function(){if(!m){document.body.style.overflow="unset",b(!0);var e=setTimeout(function(){b(!1)},300);return function(){return clearTimeout(e)}}return document.body.style.overflow="hidden",b(!0),function(){document.body.style.overflow="unset"}},[m]),r(function(){var e=function(e){if(m){var t=e.target,n=document.querySelector(".commonize-drawer");t.closest(".card-wrapper")||n&&!n.contains(t)&&f()}};return m&&document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[m,f]),m||p?e(t,{children:[n("style",{children:"\n .commonize-drawer { width: 50%; min-width: 400px; }\n @media (max-width: 768px) { .commonize-drawer { width: 100% !important; min-width: 0 !important; } }\n "}),n(i,{className:"commonize-drawer ".concat(!m&&p?"closing":""),style:{position:"fixed",top:0,right:0,height:"100vh",backgroundColor:"white",zIndex:1001,transform:m?"translateX(0)":"translateX(100%)",overflowY:"auto",boxShadow:"-4px 0 20px rgba(0, 0, 0, 0.1)",borderLeft:"1px solid #e5e7eb",fontFamily:"inherit"},onClick:function(e){return e.stopPropagation()},css:"\n @keyframes slideIn {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n }\n animation: slideIn 0.4s forwards;\n &.closing {\n visibility: hidden;\n }\n ",children:e(i,{p:32,column:!0,relative:!0,h:"100%",children:[n(i,{between:!0,ac:!0,children:e(i,{column:!0,gap:8,flex1:!0,children:[n(l,{text24B:!0,color:"#1e293b",pr:40,children:(null==u?void 0:u.panelTitle)||"Details"}),(null==u?void 0:u.subtitle)?n(l,{text16R:!0,color:"#64748b",lineHeight:"1.4",style:{maxWidth:"90%"},children:u.subtitle}):(null==u?void 0:u.title)?n(l,{text16R:!0,color:"#64748b",lineHeight:"1.4",style:{maxWidth:"90%"},children:u.title}):null]})}),n(i,{role:"button",mouseCss:!0,onClick:f,absolute:!0,top:32,right:32,onMouseOver:function(e){e.target.style.backgroundColor="#f1f5f9"},onMouseOut:function(e){e.target.style.backgroundColor="transparent"},children:n(a,{size:24,color:"#8c8c8c"})}),n(i,{mt:16,children:n(c,{padding:16,className:"commonize-drawer-body",children:(null==u?void 0:u.body)?u.body:n(l,{text14R:!0,color:"#64748b",children:"내용이 없습니다."})})})]},(null==u?void 0:u.title)||(null==u?void 0:u.panelTitle))})]}):null}export{s as default};
|
|
2
2
|
//# sourceMappingURL=CommonizeDrawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeDrawer.js","sources":["../../../src/components/CommonizeDrawer.tsx"],"sourcesContent":[null],"names":["CommonizeDrawer","_a","useCommonizeDrawerStore","isOpen","content","close","_b","useState","isAnimating","setIsAnimating","useEffect","body","style","overflow","timer_1","setTimeout","clearTimeout","document","handleClickOutside","event","target","panel","contains","addEventListener","_jsx","className","concat","position","top","right","
|
|
1
|
+
{"version":3,"file":"CommonizeDrawer.js","sources":["../../../src/components/CommonizeDrawer.tsx"],"sourcesContent":[null],"names":["CommonizeDrawer","_a","useCommonizeDrawerStore","isOpen","content","close","_b","useState","isAnimating","setIsAnimating","useEffect","body","style","overflow","timer_1","setTimeout","clearTimeout","document","handleClickOutside","event","target","panel","contains","addEventListener","_jsxs","children","_jsx","Wrapper","className","concat","position","top","right","height","backgroundColor","zIndex","transform","overflowY","boxShadow","borderLeft","fontFamily","onClick","e","stopPropagation","css","p","column","relative","h","between","ac","gap","flex1","Txt","text24B","color","pr","panelTitle","subtitle","text16R","lineHeight","maxWidth","title","role","mouseCss","absolute","onMouseOver","IoClose","size","mt","CardWrapper","padding","text14R"],"mappings":"uTAMS,SAAAA,IAET,IAAOC,EAAAC,IAAgCC,EAAAF,EAAAE,OAAAC,EAAAH,EAAAG,QAAAC,EAAAJ,EAAAI,MAC/BC,EAA6BC,GAAA,GAAAC,EAA3BF,EAAM,GAAAG,EAASH,EAAA,GAkCvB,OAjCMI,EAAgC,WAEtC,IAAAP,EAIG,UAAOQ,KAAAC,MAAAC,SAAA,QACNJ,GAAc,GACd,IAAAK,EAAcC,WAAO,WACfN,GAAQ,SAEd,OAAO,WAAC,OAAAO,aAAAF,EAAA,EAEV,OAVIG,SAASN,KAAAC,MAAAC,SAAA,SACXJ,GAAc,GASf,WAEDQ,SAAON,KAAAC,MAAAC,SAAA,QAEP,EAAA,CAAAV,IACFO,EAAU,WAEV,IAAAQ,EAAU,SAAAC,GACF,GAAAhB,EAAA,KACSiB,EAAOD,EAAAC,OACdC,EAAMJ,uBAA+B,qBACrCG,UAAQ,kBAEuBC,IAAOA,EAAAC,SAAAF,IAExCf,GANA,CAMkC,EAG5B,OAFVF,GAEEc,SAAMM,iBAAA,YAAAL,GAAE,WAAS,OAAAD,6BAA8B,YAAoBC,EAAA,CACvE,EAAA,CAAAf,EAAOE,IACLF,GAAQK,EAEiBgB,IAAY,CAAAC,SAAA,CAAAC,EAAA,QAAA,CAAAD,SAAA,wLAAAC,EAAAC,EAAA,CAAAC,UAAA,oBAAAC,QAAA1B,GAAAK,EAAA,UAAA,IAAAI,MAAA,CAGvCkB,SAAA,QAQIC,IAAA,EACAC,MAAM,EACNC,OAAQ,QACRC,gBAAe,QACfC,OAAA,KACAC,UAAQjC,EAAI,gBAAA,mBACZkC,UAAW,OACXC,UAAW,iCACXC,WAAW,oBACXC,WAAY,WACZC,QAAA,SAAYC,GAAS,OAAAA,EAAAC,iBAAA,EAAAC,IAAA,2SAAAnB,SAAAD,EAAAG,EAAA,CAAAkB,EAAA,GAAAC,QAAA,EAAAC,UAAA,EAAAC,EAAA,OAAAvB,SAAA,CAAAC,EAAAC,EAAA,CAAAsB,SAAA,EAAAC,IAAA,EAAAzB,SAAAD,EAAAG,EAAA,CAAAmB,QAAA,EAAAK,IAAA,EAAAC,OAAA,EAAA3B,SAAA,CAAAC,EAAA2B,EAAA,CAAAC,SAAA,EAAAC,MAAA,UAAAC,GAAA,GAAA/B,UAAArB,aAAA,EAAAA,EAAAqD,aAAA,aAAArD,aAAA,EAAAA,EAAAsD,UAAAhC,EAAA2B,EAAA,CAAAM,SAAA,EAAAJ,MAAA,UAAAK,WAAA,MAAAhD,MAAA,CAAAiD,SAAA,OAAApC,SAAArB,EAAAsD,YAAAtD,aAAA,EAAAA,EAAA0D,OAAApC,EAAA2B,EAAA,CAAAM,SAAA,EAAAJ,MAAA,UAAAK,WAAA,MAAAhD,MAAA,CAAAiD,SAAA,OAAApC,SAAArB,EAAA0D,QAAA,UAAApC,EAAAC,EAAA,CAAAoC,KAAA,SAAAC,UAAA,EAAAvB,QAAApC,EAAA4D,UAAA,EAAAlC,IAAA,GAAAC,MAAA,GAAAkC,YAAA,SAAAxB,GAEdA,EAAAtB,OAAoBR,MAAKsB,gBAAE,sBA0DJ,SAAMQ,GAElCA,EAAAtB,OAAUR,MAAEsB,gBAAoB,wBACJR,EAAKyC,EAAC,CAAAC,KAAe,uBAAiB1C,EAAAC,EAAA,CAAA0C,GAAA,GAAA5C,SAAAC,EAAA4C,EAAA,CAAAC,QAAA,GAAA3C,UAAA,wBAAAH,UAAArB,aAAA,EAAAA,EAAAO,MAAAP,EAAA,KAAAsB,EAAA2B,EAAA,CAAAmB,SAAA,EAAAjB,MAAA,UAAA9B,SAAA,qBAAArB,aAAA,EAAAA,EAAA0D,SAAA1D,aAAA,EAAAA,EAAAqD,kBApF/D,IAqFH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import i from"react";import{Wrapper as o,Txt as r}from"@yeonpm/react";import{FaUser as a,FaBookOpen as l,FaCode as c,FaGraduationCap as d,FaBriefcase as s,FaAward as p,FaNpm as h,FaCheck as m,FaCopy as u,FaLink as C}from"react-icons/fa6";import b from"../shell/CommonizeShell.js";import g from"../components/CommonCard.js";import f from"../components/CommonizeDrawer.js";import w from"../components/CardWrapper.js";import{useCommonizeDrawerStore as x}from"../stores/commonizeDrawerStore.js";var k=[{key:"overview",label:"Overview",icon:e(a,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e(l,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e(c,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e(d,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e(s,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e(p,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e(c,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function v(t){var i=t.id,a=t.title,l=t.description;return n(o,{id:i,column:!0,gap:4,mb:8,children:[n(o,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(i);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(i))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e(r,{text24B:!0,color:"#1e293b",children:a}),e("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e(C,{size:14,color:"#94a3b8"})})]}),e(r,{text14R:!0,color:"#94a3b8",children:l})]})}function y(t){var i=t.code,a=t.title,l=t.open;return e(w,{hoverable:!0,padding:12,onClick:function(){return l({panelTitle:a,subtitle:"Source code for this example",body:e("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:i})})},children:n(o,{flex:!0,ac:!0,gap:8,children:[e(c,{size:14,color:"#64748b"}),e(r,{text14R:!0,color:"#64748b",children:"View Code"})]})})}function T(){var a=i.useState(!1),l=a[0],c=a[1],d="npm install @yeonpm/docs-template";return n(o,{flex:!0,ac:!0,pointer:!0,mouseCss:!0,onClick:function(){navigator.clipboard.writeText(d),c(!0),setTimeout(function(){return c(!1)},2e3)},css:"\n background: #0f172a;\n border-radius: 10px;\n padding: 14px 20px;\n gap: 12px;\n min-width: 0;\n transition: all 0.2s;\n &:hover {\n background: #1e293b;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n ",children:[e("span",{style:{color:"#4ade80",fontFamily:"'Fira Code', 'Consolas', monospace",fontSize:14,flexShrink:0},children:"$"}),e(r,{text14R:!0,color:"#e2e8f0",style:{fontFamily:"'Fira Code', 'Consolas', monospace",userSelect:"all",flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:d}),e(o,{flex:!0,ac:!0,gap:6,css:"\n flex-shrink: 0;\n padding: 4px 10px;\n border-radius: 6px;\n background: rgba(255,255,255,0.08);\n transition: background 0.2s;\n &:hover { background: rgba(255,255,255,0.15); }\n ",children:n(t,l?{children:[e(m,{size:12,color:"#4ade80"}),e(r,{text12R:!0,color:"#4ade80",children:"Copied"})]}:{children:[e(u,{size:12,color:"#94a3b8"}),e(r,{text12R:!0,color:"#94a3b8",children:"Copy"})]})})]})}function D(t){var i=t.version,a=void 0===i?"latest":i,l=x().open;return n(b,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:k,headerRightSlot:n(r,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",a]}),navBottomSlot:e(o,{p:12,children:e(r,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[n(o,{column:!0,gap:48,p:32,maxWidth:900,style:{minWidth:0},children:[e(w,{padding:24,children:n(o,{column:!0,gap:20,children:[n(o,{flex:!0,ac:!0,gap:14,children:[e(o,{flex:!0,ac:!0,css:"\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: linear-gradient(135deg, #CB3837 0%, #a82e2e 100%);\n justify-content: center;\n flex-shrink: 0;\n ",children:e(h,{size:24,color:"white"})}),n(o,{column:!0,gap:2,style:{flex:1},children:[e(r,{text20B:!0,color:"#1e293b",children:"@yeonpm/docs-template"}),e(r,{text14R:!0,color:"#94a3b8",children:"A reusable document-style layout & card component library for React"})]}),e("a",{href:"https://www.npmjs.com/package/@yeonpm/docs-template",target:"_blank",rel:"noopener noreferrer",style:{color:"#3b82f6",fontSize:13,fontWeight:500,textDecoration:"none",padding:"6px 14px",borderRadius:8,border:"1px solid #e2e8f0",transition:"all 0.2s",whiteSpace:"nowrap",flexShrink:0},onMouseEnter:function(e){e.currentTarget.style.background="#f8fafc",e.currentTarget.style.borderColor="#3b82f6"},onMouseLeave:function(e){e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="#e2e8f0"},children:"View on npm"})]}),e(T,{})]})}),n("section",{id:"overview",children:[e(v,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e(w,{children:n(o,{column:!0,gap:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Components"}),n(r,{text14R:!0,color:"#64748b",style:{lineHeight:1.8,whiteSpace:"pre-line"},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),n("section",{id:"cards",children:[e(v,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),n(o,{column:!0,gap:16,children:[e(g,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e(g,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e(g,{title:"Simple Title Card",description:"A minimal card with only a description."}),e(y,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:l})]})]}),n("section",{id:"card-image",children:[e(v,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),n(o,{column:!0,gap:16,children:[e(g,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e(g,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e(y,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:l})]})]}),n("section",{id:"card-citation",children:[e(v,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),n(o,{column:!0,gap:16,children:[e(g,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e(g,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e(y,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:l})]})]}),n("section",{id:"card-actions",children:[e(v,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),n(o,{column:!0,gap:16,children:[e(g,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e(g,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e(g,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return l({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:n(o,{column:!0,gap:16,children:[e(r,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e(w,{padding:12,children:e(r,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e(g,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e(y,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:l})]})]}),n("section",{id:"drawer",children:[e(v,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),n(o,{column:!0,gap:16,children:[e(w,{hoverable:!0,onClick:function(){return l({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:n(o,{column:!0,gap:12,children:[e(r,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e(r,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),n("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e("li",{children:"panelTitle: Large title at the top"}),e("li",{children:"subtitle: Description below the title"}),e("li",{children:"title: Fallback text when subtitle is absent"}),e("li",{children:"body: Free-form content"})]})]})})},children:n(o,{column:!0,gap:8,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e(r,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e(y,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:l})]})]}),n("section",{id:"card-wrapper",children:[e(v,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),n(o,{column:!0,gap:16,children:[n(o,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e(w,{children:n(o,{column:!0,gap:4,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Default"}),e(r,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e(w,{hoverable:!0,children:n(o,{column:!0,gap:4,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e(r,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e(w,{padding:24,children:n(o,{column:!0,gap:4,children:[e(r,{text16B:!0,color:"#1e293b",children:"padding=24"}),e(r,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e(w,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:n(o,{column:!0,gap:4,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e(r,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e(y,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:l})]})]}),e(o,{h:80})]}),e(f,{})]})}export{D as default};
|
|
1
|
+
import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import i from"react";import{Wrapper as o,Txt as r}from"@yeonpm/react";import{FaUser as a,FaBookOpen as l,FaCode as c,FaGraduationCap as d,FaBriefcase as s,FaAward as p,FaNpm as h,FaCheck as m,FaCopy as u,FaLink as g}from"react-icons/fa6";import C from"../shell/CommonizeShell.js";import b from"../components/CommonCard.js";import f from"../components/CommonizeDrawer.js";import w from"../components/CardWrapper.js";import{useCommonizeDrawerStore as x}from"../stores/commonizeDrawerStore.js";var k=[{key:"overview",label:"Overview",icon:e(a,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e(l,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e(c,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e(d,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e(s,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e(p,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e(c,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function y(t){var i=t.id,a=t.title,l=t.description;return n(o,{id:i,column:!0,gap:4,mb:8,children:[n(o,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(i);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(i))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e(r,{text24B:!0,color:"#1e293b",children:a}),e("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e(g,{size:14,color:"#94a3b8"})})]}),e(r,{text14R:!0,color:"#94a3b8",children:l})]})}function v(t){var i=t.code,a=t.title,l=t.open;return e(w,{hoverable:!0,padding:12,onClick:function(){return l({panelTitle:a,subtitle:"Source code for this example",body:e("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:i})})},children:n(o,{flex:!0,ac:!0,gap:8,children:[e(c,{size:14,color:"#64748b"}),e(r,{text14R:!0,color:"#64748b",children:"View Code"})]})})}function T(){var a=i.useState(!1),l=a[0],c=a[1],d="npm install @yeonpm/docs-template";return n(o,{flex:!0,ac:!0,pointer:!0,mouseCss:!0,onClick:function(){navigator.clipboard.writeText(d),c(!0),setTimeout(function(){return c(!1)},2e3)},css:"\n background: #0f172a;\n border-radius: 10px;\n padding: 14px 20px;\n gap: 12px;\n min-width: 0;\n transition: all 0.2s;\n &:hover {\n background: #1e293b;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n ",children:[e("span",{style:{color:"#4ade80",fontFamily:"'Fira Code', 'Consolas', monospace",fontSize:14,flexShrink:0},children:"$"}),e(r,{text14R:!0,color:"#e2e8f0",style:{fontFamily:"'Fira Code', 'Consolas', monospace",userSelect:"all",flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:d}),e(o,{flex:!0,ac:!0,gap:6,css:"\n flex-shrink: 0;\n padding: 4px 10px;\n border-radius: 6px;\n background: rgba(255,255,255,0.08);\n transition: background 0.2s;\n &:hover { background: rgba(255,255,255,0.15); }\n ",children:n(t,l?{children:[e(m,{size:12,color:"#4ade80"}),e(r,{text12R:!0,color:"#4ade80",children:"Copied"})]}:{children:[e(u,{size:12,color:"#94a3b8"}),e(r,{text12R:!0,color:"#94a3b8",children:"Copy"})]})})]})}function D(t){var i=t.version,a=void 0===i?"latest":i,l=x().open;return n(C,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",logo:"/yeonpm-logo.png",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:k,headerRightSlot:n(r,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",a]}),navBottomSlot:e(o,{p:12,children:e(r,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[e("style",{children:"\n .docs-guide-content { padding: 32px; }\n @media (max-width: 768px) { .docs-guide-content { padding: 16px; } }\n @media (max-width: 480px) { .docs-guide-content { padding: 12px; } }\n "}),n(o,{column:!0,gap:48,maxWidth:900,style:{minWidth:0},className:"docs-guide-content",children:[e(w,{padding:24,children:n(o,{column:!0,gap:20,children:[n(o,{flex:!0,ac:!0,gap:14,children:[e(o,{flex:!0,ac:!0,css:"\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: linear-gradient(135deg, #CB3837 0%, #a82e2e 100%);\n justify-content: center;\n flex-shrink: 0;\n ",children:e(h,{size:24,color:"white"})}),n(o,{column:!0,gap:2,style:{flex:1},children:[e(r,{text20B:!0,color:"#1e293b",children:"@yeonpm/docs-template"}),e(r,{text14R:!0,color:"#94a3b8",children:"A reusable document-style layout & card component library for React"})]}),e("a",{href:"https://www.npmjs.com/package/@yeonpm/docs-template",target:"_blank",rel:"noopener noreferrer",style:{color:"#3b82f6",fontSize:13,fontWeight:500,textDecoration:"none",padding:"6px 14px",borderRadius:8,border:"1px solid #e2e8f0",transition:"all 0.2s",whiteSpace:"nowrap",flexShrink:0},onMouseEnter:function(e){e.currentTarget.style.background="#f8fafc",e.currentTarget.style.borderColor="#3b82f6"},onMouseLeave:function(e){e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="#e2e8f0"},children:"View on npm"})]}),e(T,{})]})}),n("section",{id:"overview",children:[e(y,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e(w,{children:n(o,{column:!0,gap:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Components"}),n(r,{text14R:!0,color:"#64748b",style:{lineHeight:1.8,whiteSpace:"pre-line"},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),n("section",{id:"cards",children:[e(y,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),n(o,{column:!0,gap:16,children:[e(b,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e(b,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e(b,{title:"Simple Title Card",description:"A minimal card with only a description."}),e(v,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:l})]})]}),n("section",{id:"card-image",children:[e(y,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),n(o,{column:!0,gap:16,children:[e(b,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e(b,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e(v,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:l})]})]}),n("section",{id:"card-citation",children:[e(y,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),n(o,{column:!0,gap:16,children:[e(b,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e(b,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e(v,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:l})]})]}),n("section",{id:"card-actions",children:[e(y,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),n(o,{column:!0,gap:16,children:[e(b,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e(b,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e(b,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return l({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:n(o,{column:!0,gap:16,children:[e(r,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e(w,{padding:12,children:e(r,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e(b,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e(v,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:l})]})]}),n("section",{id:"drawer",children:[e(y,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),n(o,{column:!0,gap:16,children:[e(w,{hoverable:!0,onClick:function(){return l({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:n(o,{column:!0,gap:12,children:[e(r,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e(r,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),n("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e("li",{children:"panelTitle: Large title at the top"}),e("li",{children:"subtitle: Description below the title"}),e("li",{children:"title: Fallback text when subtitle is absent"}),e("li",{children:"body: Free-form content"})]})]})})},children:n(o,{column:!0,gap:8,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e(r,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e(v,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:l})]})]}),n("section",{id:"card-wrapper",children:[e(y,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),n(o,{column:!0,gap:16,children:[n(o,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e(w,{children:n(o,{column:!0,gap:4,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Default"}),e(r,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e(w,{hoverable:!0,children:n(o,{column:!0,gap:4,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e(r,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e(w,{padding:24,children:n(o,{column:!0,gap:4,children:[e(r,{text16B:!0,color:"#1e293b",children:"padding=24"}),e(r,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e(w,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:n(o,{column:!0,gap:4,p:8,children:[e(r,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e(r,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e(v,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:l})]})]}),e(o,{h:80})]}),e(f,{})]})}export{D as default};
|
|
2
2
|
//# sourceMappingURL=DocsGuide.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","InstallCommand","React","useState","copied","setCopied","cmd","setTimeout","flexShrink","userSelect","minWidth","overflow","textOverflow","_Fragment","FaCheck","text12R","FaCopy","DocsGuide","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","scrollTo","top","behavior","headerRightSlot","navBottomSlot","p","maxWidth","CardWrapper","FaNpm","text20B","href","rel","fontWeight","textDecoration","border","transition","onMouseEnter","e","currentTarget","background","borderColor","onMouseLeave","text16B","CommonCard","subTitle","period","image","src","alt","linkButton","author","value","isMain","authors","journal","year","doi","citation","onClickAsNewTab","onClickAsPopup","onClickAsDrawer","text16R","alert","paddingLeft","gridTemplateColumns","h","CommonizeDrawer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","InstallCommand","React","useState","copied","setCopied","cmd","setTimeout","flexShrink","userSelect","minWidth","overflow","textOverflow","_Fragment","FaCheck","text12R","FaCopy","DocsGuide","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","logo","scrollTo","top","behavior","headerRightSlot","navBottomSlot","p","maxWidth","CardWrapper","FaNpm","text20B","href","rel","fontWeight","textDecoration","border","transition","onMouseEnter","e","currentTarget","background","borderColor","onMouseLeave","text16B","CommonCard","subTitle","period","image","src","alt","linkButton","author","value","isMain","authors","journal","year","doi","citation","onClickAsNewTab","onClickAsPopup","onClickAsDrawer","text16R","alert","paddingLeft","gridTemplateColumns","h","CommonizeDrawer"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsxs as e,Fragment as i,jsx as n}from"react/jsx-runtime";import{Wrapper as t,Txt as o}from"@yeonpm/react";import{FaBars as r}from"react-icons/fa6";function a(a){var l=a.brand,m=a.rightSlot,d=a.onHamburgerClick;return e(i,{children:[n("style",{children:"\n @media (max-width: 768px) { .commonize-header-inner { padding: 0 12px !important; } }\n @media (max-width: 480px) { .commonize-header-inner { padding: 0 10px !important; } }\n "}),n("div",{style:{position:"fixed",top:0,left:0,right:0,width:"100%",height:64,backgroundColor:"white",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",zIndex:200,display:"flex",alignItems:"center",overflow:"hidden",fontFamily:"inherit"},children:e("div",{className:"commonize-header-inner",style:{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0 20px",boxSizing:"border-box"},children:[e(t,{mouseCss:!0,white:!0,p:8,pointer:!0,onClick:l.onClick,css:"\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n transition: transform 0.2s ease;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n &:hover {\n transform: translateY(-1px);\n }\n @media (max-width: 480px) {\n gap: 6px;\n .commonize-header-title { font-size: 16px; }\n .commonize-header-subtitle { font-size: 11px; }\n .commonize-header-logo { width: 26px !important; height: 26px !important; }\n }\n ",children:[l.logo?n("img",{src:l.logo,alt:"",className:"commonize-header-logo",style:{width:32,height:32,objectFit:"contain",flexShrink:0,borderRadius:4}}):null,n(o,{text22B:!0,color:"#1e293b",className:"commonize-header-title",children:l.title}),l.subtitle?n(o,{text18B:!0,color:"#64748b",className:"commonize-header-subtitle",children:l.subtitle}):null]}),e(t,{flex:!0,gap:16,ac:!0,mr:8,children:[m,n("a",{style:{display:"none",cursor:"pointer",color:"#272727",textDecoration:"none",marginLeft:16},onClick:d,className:"commonize-hamburger",children:n(r,{size:20})})]})]})})]})}export{a as default};
|
|
2
2
|
//# sourceMappingURL=CommonizeHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeHeader.js","sources":["../../../src/shell/CommonizeHeader.tsx"],"sourcesContent":[null],"names":["_a","brand","rightSlot","onHamburgerClick","
|
|
1
|
+
{"version":3,"file":"CommonizeHeader.js","sources":["../../../src/shell/CommonizeHeader.tsx"],"sourcesContent":[null],"names":["_a","brand","rightSlot","onHamburgerClick","_jsxs","children","_jsx","style","top","left","right","width","height","backgroundColor","boxShadow","zIndex","display","alignItems","overflow","fontFamily","className","justifyContent","padding","boxSizing","Wrapper","mouseCss","white","p","pointer","onClick","css","logo","src","alt","objectFit","flexShrink","borderRadius","Txt","text22B","color","title","subtitle","text18B","flex","gap","ac","mr","cursor","textDecoration","marginLeft","FaBars","size"],"mappings":"0JAIe,WAAyBA,GAGxC,IAAOC,EAAOD,EAAAC,MAAUC,EAAAF,EAAgBE,UAQvCC,EAAAH,EAAAG,iBAPC,OAAAC,IACA,CAAAC,SAAS,CAAAC,EAAA,kBACO,2MAAAA,EAAA,MAAA,CAAAC,MAAA,kBAcVC,IAAA,EACAC,KAAM,EACNC,MAAO,EACPC,MAAO,OACPC,OAAO,GACPC,gBAAU,QACVC,UAAA,4BACAC,OAAA,IACAC,QAAQ,OACRC,WAAS,SACTC,SAAU,SACVC,WAAU,WACVd,SAAAD,EAAY,MAAS,CAAAgB,UAAA,yBAAAb,MAAA,CACtBI,aAKGK,QAAO,OACPK,eAAe,gBACfJ,WAAA,SACAK,QAAA,SACAC,UAAS,cACTlB,SAAS,GAAEmB,EAAY,CAAAC,UAAA,EAAAC,OAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,QAAA5B,EAAA4B,QAAAC,IAAA,grBAAAzB,SAAA,CAAAJ,EAAA8B,KAAAzB,EAAA,MAAA,CAAA0B,IAAA/B,EAAA8B,KAAAE,IAAA,GAAAb,UAAA,wBAAAb,MAAA,CAAAI,MAAA,GAAAC,OAAA,GAAAsB,UAAA,UAAAC,WAAA,EAAAC,aAAA,KAAA,KAAA9B,EAAA+B,EAAA,CAAAC,SAAA,EAAAC,MAAA,UAAAnB,UAAA,yBAAAf,SAAAJ,EAAAuC,QAAAvC,EAAAwC,SAAAnC,EAAA+B,EAAA,CAAAK,SAAA,EAAAH,MAAA,UAAAnB,UAAA,4BAAAf,SAAAJ,EAAAwC,WAAA,QAAArC,EAAAoB,EAAA,CAAAmB,MAAA,EAAAC,IAAA,GAAAC,IAAA,EAAAC,GAAA,EAAAzC,SAAA,CAAAH,EAAAI,EAAA,IAAA,CAAAC,MAAA,CAGxBS,QAAO,OAiDF+B,iBACAR,gBACAS,eAAgB,OAChBC,WAAA,IACApB,QAAA1B,EAAciB,UAAA,sBAAAf,SAAAC,EAAA4C,EAAA,CAAAC,KAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as n,Fragment as e,jsx as t}from"react/jsx-runtime";import{useEffect as o}from"react";import{Wrapper as i}from"@yeonpm/react";import r from"./CommonizeHeader.js";import m from"./CommonizeSideNav.js";function d(d){var a=d.brand,c=d.navItems,l=d.children,h=d.headerRightSlot,s=d.navBottomSlot,f=d.navWidth,u=void 0===f?220:f;return o(function(){var n=function(){var n=document.querySelector(".commonize-hamburger");n&&(n.style.display=window.innerWidth<=768?"block":"none")};return n(),window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]),n(e,{children:[t("style",{children:"\n @media (max-width: 768px) {\n .commonize-main-content { padding-left: 0 !important; }\n }\n "}),t(r,{brand:a,rightSlot:h,onHamburgerClick:function(){return window.dispatchEvent(new Event("open-commonize-drawer"))}}),t(m,{items:c,bottomSlot:s,width:u}),t("div",{style:{minHeight:"100vh",height:"100%",width:"100%",maxWidth:"100vw",background:"#f8fafc",paddingLeft:u,paddingTop:64,boxSizing:"border-box",overflowX:"hidden",overflowY:"auto",fontFamily:"inherit"},className:"commonize-main-content",children:t(i,{column:!0,css:"",mr:"auto",gap:24,style:{minWidth:0},children:l})})]})}export{d as default};
|
|
2
2
|
//# sourceMappingURL=CommonizeShell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeShell.js","sources":["../../../src/shell/CommonizeShell.tsx"],"sourcesContent":[null],"names":["CommonizeShell","_a","brand","navItems","children","headerRightSlot","navBottomSlot","useEffect","update","document","querySelector","el","display","window","innerWidth","removeEventListener","_jsxs","_Fragment","_jsx","CommonizeHeader","rightSlot","onHamburgerClick","dispatchEvent","Event","CommonizeSideNav","items","bottomSlot","style","minHeight","height","
|
|
1
|
+
{"version":3,"file":"CommonizeShell.js","sources":["../../../src/shell/CommonizeShell.tsx"],"sourcesContent":[null],"names":["CommonizeShell","_a","brand","navItems","children","headerRightSlot","navBottomSlot","_b","navWidth","useEffect","update","document","querySelector","el","display","window","innerWidth","removeEventListener","_jsxs","_Fragment","_jsx","CommonizeHeader","rightSlot","onHamburgerClick","dispatchEvent","Event","CommonizeSideNav","items","bottomSlot","width","style","minHeight","height","maxWidth","background","paddingLeft","paddingTop","boxSizing","overflowX","overflowY","fontFamily","className","Wrapper","column","css","mr","gap","minWidth"],"mappings":"mNAKO,SAAgBA,EAAMC,GAG7B,IAAOC,EAAOD,EAAAC,MAAUC,EAAAF,EAAeE,SActCC,EAAAH,EAAAG,SAAAC,EAAAJ,EAAAI,gBAAAC,EAAAL,EAAAK,cAAAC,EAAAN,EAAAO,SAAAA,OAAA,IAAAD,EAAA,IAAAA,EAYC,OAzBAE,aAcA,IAAAC,EAAU,WACF,MAASC,SAAAC,cAAA,wBACPC,YAGGC,QAAOC,OAAAC,YAAA,IAAA,QAAA,OAChB,EAGF,OAFAN,IACAK,wBAAS,SAAAL,GACF,WAAA,cAA2BO,oBAAQ,SAAAP,EAAA,CAC1C,EAAA,IACKQ,EAAAC,EAAA,CAAAf,SAAA,CAAAgB,EAAA,QAAA,CAAAhB,SAAA,gIAAAgB,EAAAC,EAAA,CAAAnB,MAAAA,EAAAoB,UAAAjB,EAAAkB,iBAAA,WAGL,OAAAR,OAAAS,cACE,IAAAC,MAAA,6BASIL,EAAAM,EAAO,CAAaC,MAAKxB,EAAMyB,WAAAtB,EAAyBuB,MAAArB,IAAAY,EAAA,MAAA,CAAAU,MAAA,CAE1DC,UACD,QAGGC,OAAA,OACAH,aACAI,SAAO,QACPC,WAAU,UACVC,YAAY3B,EACZ4B,cACAC,uBACAC,UAAW,SACXC,UAAW,OACXC,WAAW,WACXC,UAAU,yBAAWrC,SAAAgB,EAAAsB,EAAA,CAAAC,QAAA,EAAAC,IAAA,GAAAC,GAAA,OAAAC,IAAA,GAAAhB,MAAA,CAAAiB,SAAA,GAAA3C,SAAAA,QACtB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as n,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as r,useMemo as i}from"react";import{Wrapper as
|
|
1
|
+
import{jsxs as e,Fragment as n,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as r,useMemo as i}from"react";import{Wrapper as a}from"@yeonpm/react";import{handleNavTarget as c}from"./linking.js";function l(l){var d=l.items,p=l.bottomSlot,s=l.width,u=void 0===s?220:s,m=l.headerOffset,f=void 0===m?64:m,x=o(!1),g=x[0],h=x[1];r(function(){var e=function(){return h(!0)};return window.addEventListener("open-commonize-drawer",e),function(){return window.removeEventListener("open-commonize-drawer",e)}},[]),r(function(){var e=function(e){e.target.matches(".commonize-nav-link")&&window.innerWidth<768&&h(!1)};return document.addEventListener("click",e),function(){return document.removeEventListener("click",e)}},[]);var v=i(function(){return{textDecoration:"none",display:"flex",alignItems:"center",gap:"12px",color:"#64748b",borderRadius:4,padding:"8px 12px",fontWeight:500,transition:"background 0.2s, color 0.2s",marginBottom:2,cursor:"pointer"}},[]),y=function(){return t("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:"8px"},children:d.map(function(n){return e("a",{className:"commonize-nav-link",style:v,onClick:function(e){e.preventDefault(),c(n.target)},onMouseOver:function(e){e.currentTarget.style.background="#f1f5f9",e.currentTarget.style.color="#2563eb"},onMouseOut:function(e){e.currentTarget.style.background="transparent",e.currentTarget.style.color="#64748b"},children:[n.icon?t("span",{style:{display:"flex",alignItems:"center"},children:n.icon}):null,n.label]},n.key)})})};return e(n,{children:[t("style",{children:"\n @media (max-width: 768px) {\n .commonize-desktop-nav { display: none !important; }\n }\n "}),e("div",{style:{position:"fixed",top:f,left:0,height:"calc(100vh - ".concat(f,"px)"),width:u,backgroundColor:"white",borderRight:"1px solid #e5e7eb",zIndex:100,padding:"40px 16px 20px 16px",display:"flex",flexDirection:"column",gap:"8px",fontFamily:"inherit"},className:"commonize-desktop-nav",children:[y(),p]}),g&&t("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.3)",zIndex:9999,display:"flex",flexDirection:"row"},className:"commonize-mobile-drawer-overlay",onClick:function(){return h(!1)},children:e(a,{style:{width:u,height:"100%",backgroundColor:"white",boxShadow:"2px 0 8px rgba(0,0,0,0.08)",padding:"20px 16px 20px",display:"flex",flexDirection:"column",gap:"8px",minWidth:180},overflowY:"auto",onClick:function(e){return e.stopPropagation()},children:[y(),p]})})]})}export{l as default};
|
|
2
2
|
//# sourceMappingURL=CommonizeSideNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonizeSideNav.js","sources":["../../../src/shell/CommonizeSideNav.tsx"],"sourcesContent":[null],"names":["CommonizeSideNav","items","_a","bottomSlot","_b","width","_c","headerOffset","_d","useState","drawerOpen","setDrawerOpen","useEffect","openDrawer","window","addEventListener","removeEventListener","handleClick","e","target","matches","document","linkStyle","useMemo","textDecoration","display","alignItems","gap","color","borderRadius","padding","fontWeight","transition","marginBottom","cursor","renderItems","_jsx","style","flexDirection","children","map","item","_jsxs","className","onClick","preventDefault","handleNavTarget","onMouseOver","currentTarget","background","icon","label","key","_Fragment","
|
|
1
|
+
{"version":3,"file":"CommonizeSideNav.js","sources":["../../../src/shell/CommonizeSideNav.tsx"],"sourcesContent":[null],"names":["CommonizeSideNav","items","_a","bottomSlot","_b","width","_c","headerOffset","_d","useState","drawerOpen","setDrawerOpen","useEffect","openDrawer","window","addEventListener","removeEventListener","handleClick","e","target","matches","document","linkStyle","useMemo","textDecoration","display","alignItems","gap","color","borderRadius","padding","fontWeight","transition","marginBottom","cursor","renderItems","_jsx","style","flexDirection","children","map","item","_jsxs","className","onClick","preventDefault","handleNavTarget","onMouseOver","currentTarget","background","icon","label","key","_Fragment","top","left","height","concat","backgroundColor","borderRight","zIndex","fontFamily","position","right","bottom","Wrapper","boxShadow","minWidth","overflowY","stopPropagation"],"mappings":"oNAKS,SAAeA,KAExB,IAAOC,EAAOC,EAAAD,MAAUE,EAAAD,EAAiBC,WAUxCC,EAAAF,EAAAG,MAAAA,OAAA,IAAAD,EAAA,IAAAA,EAAAE,EAAAJ,EAAAK,aAAAA,WAAAD,EAAA,GAAAA,EATCE,EAAKC,MACLC,EAAUF,EAAA,GAAAG,IACV,GAQMC,EAA8B,WAEpC,IAAAC,EAAU,WAAA,OAAAF,GAAA,EAAA,EAER,OADAG,OAAMC,iBAAa,wBAAMF,GAClB,WACP,OAAOC,OAAAE,oBAAA,wBAAAH,EACL,CAAA,EAAA,IACJD,EAAO,WAEP,IAAAK,EAAU,SAAAC,GACFA,EAAAC,OAAWC,QAAG,wBACXN,kBAA+B,KAChCH,GAAO,IAGf,OADAU,SAAEN,iBAAA,QAAAE,GACF,WAAS,gBAA0BD,oBAAa,QAAAC,EAAA,CAChD,EAAA,IACF,IAAGK,EAAIC,EAAA,WAAA,MAAA,CAEDC,eAAY,OAEdC,QAAA,OACAC,WAAS,SACTC,IAAA,OACAC,MAAK,UACLC,aAAO,EACPC,QAAA,WACAC,WAAS,IACTC,WAAY,8BACZC,aAAY,EACZC,OAAA,UACA,EAAA,IAXIC,EAcN,WAAA,OAAAC,EAAA,MAAA,CAAAC,MAAA,QAKIZ,QAAO,OACPa,cAAe,SACfX,IAAA,OACAY,SAAKtC,EAAKuC,IAAA,SAAAC,GAAA,OAAAC,EAAA,IAAA,CAAAC,UAAA,qBAAAN,MAAAf,EAAAsB,QAAA,SAAA1B,GACXA,EAAA2B,iBAQKC,EAAgBL,EAAGtB,OACnB,EAAA4B,YAAA,SAAqB7B,GAEvBA,EAAA8B,cAAaX,MAACY,WAAC,UACZ/B,EAAE8B,cAA8BX,MAAMT,MAAA,+BACDV,GAExCA,EAAA8B,cAAYX,MAAEY,WAAA,cACX/B,EAAE8B,cAA8BX,MAAMT,MAAA,uBACPsB,KAAOd,EAAK,cAAa,CAAAX,QAAA,OAAAC,WAAA,UAAAa,SAAAE,EAAAS,OAAA,KAAAT,EAAAU,QAAAV,EAAAW,IAAA,IAAA,SAC3DV,EAACW,GAEKd,SACJ,CAAAH,EAAA,QAAM,CAAAG,SAAS,6HAQvBG,EAAA,MAAA,CAAAL,MAAA,kBAWMiB,IAAA/C,EACAgD,KAAK,EACLC,OAAO,gBAAAC,OAAAlD,EAAA,OACPF,MAAMA,EACNqD,gBAAK,QACLC,YAAA,oBACAC,OAAA,IACA9B,QAAQ,sBACRL,QAAS,OACTa,cAAe,SACfX,IAAA,MACAkC,WAAU,WACVlB,UAAU,wBAAWJ,SAAA,CAAAJ,IAAAhC,KAAAO,GAAA0B,EAAA,MAAA,CAAAC,MAAA,CAEvByB,SAAU,QASNR,IAAA,EACAC,KAAM,EACNQ,MAAO,EACPC,OAAQ,EACR3D,aACAmD,OAAO,OACPE,gBAAc,kBACdE,OAAA,KACAnC,QAAQ,OACRa,cAAe,OACfK,UAAA,kCAAoBC,QAAA,WAAA,OAAAjC,GAAA,EAAA,EAAA4B,SAAAG,EAAAuB,EAAA,CAAA5B,MAAA,OAEZhC,EAKNmD,OAAK,OACLE,gBAAc,QACdQ,UAAA,6BACApC,QAAS,iBACTL,QAAS,OACTa,cAAe,SACfX,IAAA,MACAwC,SAAU,KACVC,UAAU,OAAGxB,QAAA,SAAA1B,GAAA,OAAAA,EAAAmD,iBAAA,EAAA9B,SAAA,CAAAJ,IAAAhC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -23,6 +23,8 @@ type CommonizeNavItem = {
|
|
|
23
23
|
type CommonizeBrand = {
|
|
24
24
|
title: string;
|
|
25
25
|
subtitle?: string;
|
|
26
|
+
/** Optional logo image URL (e.g. "/yeonpm-logo.png") shown to the left of the title */
|
|
27
|
+
logo?: string;
|
|
26
28
|
onClick?: () => void;
|
|
27
29
|
};
|
|
28
30
|
type CommonCardAuthor = string | Array<{
|
|
@@ -101,12 +103,13 @@ interface CitationModalProps {
|
|
|
101
103
|
}
|
|
102
104
|
declare function CitationModal({ open, onClose, publication, }: CitationModalProps): react_jsx_runtime.JSX.Element | null;
|
|
103
105
|
|
|
104
|
-
declare function CommonizeShell({ brand, navItems, children, headerRightSlot, navBottomSlot, }: {
|
|
106
|
+
declare function CommonizeShell({ brand, navItems, children, headerRightSlot, navBottomSlot, navWidth, }: {
|
|
105
107
|
brand: CommonizeBrand;
|
|
106
108
|
navItems: CommonizeNavItem[];
|
|
107
109
|
children: React.ReactNode;
|
|
108
110
|
headerRightSlot?: React.ReactNode;
|
|
109
111
|
navBottomSlot?: React.ReactNode;
|
|
112
|
+
navWidth?: number;
|
|
110
113
|
}): react_jsx_runtime.JSX.Element;
|
|
111
114
|
|
|
112
115
|
declare function CommonizeHeader({ brand, rightSlot, onHamburgerClick, }: {
|