robindoc 3.3.1 → 3.3.2
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import e,{useState as r,useRef as t,useCallback as n,useEffect as o}from"react";import{HeadingsContext as l,CurrentHeadingContext as c}from"./context.js";const i=({children:i})=>{const[s,
|
|
2
|
+
import e,{useState as r,useRef as t,useCallback as n,useEffect as o}from"react";import{HeadingsContext as l,CurrentHeadingContext as c}from"./context.js";const i=({children:i})=>{const[s,u]=r(null),d=t([]),m=n(e=>{if(e.scrollTop+20>e.scrollHeight-window.innerHeight)u(d.current.length-1);else{const r=d.current.findLastIndex(r=>r.offsetTop<e.scrollTop+100);e.scrollTop+100>e.scrollHeight-window.innerHeight&&r<d.current.length-2?u(d.current.length-2):u(r)}},[]);return o(()=>{let e=!1;const r=document.querySelector(".r-root");if(!r)return;const t=r===document.documentElement?window:r,n=()=>{!e&&window.innerWidth>1080&&(e=!0,setTimeout(()=>{m(r),e=!1},100))};return m(r),t.addEventListener("scroll",n),()=>{t.removeEventListener("scroll",n)}},[]),e.createElement(l.Provider,{value:d.current},e.createElement(c.Provider,{value:s},i))};export{i as ContentsProvider};
|
|
3
3
|
//# sourceMappingURL=provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","sources":["../../../../src/components/contexts/contents/provider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CurrentHeadingContext, HeadingsContext } from \"./context\";\n\nexport const ContentsProvider: React.FC<React.PropsWithChildren> = ({ children }) => {\n const [activeIndex, setActiveIndex] = useState<number | null>(null);\n const headings = useRef<HTMLHeadingElement[]>([]);\n\n const updateTargetSection = useCallback((rootElement: HTMLElement) => {\n if (rootElement.scrollTop + 20 > rootElement.scrollHeight - window.innerHeight) {\n setActiveIndex(headings.current.length - 1);\n } else {\n const headingIndex = headings.current.findLastIndex((el) => el.offsetTop < rootElement.scrollTop + 100);\n if (\n rootElement.scrollTop + 100 > rootElement.scrollHeight - window.innerHeight &&\n headingIndex < headings.current.length - 2\n ) {\n setActiveIndex(headings.current.length - 2);\n } else {\n setActiveIndex(headingIndex);\n }\n }\n }, []);\n\n useEffect(() => {\n let scheduledAnimationFrame = false;\n const rootElement = document.querySelector<HTMLElement>(\".r-root\");\n\n if (!rootElement) return;\n\n const scrollElement = rootElement
|
|
1
|
+
{"version":3,"file":"provider.js","sources":["../../../../src/components/contexts/contents/provider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CurrentHeadingContext, HeadingsContext } from \"./context\";\n\nexport const ContentsProvider: React.FC<React.PropsWithChildren> = ({ children }) => {\n const [activeIndex, setActiveIndex] = useState<number | null>(null);\n const headings = useRef<HTMLHeadingElement[]>([]);\n\n const updateTargetSection = useCallback((rootElement: HTMLElement) => {\n if (rootElement.scrollTop + 20 > rootElement.scrollHeight - window.innerHeight) {\n setActiveIndex(headings.current.length - 1);\n } else {\n const headingIndex = headings.current.findLastIndex((el) => el.offsetTop < rootElement.scrollTop + 100);\n if (\n rootElement.scrollTop + 100 > rootElement.scrollHeight - window.innerHeight &&\n headingIndex < headings.current.length - 2\n ) {\n setActiveIndex(headings.current.length - 2);\n } else {\n setActiveIndex(headingIndex);\n }\n }\n }, []);\n\n useEffect(() => {\n let scheduledAnimationFrame = false;\n const rootElement = document.querySelector<HTMLElement>(\".r-root\");\n\n if (!rootElement) return;\n\n const scrollElement = rootElement === document.documentElement ? window : rootElement;\n\n const scrollHandler = () => {\n if (!scheduledAnimationFrame && window.innerWidth > 1080) {\n scheduledAnimationFrame = true;\n setTimeout(() => {\n updateTargetSection(rootElement);\n scheduledAnimationFrame = false;\n }, 100);\n }\n };\n\n updateTargetSection(rootElement);\n scrollElement.addEventListener(\"scroll\", scrollHandler);\n\n return () => {\n scrollElement.removeEventListener(\"scroll\", scrollHandler);\n };\n }, []);\n\n return (\n <HeadingsContext.Provider value={headings.current}>\n <CurrentHeadingContext.Provider value={activeIndex}>{children}</CurrentHeadingContext.Provider>\n </HeadingsContext.Provider>\n );\n};\n"],"names":["ContentsProvider","children","activeIndex","setActiveIndex","useState","headings","useRef","updateTargetSection","useCallback","rootElement","scrollTop","scrollHeight","window","innerHeight","current","length","headingIndex","findLastIndex","el","offsetTop","useEffect","scheduledAnimationFrame","document","querySelector","scrollElement","documentElement","scrollHandler","innerWidth","setTimeout","addEventListener","removeEventListener","React","createElement","HeadingsContext","Provider","value","CurrentHeadingContext"],"mappings":"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"}
|
package/lib/styles.css
CHANGED
|
@@ -422,6 +422,24 @@
|
|
|
422
422
|
--r-cl-60: #86181d;
|
|
423
423
|
--r-cl-61: #144620;
|
|
424
424
|
--r-cl-62: #c24e00;
|
|
425
|
+
}.r-blog-container {
|
|
426
|
+
min-height: calc(100dvh - var(--r-header-height));
|
|
427
|
+
overflow-wrap: break-word;
|
|
428
|
+
box-sizing: border-box;
|
|
429
|
+
}
|
|
430
|
+
@media screen and (width >= 1180px) {
|
|
431
|
+
.r-blog-container {
|
|
432
|
+
display: grid;
|
|
433
|
+
justify-content: space-between;
|
|
434
|
+
column-gap: 40px;
|
|
435
|
+
grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
|
|
436
|
+
grid-template-columns: 760px 220px;
|
|
437
|
+
grid-template-rows: auto 1fr auto;
|
|
438
|
+
}
|
|
439
|
+
}.r-page-container {
|
|
440
|
+
min-height: calc(100dvh - var(--r-header-height));
|
|
441
|
+
overflow-wrap: break-word;
|
|
442
|
+
box-sizing: border-box;
|
|
425
443
|
}.r-docs-container {
|
|
426
444
|
min-height: calc(100dvh - var(--r-header-height));
|
|
427
445
|
overflow-wrap: break-word;
|
|
@@ -444,24 +462,6 @@
|
|
|
444
462
|
grid-template-columns: 1fr 640px 1fr;
|
|
445
463
|
grid-template-rows: auto 1fr auto;
|
|
446
464
|
}
|
|
447
|
-
}.r-blog-container {
|
|
448
|
-
min-height: calc(100dvh - var(--r-header-height));
|
|
449
|
-
overflow-wrap: break-word;
|
|
450
|
-
box-sizing: border-box;
|
|
451
|
-
}
|
|
452
|
-
@media screen and (width >= 1180px) {
|
|
453
|
-
.r-blog-container {
|
|
454
|
-
display: grid;
|
|
455
|
-
justify-content: space-between;
|
|
456
|
-
column-gap: 40px;
|
|
457
|
-
grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
|
|
458
|
-
grid-template-columns: 760px 220px;
|
|
459
|
-
grid-template-rows: auto 1fr auto;
|
|
460
|
-
}
|
|
461
|
-
}.r-page-container {
|
|
462
|
-
min-height: calc(100dvh - var(--r-header-height));
|
|
463
|
-
overflow-wrap: break-word;
|
|
464
|
-
box-sizing: border-box;
|
|
465
465
|
}.keylink-to-content {
|
|
466
466
|
position: absolute !important;
|
|
467
467
|
top: 8px;
|
|
@@ -880,6 +880,103 @@
|
|
|
880
880
|
.r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
|
|
881
881
|
transform: translateY(0) rotate(-45deg);
|
|
882
882
|
margin-top: 0;
|
|
883
|
+
}.r-dropdown {
|
|
884
|
+
position: relative;
|
|
885
|
+
color: var(--r-neutral-600);
|
|
886
|
+
transition: color 0.2s 0.1s;
|
|
887
|
+
}
|
|
888
|
+
.r-dropdown:hover, .r-dropdown:focus-within {
|
|
889
|
+
color: var(--r-neutral-950);
|
|
890
|
+
}
|
|
891
|
+
.r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
|
|
892
|
+
visibility: visible;
|
|
893
|
+
pointer-events: all;
|
|
894
|
+
transform: translateY(20px);
|
|
895
|
+
opacity: 1;
|
|
896
|
+
}
|
|
897
|
+
.r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
|
|
898
|
+
transform: rotate(180deg);
|
|
899
|
+
}
|
|
900
|
+
|
|
901
|
+
.r-dropdown-summary {
|
|
902
|
+
display: flex;
|
|
903
|
+
justify-content: space-between;
|
|
904
|
+
align-items: center;
|
|
905
|
+
width: 100%;
|
|
906
|
+
position: relative;
|
|
907
|
+
color: inherit;
|
|
908
|
+
cursor: pointer;
|
|
909
|
+
padding: 10px 4px;
|
|
910
|
+
font-size: 16px;
|
|
911
|
+
border: 0;
|
|
912
|
+
background: none;
|
|
913
|
+
z-index: 1;
|
|
914
|
+
box-sizing: border-box;
|
|
915
|
+
}
|
|
916
|
+
|
|
917
|
+
.r-dropdown-chevron {
|
|
918
|
+
display: block;
|
|
919
|
+
margin-left: 6px;
|
|
920
|
+
transition: transform 0.3s 0.1s;
|
|
921
|
+
box-sizing: border-box;
|
|
922
|
+
}
|
|
923
|
+
|
|
924
|
+
.r-dropdown-drop {
|
|
925
|
+
list-style: none;
|
|
926
|
+
position: absolute;
|
|
927
|
+
top: 16px;
|
|
928
|
+
left: -12px;
|
|
929
|
+
visibility: hidden;
|
|
930
|
+
pointer-events: none;
|
|
931
|
+
opacity: 0;
|
|
932
|
+
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
|
|
933
|
+
background-color: var(--r-neutral-50);
|
|
934
|
+
border: 1px solid var(--r-neutral-100);
|
|
935
|
+
border-radius: 8px;
|
|
936
|
+
margin: 0;
|
|
937
|
+
padding: 2px 6px;
|
|
938
|
+
min-width: 120px;
|
|
939
|
+
max-width: 180px;
|
|
940
|
+
box-sizing: border-box;
|
|
941
|
+
}
|
|
942
|
+
|
|
943
|
+
.r-dropdown-link {
|
|
944
|
+
display: block;
|
|
945
|
+
width: 100%;
|
|
946
|
+
text-decoration: none;
|
|
947
|
+
color: var(--r-neutral-700);
|
|
948
|
+
padding: 4px 8px;
|
|
949
|
+
margin-top: 4px;
|
|
950
|
+
margin-bottom: 4px;
|
|
951
|
+
border-radius: 4px;
|
|
952
|
+
transition: background-color 0.2s;
|
|
953
|
+
box-sizing: border-box;
|
|
954
|
+
}
|
|
955
|
+
.r-dropdown-link:hover {
|
|
956
|
+
color: var(--r-neutral-900);
|
|
957
|
+
background-color: var(--r-neutral-100);
|
|
958
|
+
}
|
|
959
|
+
|
|
960
|
+
.r-dropdown-link._active {
|
|
961
|
+
color: var(--r-primary-700);
|
|
962
|
+
}.r-header-social {
|
|
963
|
+
display: flex;
|
|
964
|
+
flex: 1;
|
|
965
|
+
justify-content: flex-end;
|
|
966
|
+
}
|
|
967
|
+
@media screen and (width >= 1024px) {
|
|
968
|
+
.r-header-social {
|
|
969
|
+
flex: none;
|
|
970
|
+
justify-content: unset;
|
|
971
|
+
}
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
.r-header-social-git {
|
|
975
|
+
color: var(--r-neutral-700);
|
|
976
|
+
transition: color 0.2s;
|
|
977
|
+
}
|
|
978
|
+
.r-header-social-git:hover, .r-header-social-git:focus {
|
|
979
|
+
color: var(--r-neutral-950);
|
|
883
980
|
}.r-search-btn {
|
|
884
981
|
position: relative;
|
|
885
982
|
border-radius: 6px;
|
|
@@ -996,103 +1093,6 @@
|
|
|
996
1093
|
font-size: 14px;
|
|
997
1094
|
color: var(--r-neutral-600);
|
|
998
1095
|
margin: 12px 0 0;
|
|
999
|
-
}.r-dropdown {
|
|
1000
|
-
position: relative;
|
|
1001
|
-
color: var(--r-neutral-600);
|
|
1002
|
-
transition: color 0.2s 0.1s;
|
|
1003
|
-
}
|
|
1004
|
-
.r-dropdown:hover, .r-dropdown:focus-within {
|
|
1005
|
-
color: var(--r-neutral-950);
|
|
1006
|
-
}
|
|
1007
|
-
.r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
|
|
1008
|
-
visibility: visible;
|
|
1009
|
-
pointer-events: all;
|
|
1010
|
-
transform: translateY(20px);
|
|
1011
|
-
opacity: 1;
|
|
1012
|
-
}
|
|
1013
|
-
.r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
|
|
1014
|
-
transform: rotate(180deg);
|
|
1015
|
-
}
|
|
1016
|
-
|
|
1017
|
-
.r-dropdown-summary {
|
|
1018
|
-
display: flex;
|
|
1019
|
-
justify-content: space-between;
|
|
1020
|
-
align-items: center;
|
|
1021
|
-
width: 100%;
|
|
1022
|
-
position: relative;
|
|
1023
|
-
color: inherit;
|
|
1024
|
-
cursor: pointer;
|
|
1025
|
-
padding: 10px 4px;
|
|
1026
|
-
font-size: 16px;
|
|
1027
|
-
border: 0;
|
|
1028
|
-
background: none;
|
|
1029
|
-
z-index: 1;
|
|
1030
|
-
box-sizing: border-box;
|
|
1031
|
-
}
|
|
1032
|
-
|
|
1033
|
-
.r-dropdown-chevron {
|
|
1034
|
-
display: block;
|
|
1035
|
-
margin-left: 6px;
|
|
1036
|
-
transition: transform 0.3s 0.1s;
|
|
1037
|
-
box-sizing: border-box;
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
|
-
.r-dropdown-drop {
|
|
1041
|
-
list-style: none;
|
|
1042
|
-
position: absolute;
|
|
1043
|
-
top: 16px;
|
|
1044
|
-
left: -12px;
|
|
1045
|
-
visibility: hidden;
|
|
1046
|
-
pointer-events: none;
|
|
1047
|
-
opacity: 0;
|
|
1048
|
-
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
|
|
1049
|
-
background-color: var(--r-neutral-50);
|
|
1050
|
-
border: 1px solid var(--r-neutral-100);
|
|
1051
|
-
border-radius: 8px;
|
|
1052
|
-
margin: 0;
|
|
1053
|
-
padding: 2px 6px;
|
|
1054
|
-
min-width: 120px;
|
|
1055
|
-
max-width: 180px;
|
|
1056
|
-
box-sizing: border-box;
|
|
1057
|
-
}
|
|
1058
|
-
|
|
1059
|
-
.r-dropdown-link {
|
|
1060
|
-
display: block;
|
|
1061
|
-
width: 100%;
|
|
1062
|
-
text-decoration: none;
|
|
1063
|
-
color: var(--r-neutral-700);
|
|
1064
|
-
padding: 4px 8px;
|
|
1065
|
-
margin-top: 4px;
|
|
1066
|
-
margin-bottom: 4px;
|
|
1067
|
-
border-radius: 4px;
|
|
1068
|
-
transition: background-color 0.2s;
|
|
1069
|
-
box-sizing: border-box;
|
|
1070
|
-
}
|
|
1071
|
-
.r-dropdown-link:hover {
|
|
1072
|
-
color: var(--r-neutral-900);
|
|
1073
|
-
background-color: var(--r-neutral-100);
|
|
1074
|
-
}
|
|
1075
|
-
|
|
1076
|
-
.r-dropdown-link._active {
|
|
1077
|
-
color: var(--r-primary-700);
|
|
1078
|
-
}.r-header-social {
|
|
1079
|
-
display: flex;
|
|
1080
|
-
flex: 1;
|
|
1081
|
-
justify-content: flex-end;
|
|
1082
|
-
}
|
|
1083
|
-
@media screen and (width >= 1024px) {
|
|
1084
|
-
.r-header-social {
|
|
1085
|
-
flex: none;
|
|
1086
|
-
justify-content: unset;
|
|
1087
|
-
}
|
|
1088
|
-
}
|
|
1089
|
-
|
|
1090
|
-
.r-header-social-git {
|
|
1091
|
-
color: var(--r-neutral-700);
|
|
1092
|
-
transition: color 0.2s;
|
|
1093
|
-
}
|
|
1094
|
-
.r-header-social-git:hover, .r-header-social-git:focus {
|
|
1095
|
-
color: var(--r-neutral-950);
|
|
1096
1096
|
}.r-container {
|
|
1097
1097
|
max-width: 1180px;
|
|
1098
1098
|
padding-right: 12px;
|
|
@@ -1988,11 +1988,6 @@
|
|
|
1988
1988
|
list-style-position: inside;
|
|
1989
1989
|
margin-block-start: 1em;
|
|
1990
1990
|
margin-block-end: 1em;
|
|
1991
|
-
}.r-ul {
|
|
1992
|
-
padding-inline-start: 0;
|
|
1993
|
-
list-style-position: inside;
|
|
1994
|
-
margin-block-start: 1em;
|
|
1995
|
-
margin-block-end: 1em;
|
|
1996
1991
|
}.r-li {
|
|
1997
1992
|
line-height: 1.8;
|
|
1998
1993
|
margin-block-start: 6px;
|
|
@@ -2004,6 +1999,11 @@
|
|
|
2004
1999
|
padding-inline-start: 20px;
|
|
2005
2000
|
margin-block-start: 6px;
|
|
2006
2001
|
margin-block-end: 6px;
|
|
2002
|
+
}.r-ul {
|
|
2003
|
+
padding-inline-start: 0;
|
|
2004
|
+
list-style-position: inside;
|
|
2005
|
+
margin-block-start: 1em;
|
|
2006
|
+
margin-block-end: 1em;
|
|
2007
2007
|
}.r-table {
|
|
2008
2008
|
min-width: 100%;
|
|
2009
2009
|
text-align: left;
|
package/package.json
CHANGED