FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
ProdigiousPython/docs/_static/copybutton.js at develop · ProdigiousPython/ProdigiousPython · GitHub
Uh oh!
There was an error while loading.
Please reload this page
.
ProdigiousPython
/
ProdigiousPython
Public
Notifications
You must be signed in to change notification settings
Fork
6
Star
9
Code
Issues
3
Pull requests
5
Discussions
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Discussions
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
ProdigiousPython
/
docs
/
_static
/
copybutton.js
Copy path
More file actions
More file actions
Latest commit
History
History
History
248 lines (218 loc) · 8.27 KB
Breadcrumbs
ProdigiousPython
/
docs
/
_static
/
copybutton.js
Copy path
File metadata and controls
248 lines (218 loc) · 8.27 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
// Localization support
const
messages
=
{
'en'
:
{
'copy'
:
'Copy'
,
'copy_to_clipboard'
:
'Copy to clipboard'
,
'copy_success'
:
'Copied!'
,
'copy_failure'
:
'Failed to copy'
,
}
,
'es'
:
{
'copy'
:
'Copiar'
,
'copy_to_clipboard'
:
'Copiar al portapapeles'
,
'copy_success'
:
'¡Copiado!'
,
'copy_failure'
:
'Error al copiar'
,
}
,
'de'
:
{
'copy'
:
'Kopieren'
,
'copy_to_clipboard'
:
'In die Zwischenablage kopieren'
,
'copy_success'
:
'Kopiert!'
,
'copy_failure'
:
'Fehler beim Kopieren'
,
}
,
'fr'
:
{
'copy'
:
'Copier'
,
'copy_to_clipboard'
:
'Copier dans le presse-papier'
,
'copy_success'
:
'Copié !'
,
'copy_failure'
:
'Échec de la copie'
,
}
,
'ru'
:
{
'copy'
:
'Скопировать'
,
'copy_to_clipboard'
:
'Скопировать в буфер'
,
'copy_success'
:
'Скопировано!'
,
'copy_failure'
:
'Не удалось скопировать'
,
}
,
'zh-CN'
:
{
'copy'
:
'复制'
,
'copy_to_clipboard'
:
'复制到剪贴板'
,
'copy_success'
:
'复制成功!'
,
'copy_failure'
:
'复制失败'
,
}
,
'it'
:
{
'copy'
:
'Copiare'
,
'copy_to_clipboard'
:
'Copiato negli appunti'
,
'copy_success'
:
'Copiato!'
,
'copy_failure'
:
'Errore durante la copia'
,
}
}
let
locale
=
'en'
if
(
document
.
documentElement
.
lang
!==
undefined
&&
messages
[
document
.
documentElement
.
lang
]
!==
undefined
)
{
locale
=
document
.
documentElement
.
lang
}
let
doc_url_root
=
DOCUMENTATION_OPTIONS
.
URL_ROOT
;
if
(
doc_url_root
==
'#'
)
{
doc_url_root
=
''
;
}
/**
* SVG files for our copy buttons
*/
let
iconCheck
=
`<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-check" width="44" height="44" viewBox="0 0 24 24" stroke-width="2" stroke="#22863a" fill="none" stroke-linecap="round" stroke-linejoin="round">
<title>
${
messages
[
locale
]
[
'copy_success'
]
}
</title>
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M5 12l5 5l10 -10" />
</svg>`
// If the user specified their own SVG use that, otherwise use the default
let
iconCopy
=
``
;
if
(
!
iconCopy
)
{
iconCopy
=
`<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-copy" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round">
<title>
${
messages
[
locale
]
[
'copy_to_clipboard'
]
}
</title>
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<rect x="8" y="8" width="12" height="12" rx="2" />
<path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" />
</svg>`
}
/**
* Set up copy/paste for code blocks
*/
const
runWhenDOMLoaded
=
cb
=>
{
if
(
document
.
readyState
!=
'loading'
)
{
cb
(
)
}
else
if
(
document
.
addEventListener
)
{
document
.
addEventListener
(
'DOMContentLoaded'
,
cb
)
}
else
{
document
.
attachEvent
(
'onreadystatechange'
,
function
(
)
{
if
(
document
.
readyState
==
'complete'
)
cb
(
)
}
)
}
}
const
codeCellId
=
index
=>
`codecell
${
index
}
`
// Clears selected text since ClipboardJS will select the text when copying
const
clearSelection
=
(
)
=>
{
if
(
window
.
getSelection
)
{
window
.
getSelection
(
)
.
removeAllRanges
(
)
}
else
if
(
document
.
selection
)
{
document
.
selection
.
empty
(
)
}
}
// Changes tooltip text for a moment, then changes it back
// We want the timeout of our `success` class to be a bit shorter than the
// tooltip and icon change, so that we can hide the icon before changing back.
var
timeoutIcon
=
2000
;
var
timeoutSuccessClass
=
1500
;
const
temporarilyChangeTooltip
=
(
el
,
oldText
,
newText
)
=>
{
el
.
setAttribute
(
'data-tooltip'
,
newText
)
el
.
classList
.
add
(
'success'
)
// Remove success a little bit sooner than we change the tooltip
// So that we can use CSS to hide the copybutton first
setTimeout
(
(
)
=>
el
.
classList
.
remove
(
'success'
)
,
timeoutSuccessClass
)
setTimeout
(
(
)
=>
el
.
setAttribute
(
'data-tooltip'
,
oldText
)
,
timeoutIcon
)
}
// Changes the copy button icon for two seconds, then changes it back
const
temporarilyChangeIcon
=
(
el
)
=>
{
el
.
innerHTML
=
iconCheck
;
setTimeout
(
(
)
=>
{
el
.
innerHTML
=
iconCopy
}
,
timeoutIcon
)
}
const
addCopyButtonToCodeCells
=
(
)
=>
{
// If ClipboardJS hasn't loaded, wait a bit and try again. This
// happens because we load ClipboardJS asynchronously.
if
(
window
.
ClipboardJS
===
undefined
)
{
setTimeout
(
addCopyButtonToCodeCells
,
250
)
return
}
// Add copybuttons to all of our code cells
const
COPYBUTTON_SELECTOR
=
'div.highlight pre'
;
const
codeCells
=
document
.
querySelectorAll
(
COPYBUTTON_SELECTOR
)
codeCells
.
forEach
(
(
codeCell
,
index
)
=>
{
const
id
=
codeCellId
(
index
)
codeCell
.
setAttribute
(
'id'
,
id
)
const
clipboardButton
=
id
=>
`<button class="copybtn o-tooltip--left" data-tooltip="
${
messages
[
locale
]
[
'copy'
]
}
" data-clipboard-target="#
${
id
}
">
${
iconCopy
}
</button>`
codeCell
.
insertAdjacentHTML
(
'afterend'
,
clipboardButton
(
id
)
)
}
)
function
escapeRegExp
(
string
)
{
return
string
.
replace
(
/
[
.
*
+
?
^
$
{
}
(
)
|
[
\]
\\
]
/
g
,
'\\$&'
)
;
// $& means the whole matched string
}
/**
* Removes excluded text from a Node.
*
*
@param
{
Node
} target Node to filter.
*
@param
{
string
} exclude CSS selector of nodes to exclude.
*
@returns
{
DOMString
} Text from `target` with text removed.
*/
function
filterText
(
target
,
exclude
)
{
const
clone
=
target
.
cloneNode
(
true
)
;
// clone as to not modify the live DOM
if
(
exclude
)
{
// remove excluded nodes
clone
.
querySelectorAll
(
exclude
)
.
forEach
(
node
=>
node
.
remove
(
)
)
;
}
return
clone
.
innerText
;
}
// Callback when a copy button is clicked. Will be passed the node that was clicked
// should then grab the text and replace pieces of text that shouldn't be used in output
function
formatCopyText
(
textContent
,
copybuttonPromptText
,
isRegexp
=
false
,
onlyCopyPromptLines
=
true
,
removePrompts
=
true
,
copyEmptyLines
=
true
,
lineContinuationChar
=
""
,
hereDocDelim
=
""
)
{
var
regexp
;
var
match
;
// Do we check for line continuation characters and "HERE-documents"?
var
useLineCont
=
!
!
lineContinuationChar
var
useHereDoc
=
!
!
hereDocDelim
// create regexp to capture prompt and remaining line
if
(
isRegexp
)
{
regexp
=
new
RegExp
(
'^('
+
copybuttonPromptText
+
')(.*)'
)
}
else
{
regexp
=
new
RegExp
(
'^('
+
escapeRegExp
(
copybuttonPromptText
)
+
')(.*)'
)
}
const
outputLines
=
[
]
;
var
promptFound
=
false
;
var
gotLineCont
=
false
;
var
gotHereDoc
=
false
;
const
lineGotPrompt
=
[
]
;
for
(
const
line
of
textContent
.
split
(
'\n'
)
)
{
match
=
line
.
match
(
regexp
)
if
(
match
||
gotLineCont
||
gotHereDoc
)
{
promptFound
=
regexp
.
test
(
line
)
lineGotPrompt
.
push
(
promptFound
)
if
(
removePrompts
&&
promptFound
)
{
outputLines
.
push
(
match
[
2
]
)
}
else
{
outputLines
.
push
(
line
)
}
gotLineCont
=
line
.
endsWith
(
lineContinuationChar
)
&
useLineCont
if
(
line
.
includes
(
hereDocDelim
)
&
useHereDoc
)
gotHereDoc
=
!
gotHereDoc
}
else
if
(
!
onlyCopyPromptLines
)
{
outputLines
.
push
(
line
)
}
else
if
(
copyEmptyLines
&&
line
.
trim
(
)
===
''
)
{
outputLines
.
push
(
line
)
}
}
// If no lines with the prompt were found then just use original lines
if
(
lineGotPrompt
.
some
(
v
=>
v
===
true
)
)
{
textContent
=
outputLines
.
join
(
'\n'
)
;
}
// Remove a trailing newline to avoid auto-running when pasting
if
(
textContent
.
endsWith
(
"\n"
)
)
{
textContent
=
textContent
.
slice
(
0
,
-
1
)
}
return
textContent
}
var
copyTargetText
=
(
trigger
)
=>
{
var
target
=
document
.
querySelector
(
trigger
.
attributes
[
'data-clipboard-target'
]
.
value
)
;
// get filtered text
let
exclude
=
'.linenos'
;
let
text
=
filterText
(
target
,
exclude
)
;
return
formatCopyText
(
text
,
''
,
false
,
true
,
true
,
true
,
''
,
''
)
}
// Initialize with a callback so we can modify the text before copy
const
clipboard
=
new
ClipboardJS
(
'.copybtn'
,
{
text
:
copyTargetText
}
)
// Update UI with error/success messages
clipboard
.
on
(
'success'
,
event
=>
{
clearSelection
(
)
temporarilyChangeTooltip
(
event
.
trigger
,
messages
[
locale
]
[
'copy'
]
,
messages
[
locale
]
[
'copy_success'
]
)
temporarilyChangeIcon
(
event
.
trigger
)
}
)
clipboard
.
on
(
'error'
,
event
=>
{
temporarilyChangeTooltip
(
event
.
trigger
,
messages
[
locale
]
[
'copy'
]
,
messages
[
locale
]
[
'copy_failure'
]
)
}
)
}
runWhenDOMLoaded
(
addCopyButtonToCodeCells
)
Back
|
FazBrowse Home
|
New Git URL