3 <html lang=
"en" class=
"no-js">
7 <meta name=
"viewport" content=
"width=device-width,initial-scale=1">
12 <link rel=
"icon" href=
"../../../assets/default.favicon.ico">
13 <meta name=
"generator" content=
"mkdocs-1.1.2, mkdocs-material-7.1.0">
17 <title>Third Party Libraries - WoltLab Suite Documentation
</title>
21 <link rel=
"stylesheet" href=
"../../../assets/stylesheets/main.33e2939f.min.css">
24 <link rel=
"stylesheet" href=
"../../../assets/stylesheets/palette.ef6f36e2.min.css">
28 <meta name=
"theme-color" content=
"#009485">
38 <link rel=
"stylesheet" href=
"../../../stylesheets/extra.css">
52 <body dir=
"ltr" data-md-color-scheme=
"" data-md-color-primary=
"teal" data-md-color-accent=
"">
55 <script>function __prefix(e){return new URL(
"../../..",location).pathname+
"."+e}function __get(e,t=localStorage){return JSON.parse(t.getItem(__prefix(e)))}
</script>
57 <input class=
"md-toggle" data-md-toggle=
"drawer" type=
"checkbox" id=
"__drawer" autocomplete=
"off">
58 <input class=
"md-toggle" data-md-toggle=
"search" type=
"checkbox" id=
"__search" autocomplete=
"off">
59 <label class=
"md-overlay" for=
"__drawer"></label>
60 <div data-md-component=
"skip">
63 <a href=
"#migrating-from-wsc-53-third-party-libraries" class=
"md-skip">
68 <div data-md-component=
"announce">
70 <aside class=
"md-announce">
71 <div class=
"md-announce__inner md-grid md-typeset">
73 <a href=
"https://www.woltlab.com">Back to
<strong>woltlab.com
</strong></a>
80 <header class=
"md-header" data-md-component=
"header">
81 <nav class=
"md-header__inner md-grid" aria-label=
"Header">
82 <a href=
"../../.." title=
"WoltLab Suite Documentation" class=
"md-header__button md-logo" aria-label=
"WoltLab Suite Documentation" data-md-component=
"logo">
84 <img src=
"../../../assets/logo.png" alt=
"logo">
87 <label class=
"md-header__button md-icon" for=
"__drawer">
88 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg>
90 <div class=
"md-header__title" data-md-component=
"header-title">
91 <div class=
"md-header__ellipsis">
92 <div class=
"md-header__topic">
93 <span class=
"md-ellipsis">
94 WoltLab Suite Documentation
97 <div class=
"md-header__topic" data-md-component=
"header-topic">
98 <span class=
"md-ellipsis">
100 Third Party Libraries
109 <label class=
"md-header__button md-icon" for=
"__search">
110 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
113 <div class=
"md-search" data-md-component=
"search" role=
"dialog">
114 <label class=
"md-search__overlay" for=
"__search"></label>
115 <div class=
"md-search__inner" role=
"search">
116 <form class=
"md-search__form" name=
"search">
117 <input type=
"text" class=
"md-search__input" name=
"query" aria-label=
"Search" placeholder=
"Search" autocapitalize=
"off" autocorrect=
"off" autocomplete=
"off" spellcheck=
"false" data-md-component=
"search-query" data-md-state=
"active" required
>
118 <label class=
"md-search__icon md-icon" for=
"__search">
119 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
120 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
122 <button type=
"reset" class=
"md-search__icon md-icon" aria-label=
"Clear" tabindex=
"-1">
123 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>
126 <div class=
"md-search__output">
127 <div class=
"md-search__scrollwrap" data-md-scrollfix
>
128 <div class=
"md-search-result" data-md-component=
"search-result">
129 <div class=
"md-search-result__meta">
132 <ol class=
"md-search-result__list"></ol>
140 <div class=
"md-header__source">
142 <a href=
"https://github.com/WoltLab/docs.woltlab.com/" title=
"Go to repository" class=
"md-source" data-md-component=
"source">
143 <div class=
"md-source__icon md-icon">
145 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 448 512"><path d=
"M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
147 <div class=
"md-source__repository">
156 <div class=
"md-container" data-md-component=
"container">
161 <main class=
"md-main" data-md-component=
"main">
162 <div class=
"md-main__inner md-grid">
166 <div class=
"md-sidebar md-sidebar--primary" data-md-component=
"sidebar" data-md-type=
"navigation" >
167 <div class=
"md-sidebar__scrollwrap">
168 <div class=
"md-sidebar__inner">
172 <nav class=
"md-nav md-nav--primary" aria-label=
"Navigation" data-md-level=
"0">
173 <label class=
"md-nav__title" for=
"__drawer">
174 <a href=
"../../.." title=
"WoltLab Suite Documentation" class=
"md-nav__button md-logo" aria-label=
"WoltLab Suite Documentation" data-md-component=
"logo">
176 <img src=
"../../../assets/logo.png" alt=
"logo">
179 WoltLab Suite Documentation
182 <div class=
"md-nav__source">
184 <a href=
"https://github.com/WoltLab/docs.woltlab.com/" title=
"Go to repository" class=
"md-source" data-md-component=
"source">
185 <div class=
"md-source__icon md-icon">
187 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 448 512"><path d=
"M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
189 <div class=
"md-source__repository">
195 <ul class=
"md-nav__list" data-md-scrollfix
>
204 <li class=
"md-nav__item">
205 <a href=
"../../../getting-started/" class=
"md-nav__link">
220 <li class=
"md-nav__item md-nav__item--nested">
223 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2" type=
"checkbox" id=
"__nav_2" >
225 <label class=
"md-nav__link" for=
"__nav_2">
227 <span class=
"md-nav__icon md-icon"></span>
229 <nav class=
"md-nav" aria-label=
"PHP API" data-md-level=
"1">
230 <label class=
"md-nav__title" for=
"__nav_2">
231 <span class=
"md-nav__icon md-icon"></span>
234 <ul class=
"md-nav__list" data-md-scrollfix
>
240 <li class=
"md-nav__item">
241 <a href=
"../../../php/pages/" class=
"md-nav__link">
252 <li class=
"md-nav__item">
253 <a href=
"../../../php/database-objects/" class=
"md-nav__link">
264 <li class=
"md-nav__item">
265 <a href=
"../../../php/database-access/" class=
"md-nav__link">
276 <li class=
"md-nav__item">
277 <a href=
"../../../php/exceptions/" class=
"md-nav__link">
289 <li class=
"md-nav__item md-nav__item--nested">
292 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2_5" type=
"checkbox" id=
"__nav_2_5" >
294 <label class=
"md-nav__link" for=
"__nav_2_5">
296 <span class=
"md-nav__icon md-icon"></span>
298 <nav class=
"md-nav" aria-label=
"API" data-md-level=
"2">
299 <label class=
"md-nav__title" for=
"__nav_2_5">
300 <span class=
"md-nav__icon md-icon"></span>
303 <ul class=
"md-nav__list" data-md-scrollfix
>
309 <li class=
"md-nav__item">
310 <a href=
"../../../php/api/caches/" class=
"md-nav__link">
321 <li class=
"md-nav__item">
322 <a href=
"../../../php/api/comments/" class=
"md-nav__link">
333 <li class=
"md-nav__item">
334 <a href=
"../../../php/api/cronjobs/" class=
"md-nav__link">
345 <li class=
"md-nav__item">
346 <a href=
"../../../php/api/events/" class=
"md-nav__link">
358 <li class=
"md-nav__item md-nav__item--nested">
361 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2_5_5" type=
"checkbox" id=
"__nav_2_5_5" >
363 <label class=
"md-nav__link" for=
"__nav_2_5_5">
365 <span class=
"md-nav__icon md-icon"></span>
367 <nav class=
"md-nav" aria-label=
"Form Builder" data-md-level=
"3">
368 <label class=
"md-nav__title" for=
"__nav_2_5_5">
369 <span class=
"md-nav__icon md-icon"></span>
372 <ul class=
"md-nav__list" data-md-scrollfix
>
378 <li class=
"md-nav__item">
379 <a href=
"../../../php/api/form_builder/overview/" class=
"md-nav__link">
390 <li class=
"md-nav__item">
391 <a href=
"../../../php/api/form_builder/structure/" class=
"md-nav__link">
402 <li class=
"md-nav__item">
403 <a href=
"../../../php/api/form_builder/form_fields/" class=
"md-nav__link">
414 <li class=
"md-nav__item">
415 <a href=
"../../../php/api/form_builder/validation_data/" class=
"md-nav__link">
426 <li class=
"md-nav__item">
427 <a href=
"../../../php/api/form_builder/dependencies/" class=
"md-nav__link">
444 <li class=
"md-nav__item">
445 <a href=
"../../../php/api/package_installation_plugins/" class=
"md-nav__link">
446 Package Installation Plugins
456 <li class=
"md-nav__item">
457 <a href=
"../../../php/api/user_activity_points/" class=
"md-nav__link">
468 <li class=
"md-nav__item">
469 <a href=
"../../../php/api/user_notifications/" class=
"md-nav__link">
480 <li class=
"md-nav__item">
481 <a href=
"../../../php/api/sitemaps/" class=
"md-nav__link">
498 <li class=
"md-nav__item">
499 <a href=
"../../../php/code-style/" class=
"md-nav__link">
510 <li class=
"md-nav__item">
511 <a href=
"../../../php/apps/" class=
"md-nav__link">
522 <li class=
"md-nav__item">
523 <a href=
"../../../php/gdpr/" class=
"md-nav__link">
544 <li class=
"md-nav__item md-nav__item--nested">
547 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_3" type=
"checkbox" id=
"__nav_3" >
549 <label class=
"md-nav__link" for=
"__nav_3">
550 Languages, Templates & CSS
551 <span class=
"md-nav__icon md-icon"></span>
553 <nav class=
"md-nav" aria-label=
"Languages, Templates & CSS" data-md-level=
"1">
554 <label class=
"md-nav__title" for=
"__nav_3">
555 <span class=
"md-nav__icon md-icon"></span>
556 Languages, Templates & CSS
558 <ul class=
"md-nav__list" data-md-scrollfix
>
564 <li class=
"md-nav__item">
565 <a href=
"../../../view/languages/" class=
"md-nav__link">
576 <li class=
"md-nav__item">
577 <a href=
"../../../view/templates/" class=
"md-nav__link">
588 <li class=
"md-nav__item">
589 <a href=
"../../../view/css/" class=
"md-nav__link">
610 <li class=
"md-nav__item md-nav__item--nested">
613 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_4" type=
"checkbox" id=
"__nav_4" >
615 <label class=
"md-nav__link" for=
"__nav_4">
616 TypeScript and JavaScript API
617 <span class=
"md-nav__icon md-icon"></span>
619 <nav class=
"md-nav" aria-label=
"TypeScript and JavaScript API" data-md-level=
"1">
620 <label class=
"md-nav__title" for=
"__nav_4">
621 <span class=
"md-nav__icon md-icon"></span>
622 TypeScript and JavaScript API
624 <ul class=
"md-nav__list" data-md-scrollfix
>
630 <li class=
"md-nav__item">
631 <a href=
"../../../javascript/general-usage/" class=
"md-nav__link">
642 <li class=
"md-nav__item">
643 <a href=
"../../../javascript/typescript/" class=
"md-nav__link">
655 <li class=
"md-nav__item md-nav__item--nested">
658 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_4_3" type=
"checkbox" id=
"__nav_4_3" >
660 <label class=
"md-nav__link" for=
"__nav_4_3">
662 <span class=
"md-nav__icon md-icon"></span>
664 <nav class=
"md-nav" aria-label=
"New API" data-md-level=
"2">
665 <label class=
"md-nav__title" for=
"__nav_4_3">
666 <span class=
"md-nav__icon md-icon"></span>
669 <ul class=
"md-nav__list" data-md-scrollfix
>
675 <li class=
"md-nav__item">
676 <a href=
"../../../javascript/new-api_writing-a-module/" class=
"md-nav__link">
687 <li class=
"md-nav__item">
688 <a href=
"../../../javascript/new-api_data-structures/" class=
"md-nav__link">
699 <li class=
"md-nav__item">
700 <a href=
"../../../javascript/new-api_core/" class=
"md-nav__link">
711 <li class=
"md-nav__item">
712 <a href=
"../../../javascript/new-api_dom/" class=
"md-nav__link">
723 <li class=
"md-nav__item">
724 <a href=
"../../../javascript/new-api_events/" class=
"md-nav__link">
735 <li class=
"md-nav__item">
736 <a href=
"../../../javascript/new-api_ajax/" class=
"md-nav__link">
747 <li class=
"md-nav__item">
748 <a href=
"../../../javascript/new-api_dialogs/" class=
"md-nav__link">
759 <li class=
"md-nav__item">
760 <a href=
"../../../javascript/new-api_browser/" class=
"md-nav__link">
761 Browser and Screen Sizes
771 <li class=
"md-nav__item">
772 <a href=
"../../../javascript/new-api_ui/" class=
"md-nav__link">
789 <li class=
"md-nav__item">
790 <a href=
"../../../javascript/legacy-api/" class=
"md-nav__link">
801 <li class=
"md-nav__item">
802 <a href=
"../../../javascript/helper-functions/" class=
"md-nav__link">
813 <li class=
"md-nav__item">
814 <a href=
"../../../javascript/code-snippets/" class=
"md-nav__link">
835 <li class=
"md-nav__item md-nav__item--nested">
838 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_5" type=
"checkbox" id=
"__nav_5" >
840 <label class=
"md-nav__link" for=
"__nav_5">
842 <span class=
"md-nav__icon md-icon"></span>
844 <nav class=
"md-nav" aria-label=
"Package Components" data-md-level=
"1">
845 <label class=
"md-nav__title" for=
"__nav_5">
846 <span class=
"md-nav__icon md-icon"></span>
849 <ul class=
"md-nav__list" data-md-scrollfix
>
855 <li class=
"md-nav__item">
856 <a href=
"../../../package/package-xml/" class=
"md-nav__link">
868 <li class=
"md-nav__item md-nav__item--nested">
871 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_5_2" type=
"checkbox" id=
"__nav_5_2" >
873 <label class=
"md-nav__link" for=
"__nav_5_2">
875 <span class=
"md-nav__icon md-icon"></span>
877 <nav class=
"md-nav" aria-label=
"PIPs" data-md-level=
"2">
878 <label class=
"md-nav__title" for=
"__nav_5_2">
879 <span class=
"md-nav__icon md-icon"></span>
882 <ul class=
"md-nav__list" data-md-scrollfix
>
888 <li class=
"md-nav__item">
889 <a href=
"../../../package/pip/" class=
"md-nav__link">
900 <li class=
"md-nav__item">
901 <a href=
"../../../package/pip/acl-option/" class=
"md-nav__link">
912 <li class=
"md-nav__item">
913 <a href=
"../../../package/pip/acp-menu/" class=
"md-nav__link">
924 <li class=
"md-nav__item">
925 <a href=
"../../../package/pip/acp-search-provider/" class=
"md-nav__link">
936 <li class=
"md-nav__item">
937 <a href=
"../../../package/pip/acp-template/" class=
"md-nav__link">
948 <li class=
"md-nav__item">
949 <a href=
"../../../package/pip/bbcode/" class=
"md-nav__link">
960 <li class=
"md-nav__item">
961 <a href=
"../../../package/pip/box/" class=
"md-nav__link">
972 <li class=
"md-nav__item">
973 <a href=
"../../../package/pip/clipboard-action/" class=
"md-nav__link">
984 <li class=
"md-nav__item">
985 <a href=
"../../../package/pip/core-object/" class=
"md-nav__link">
996 <li class=
"md-nav__item">
997 <a href=
"../../../package/pip/cronjob/" class=
"md-nav__link">
1008 <li class=
"md-nav__item">
1009 <a href=
"../../../package/pip/event-listener/" class=
"md-nav__link">
1020 <li class=
"md-nav__item">
1021 <a href=
"../../../package/pip/file/" class=
"md-nav__link">
1032 <li class=
"md-nav__item">
1033 <a href=
"../../../package/pip/language/" class=
"md-nav__link">
1044 <li class=
"md-nav__item">
1045 <a href=
"../../../package/pip/media-provider/" class=
"md-nav__link">
1056 <li class=
"md-nav__item">
1057 <a href=
"../../../package/pip/menu/" class=
"md-nav__link">
1068 <li class=
"md-nav__item">
1069 <a href=
"../../../package/pip/menu-item/" class=
"md-nav__link">
1080 <li class=
"md-nav__item">
1081 <a href=
"../../../package/pip/object-type/" class=
"md-nav__link">
1092 <li class=
"md-nav__item">
1093 <a href=
"../../../package/pip/object-type-definition/" class=
"md-nav__link">
1094 objectTypeDefinition
1104 <li class=
"md-nav__item">
1105 <a href=
"../../../package/pip/option/" class=
"md-nav__link">
1116 <li class=
"md-nav__item">
1117 <a href=
"../../../package/pip/page/" class=
"md-nav__link">
1128 <li class=
"md-nav__item">
1129 <a href=
"../../../package/pip/pip/" class=
"md-nav__link">
1140 <li class=
"md-nav__item">
1141 <a href=
"../../../package/pip/script/" class=
"md-nav__link">
1152 <li class=
"md-nav__item">
1153 <a href=
"../../../package/pip/smiley/" class=
"md-nav__link">
1164 <li class=
"md-nav__item">
1165 <a href=
"../../../package/pip/sql/" class=
"md-nav__link">
1176 <li class=
"md-nav__item">
1177 <a href=
"../../../package/pip/style/" class=
"md-nav__link">
1188 <li class=
"md-nav__item">
1189 <a href=
"../../../package/pip/template/" class=
"md-nav__link">
1200 <li class=
"md-nav__item">
1201 <a href=
"../../../package/pip/template-listener/" class=
"md-nav__link">
1212 <li class=
"md-nav__item">
1213 <a href=
"../../../package/pip/user-group-option/" class=
"md-nav__link">
1224 <li class=
"md-nav__item">
1225 <a href=
"../../../package/pip/user-menu/" class=
"md-nav__link">
1236 <li class=
"md-nav__item">
1237 <a href=
"../../../package/pip/user-notification-event/" class=
"md-nav__link">
1238 userNotificationEvent
1248 <li class=
"md-nav__item">
1249 <a href=
"../../../package/pip/user-option/" class=
"md-nav__link">
1260 <li class=
"md-nav__item">
1261 <a href=
"../../../package/pip/user-profile-menu/" class=
"md-nav__link">
1278 <li class=
"md-nav__item">
1279 <a href=
"../../../package/database-php-api/" class=
"md-nav__link">
1302 <li class=
"md-nav__item md-nav__item--active md-nav__item--nested">
1305 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6" type=
"checkbox" id=
"__nav_6" checked
>
1307 <label class=
"md-nav__link" for=
"__nav_6">
1309 <span class=
"md-nav__icon md-icon"></span>
1311 <nav class=
"md-nav" aria-label=
"Migration" data-md-level=
"1">
1312 <label class=
"md-nav__title" for=
"__nav_6">
1313 <span class=
"md-nav__icon md-icon"></span>
1316 <ul class=
"md-nav__list" data-md-scrollfix
>
1325 <li class=
"md-nav__item md-nav__item--active md-nav__item--nested">
1328 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_1" type=
"checkbox" id=
"__nav_6_1" checked
>
1330 <label class=
"md-nav__link" for=
"__nav_6_1">
1331 Migrating from WSC
5.3
1332 <span class=
"md-nav__icon md-icon"></span>
1334 <nav class=
"md-nav" aria-label=
"Migrating from WSC 5.3" data-md-level=
"2">
1335 <label class=
"md-nav__title" for=
"__nav_6_1">
1336 <span class=
"md-nav__icon md-icon"></span>
1337 Migrating from WSC
5.3
1339 <ul class=
"md-nav__list" data-md-scrollfix
>
1345 <li class=
"md-nav__item">
1346 <a href=
"../php/" class=
"md-nav__link">
1357 <li class=
"md-nav__item">
1358 <a href=
"../session/" class=
"md-nav__link">
1359 Session Handling and Authentication
1369 <li class=
"md-nav__item">
1370 <a href=
"../javascript/" class=
"md-nav__link">
1371 TypeScript and JavaScript
1381 <li class=
"md-nav__item">
1382 <a href=
"../templates/" class=
"md-nav__link">
1395 <li class=
"md-nav__item md-nav__item--active">
1397 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"toc" type=
"checkbox" id=
"__toc">
1402 <label class=
"md-nav__link md-nav__link--active" for=
"__toc">
1403 Third Party Libraries
1404 <span class=
"md-nav__icon md-icon"></span>
1407 <a href=
"./" class=
"md-nav__link md-nav__link--active">
1408 Third Party Libraries
1412 <nav class=
"md-nav md-nav--secondary" aria-label=
"Table of contents">
1418 <label class=
"md-nav__title" for=
"__toc">
1419 <span class=
"md-nav__icon md-icon"></span>
1422 <ul class=
"md-nav__list" data-md-component=
"toc" data-md-scrollfix
>
1424 <li class=
"md-nav__item">
1425 <a href=
"#guzzle" class=
"md-nav__link">
1431 <li class=
"md-nav__item">
1432 <a href=
"#emogrifier-css-inliner" class=
"md-nav__link">
1433 Emogrifier / CSS Inliner
1438 <li class=
"md-nav__item">
1439 <a href=
"#scssphp" class=
"md-nav__link">
1445 <li class=
"md-nav__item">
1446 <a href=
"#constant-time-encoder" class=
"md-nav__link">
1447 Constant Time Encoder
1471 <li class=
"md-nav__item md-nav__item--nested">
1474 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_2" type=
"checkbox" id=
"__nav_6_2" >
1476 <label class=
"md-nav__link" for=
"__nav_6_2">
1477 Migrating from WSC
5.2
1478 <span class=
"md-nav__icon md-icon"></span>
1480 <nav class=
"md-nav" aria-label=
"Migrating from WSC 5.2" data-md-level=
"2">
1481 <label class=
"md-nav__title" for=
"__nav_6_2">
1482 <span class=
"md-nav__icon md-icon"></span>
1483 Migrating from WSC
5.2
1485 <ul class=
"md-nav__list" data-md-scrollfix
>
1491 <li class=
"md-nav__item">
1492 <a href=
"../../wsc52/php/" class=
"md-nav__link">
1503 <li class=
"md-nav__item">
1504 <a href=
"../../wsc52/templates/" class=
"md-nav__link">
1505 Templates and Languages
1515 <li class=
"md-nav__item">
1516 <a href=
"../../wsc52/libraries/" class=
"md-nav__link">
1517 Third Party Libraries
1534 <li class=
"md-nav__item md-nav__item--nested">
1537 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_3" type=
"checkbox" id=
"__nav_6_3" >
1539 <label class=
"md-nav__link" for=
"__nav_6_3">
1540 Migrating from WSC
3.1
1541 <span class=
"md-nav__icon md-icon"></span>
1543 <nav class=
"md-nav" aria-label=
"Migrating from WSC 3.1" data-md-level=
"2">
1544 <label class=
"md-nav__title" for=
"__nav_6_3">
1545 <span class=
"md-nav__icon md-icon"></span>
1546 Migrating from WSC
3.1
1548 <ul class=
"md-nav__list" data-md-scrollfix
>
1554 <li class=
"md-nav__item">
1555 <a href=
"../../wsc31/php/" class=
"md-nav__link">
1573 <li class=
"md-nav__item md-nav__item--nested">
1576 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_4" type=
"checkbox" id=
"__nav_6_4" >
1578 <label class=
"md-nav__link" for=
"__nav_6_4">
1579 Migrating from WSC
3.0
1580 <span class=
"md-nav__icon md-icon"></span>
1582 <nav class=
"md-nav" aria-label=
"Migrating from WSC 3.0" data-md-level=
"2">
1583 <label class=
"md-nav__title" for=
"__nav_6_4">
1584 <span class=
"md-nav__icon md-icon"></span>
1585 Migrating from WSC
3.0
1587 <ul class=
"md-nav__list" data-md-scrollfix
>
1593 <li class=
"md-nav__item">
1594 <a href=
"../../wsc30/php/" class=
"md-nav__link">
1605 <li class=
"md-nav__item">
1606 <a href=
"../../wsc30/javascript/" class=
"md-nav__link">
1617 <li class=
"md-nav__item">
1618 <a href=
"../../wsc30/templates/" class=
"md-nav__link">
1629 <li class=
"md-nav__item">
1630 <a href=
"../../wsc30/css/" class=
"md-nav__link">
1641 <li class=
"md-nav__item">
1642 <a href=
"../../wsc30/package/" class=
"md-nav__link">
1660 <li class=
"md-nav__item md-nav__item--nested">
1663 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_5" type=
"checkbox" id=
"__nav_6_5" >
1665 <label class=
"md-nav__link" for=
"__nav_6_5">
1666 Migrating from WCF
2.1
1667 <span class=
"md-nav__icon md-icon"></span>
1669 <nav class=
"md-nav" aria-label=
"Migrating from WCF 2.1" data-md-level=
"2">
1670 <label class=
"md-nav__title" for=
"__nav_6_5">
1671 <span class=
"md-nav__icon md-icon"></span>
1672 Migrating from WCF
2.1
1674 <ul class=
"md-nav__list" data-md-scrollfix
>
1680 <li class=
"md-nav__item">
1681 <a href=
"../../wcf21/php/" class=
"md-nav__link">
1692 <li class=
"md-nav__item">
1693 <a href=
"../../wcf21/templates/" class=
"md-nav__link">
1704 <li class=
"md-nav__item">
1705 <a href=
"../../wcf21/css/" class=
"md-nav__link">
1716 <li class=
"md-nav__item">
1717 <a href=
"../../wcf21/package/" class=
"md-nav__link">
1744 <li class=
"md-nav__item md-nav__item--nested">
1747 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_7" type=
"checkbox" id=
"__nav_7" >
1749 <label class=
"md-nav__link" for=
"__nav_7">
1751 <span class=
"md-nav__icon md-icon"></span>
1753 <nav class=
"md-nav" aria-label=
"Tutorials" data-md-level=
"1">
1754 <label class=
"md-nav__title" for=
"__nav_7">
1755 <span class=
"md-nav__icon md-icon"></span>
1758 <ul class=
"md-nav__list" data-md-scrollfix
>
1765 <li class=
"md-nav__item md-nav__item--nested">
1768 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_7_1" type=
"checkbox" id=
"__nav_7_1" >
1770 <label class=
"md-nav__link" for=
"__nav_7_1">
1772 <span class=
"md-nav__icon md-icon"></span>
1774 <nav class=
"md-nav" aria-label=
"Tutorial Series" data-md-level=
"2">
1775 <label class=
"md-nav__title" for=
"__nav_7_1">
1776 <span class=
"md-nav__icon md-icon"></span>
1779 <ul class=
"md-nav__list" data-md-scrollfix
>
1785 <li class=
"md-nav__item">
1786 <a href=
"../../../tutorial/series/overview/" class=
"md-nav__link">
1797 <li class=
"md-nav__item">
1798 <a href=
"../../../tutorial/series/part_1/" class=
"md-nav__link">
1809 <li class=
"md-nav__item">
1810 <a href=
"../../../tutorial/series/part_2/" class=
"md-nav__link">
1821 <li class=
"md-nav__item">
1822 <a href=
"../../../tutorial/series/part_3/" class=
"md-nav__link">
1849 <div class=
"md-sidebar md-sidebar--secondary" data-md-component=
"sidebar" data-md-type=
"toc" >
1850 <div class=
"md-sidebar__scrollwrap">
1851 <div class=
"md-sidebar__inner">
1853 <nav class=
"md-nav md-nav--secondary" aria-label=
"Table of contents">
1859 <label class=
"md-nav__title" for=
"__toc">
1860 <span class=
"md-nav__icon md-icon"></span>
1863 <ul class=
"md-nav__list" data-md-component=
"toc" data-md-scrollfix
>
1865 <li class=
"md-nav__item">
1866 <a href=
"#guzzle" class=
"md-nav__link">
1872 <li class=
"md-nav__item">
1873 <a href=
"#emogrifier-css-inliner" class=
"md-nav__link">
1874 Emogrifier / CSS Inliner
1879 <li class=
"md-nav__item">
1880 <a href=
"#scssphp" class=
"md-nav__link">
1886 <li class=
"md-nav__item">
1887 <a href=
"#constant-time-encoder" class=
"md-nav__link">
1888 Constant Time Encoder
1901 <div class=
"md-content" data-md-component=
"content">
1902 <article class=
"md-content__inner md-typeset">
1905 <a href=
"https://github.com/WoltLab/docs.woltlab.com/edit/5.4/docs/migration/wsc53/libraries.md" title=
"Edit this page" class=
"md-content__button md-icon">
1906 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>
1910 <h1 id=
"migrating-from-wsc-53-third-party-libraries">Migrating from WSC
5.3 - Third Party Libraries
<a class=
"headerlink" href=
"#migrating-from-wsc-53-third-party-libraries" title=
"Permanent link">#
</a></h1>
1911 <h2 id=
"guzzle">Guzzle
<a class=
"headerlink" href=
"#guzzle" title=
"Permanent link">#
</a></h2>
1912 <p>The bundled Guzzle version was updated to Guzzle
7.
1913 No breaking changes are expected for simple uses.
1914 A detailed
<a href=
"https://github.com/guzzle/guzzle/blob/master/UPGRADING.md#60-to-70">Guzzle migration guide
</a> can be found in the Guzzle documentation.
</p>
1915 <p>The explicit
<code>sink
</code> that was recommended in the
<a href=
"../../wsc52/libraries/#guzzle">migration guide for WSC
5.2</a> can now be removed, as
<a href=
"https://github.com/guzzle/guzzle/issues/2735">the Guzzle issue #
2735</a> was fixed in Guzzle
7.
</p>
1916 <h2 id=
"emogrifier-css-inliner">Emogrifier / CSS Inliner
<a class=
"headerlink" href=
"#emogrifier-css-inliner" title=
"Permanent link">#
</a></h2>
1917 <p>The Emogrifier library was updated from version
2.2 to
5.0.
1918 This update comes with a breaking change, as the
<code>Emogrifier
</code> class was removed.
1919 With the updated Emogrifier library, the
<code>CssInliner
</code> class must be used instead.
</p>
1920 <p>No compatibility layer was added for the
<code>Emogrifier
</code> class, as the Emogrifier library's purpose was to be used within the email subsystem of WoltLab Suite.
1921 In case you use Emogrifier directly within your own code, you will need to adjust the usage.
1922 Refer to the
<a href=
"https://github.com/MyIntervals/emogrifier/blob/v5.0.0/CHANGELOG.md">Emogrifier CHANGELOG
</a> and
<a href=
"https://github.com/WoltLab/WCF/pull/3738">WoltLab/WCF #
3738</a> if you need help making the necessary adjustments.
</p>
1923 <p>If you only use Emogrifier indirectly by sending HTML mail via the email subsystem then you might notice unexpected visual changes due to the improved CSS support.
1924 Double check your CSS declarations and particularly the specificity of your selectors in these cases.
</p>
1925 <h2 id=
"scssphp">scssphp
<a class=
"headerlink" href=
"#scssphp" title=
"Permanent link">#
</a></h2>
1926 <p>scssphp was updated from version
1.1 to
1.4.
</p>
1927 <p>If you interact with scssphp only by deploying
<code>.scss
</code> files, then you should not experience any breaking changes, except when the improved SCSS compatibility interprets your SCSS code differently.
</p>
1928 <p>If you happen to directly use scssphp in your PHP code, you should be aware that scssphp deprecated the use of output formatters in favor of a simple output style enum.
</p>
1929 <p>Refer to
<a href=
"https://github.com/WoltLab/WCF/pull/3851">WoltLab/WCF #
3851</a> and the
<a href=
"https://github.com/scssphp/scssphp/releases">scssphp releases
</a> for details.
</p>
1930 <h2 id=
"constant-time-encoder">Constant Time Encoder
<a class=
"headerlink" href=
"#constant-time-encoder" title=
"Permanent link">#
</a></h2>
1931 <p>WoltLab Suite
5.4 ships the
<a href=
"https://github.com/paragonie/constant_time_encoding"><code>paragonie/constant_time_encoding
</code> library
</a>.
1932 It is recommended to use this library to perform encoding and decoding of secrets to prevent leaks via cache timing attacks.
1933 Refer to
<a href=
"https://paragonie.com/blog/2016/06/constant-time-encoding-boring-cryptography-rfc-4648-and-you">the library author’s blog post
</a> for more background detail.
</p>
1934 <p>For the common case of encoding the bytes taken from a CSPRNG in hexadecimal form, the required change would look like the following:
</p>
1936 <div class=
"highlight"><pre><span></span><code><span class=
"o"><?
</span><span class=
"nx">php
</span>
1937 <span class=
"nv">$encoded
</span> <span class=
"o">=
</span> <span class=
"nb">hex2bin
</span><span class=
"p">(
</span><span class=
"nx">random_bytes
</span><span class=
"p">(
</span><span class=
"mi">16</span><span class=
"p">));
</span>
1940 <div class=
"highlight"><pre><span></span><code><span class=
"o"><?
</span><span class=
"nx">php
</span>
1941 <span class=
"k">use
</span> <span class=
"nx">ParagonIE\ConstantTime\Hex
</span><span class=
"p">;
</span>
1943 <span class=
"c1">// For security reasons you should add the backslash
</span>
1944 <span class=
"c1">// to ensure you refer to the `random_bytes` function
</span>
1945 <span class=
"c1">// within the global namespace and not a function
</span>
1946 <span class=
"c1">// defined in the current namespace.
</span>
1947 <span class=
"nv">$encoded
</span> <span class=
"o">=
</span> <span class=
"nx">Hex
</span><span class=
"o">::
</span><span class=
"na">encode
</span><span class=
"p">(
</span><span class=
"nx">\random_bytes
</span><span class=
"p">(
</span><span class=
"mi">16</span><span class=
"p">));
</span>
1949 <p>Please refer to the documentation and source code of the
<code>paragonie/constant_time_encoding
</code> library to learn how to use the library with different encodings (e.g. base64).
</p>
1955 <div class=
"md-source-date">
1958 Last update:
2021-
01-
13
1977 <footer class=
"md-footer">
1979 <nav class=
"md-footer__inner md-grid" aria-label=
"Footer">
1981 <a href=
"../templates/" class=
"md-footer__link md-footer__link--prev" rel=
"prev">
1982 <div class=
"md-footer__button md-icon">
1983 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
1985 <div class=
"md-footer__title">
1986 <div class=
"md-ellipsis">
1987 <span class=
"md-footer__direction">
1996 <a href=
"../../wsc52/php/" class=
"md-footer__link md-footer__link--next" rel=
"next">
1997 <div class=
"md-footer__title">
1998 <div class=
"md-ellipsis">
1999 <span class=
"md-footer__direction">
2005 <div class=
"md-footer__button md-icon">
2006 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z"/></svg>
2012 <div class=
"md-footer-meta md-typeset">
2013 <div class=
"md-footer-meta__inner md-grid">
2014 <div class=
"md-footer-copyright">
2016 <div class=
"md-footer-copyright__highlight">
2017 Copyright ©
2020 WoltLab GmbH
2021 <a href=
"https://squidfunk.github.io/mkdocs-material/" target=
"_blank" rel=
"noopener">
2026 <div class=
"md-footer-copyright">
2027 <a href=
"https://www.woltlab.com/legal-notice/">Legal Notice
</a>
2028 <a href=
"https://www.woltlab.com/privacy-policy/">Privacy Policy
</a>
2035 <div class=
"md-dialog" data-md-component=
"dialog">
2036 <div class=
"md-dialog__inner md-typeset"></div>
2038 <script id=
"__config" type=
"application/json">{
"base":
"../../..",
"features": [],
"translations": {
"clipboard.copy":
"Copy to clipboard",
"clipboard.copied":
"Copied to clipboard",
"search.config.lang":
"en",
"search.config.pipeline":
"trimmer, stopWordFilter",
"search.config.separator":
"[\\s\\-]+",
"search.placeholder":
"Search",
"search.result.placeholder":
"Type to start searching",
"search.result.none":
"No matching documents",
"search.result.one":
"1 matching document",
"search.result.other":
"# matching documents",
"search.result.more.one":
"1 more on this page",
"search.result.more.other":
"# more on this page",
"search.result.term.missing":
"Missing"},
"search":
"../../../assets/javascripts/workers/search.fe42c31b.min.js",
"version": {
"provider":
"mike"}}
</script>
2041 <script src=
"../../../assets/javascripts/bundle.d892486b.min.js"></script>