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
>
310 <li class=
"md-nav__item md-nav__item--nested">
313 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2_5_1" type=
"checkbox" id=
"__nav_2_5_1" >
315 <label class=
"md-nav__link" for=
"__nav_2_5_1">
317 <span class=
"md-nav__icon md-icon"></span>
319 <nav class=
"md-nav" aria-label=
"Caches" data-md-level=
"3">
320 <label class=
"md-nav__title" for=
"__nav_2_5_1">
321 <span class=
"md-nav__icon md-icon"></span>
324 <ul class=
"md-nav__list" data-md-scrollfix
>
330 <li class=
"md-nav__item">
331 <a href=
"../../../php/api/caches/" class=
"md-nav__link">
342 <li class=
"md-nav__item">
343 <a href=
"../../../php/api/caches_persistent-caches/" class=
"md-nav__link">
354 <li class=
"md-nav__item">
355 <a href=
"../../../php/api/caches_runtime-caches/" class=
"md-nav__link">
372 <li class=
"md-nav__item">
373 <a href=
"../../../php/api/comments/" class=
"md-nav__link">
384 <li class=
"md-nav__item">
385 <a href=
"../../../php/api/cronjobs/" class=
"md-nav__link">
396 <li class=
"md-nav__item">
397 <a href=
"../../../php/api/events/" class=
"md-nav__link">
409 <li class=
"md-nav__item md-nav__item--nested">
412 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2_5_5" type=
"checkbox" id=
"__nav_2_5_5" >
414 <label class=
"md-nav__link" for=
"__nav_2_5_5">
416 <span class=
"md-nav__icon md-icon"></span>
418 <nav class=
"md-nav" aria-label=
"Form Builder" data-md-level=
"3">
419 <label class=
"md-nav__title" for=
"__nav_2_5_5">
420 <span class=
"md-nav__icon md-icon"></span>
423 <ul class=
"md-nav__list" data-md-scrollfix
>
429 <li class=
"md-nav__item">
430 <a href=
"../../../php/api/form_builder/overview/" class=
"md-nav__link">
441 <li class=
"md-nav__item">
442 <a href=
"../../../php/api/form_builder/structure/" class=
"md-nav__link">
453 <li class=
"md-nav__item">
454 <a href=
"../../../php/api/form_builder/form_fields/" class=
"md-nav__link">
465 <li class=
"md-nav__item">
466 <a href=
"../../../php/api/form_builder/validation_data/" class=
"md-nav__link">
477 <li class=
"md-nav__item">
478 <a href=
"../../../php/api/form_builder/dependencies/" class=
"md-nav__link">
495 <li class=
"md-nav__item">
496 <a href=
"../../../php/api/package_installation_plugins/" class=
"md-nav__link">
497 Package Installation Plugins
507 <li class=
"md-nav__item">
508 <a href=
"../../../php/api/user_activity_points/" class=
"md-nav__link">
519 <li class=
"md-nav__item">
520 <a href=
"../../../php/api/user_notifications/" class=
"md-nav__link">
531 <li class=
"md-nav__item">
532 <a href=
"../../../php/api/sitemaps/" class=
"md-nav__link">
549 <li class=
"md-nav__item">
550 <a href=
"../../../php/code-style/" class=
"md-nav__link">
561 <li class=
"md-nav__item">
562 <a href=
"../../../php/apps/" class=
"md-nav__link">
573 <li class=
"md-nav__item">
574 <a href=
"../../../php/gdpr/" class=
"md-nav__link">
595 <li class=
"md-nav__item md-nav__item--nested">
598 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_3" type=
"checkbox" id=
"__nav_3" >
600 <label class=
"md-nav__link" for=
"__nav_3">
601 Languages, Templates & CSS
602 <span class=
"md-nav__icon md-icon"></span>
604 <nav class=
"md-nav" aria-label=
"Languages, Templates & CSS" data-md-level=
"1">
605 <label class=
"md-nav__title" for=
"__nav_3">
606 <span class=
"md-nav__icon md-icon"></span>
607 Languages, Templates & CSS
609 <ul class=
"md-nav__list" data-md-scrollfix
>
615 <li class=
"md-nav__item">
616 <a href=
"../../../view/languages/" class=
"md-nav__link">
627 <li class=
"md-nav__item">
628 <a href=
"../../../view/templates/" class=
"md-nav__link">
639 <li class=
"md-nav__item">
640 <a href=
"../../../view/template-plugins/" class=
"md-nav__link">
651 <li class=
"md-nav__item">
652 <a href=
"../../../view/css/" class=
"md-nav__link">
673 <li class=
"md-nav__item md-nav__item--nested">
676 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_4" type=
"checkbox" id=
"__nav_4" >
678 <label class=
"md-nav__link" for=
"__nav_4">
679 TypeScript and JavaScript API
680 <span class=
"md-nav__icon md-icon"></span>
682 <nav class=
"md-nav" aria-label=
"TypeScript and JavaScript API" data-md-level=
"1">
683 <label class=
"md-nav__title" for=
"__nav_4">
684 <span class=
"md-nav__icon md-icon"></span>
685 TypeScript and JavaScript API
687 <ul class=
"md-nav__list" data-md-scrollfix
>
693 <li class=
"md-nav__item">
694 <a href=
"../../../javascript/general-usage/" class=
"md-nav__link">
705 <li class=
"md-nav__item">
706 <a href=
"../../../javascript/typescript/" class=
"md-nav__link">
718 <li class=
"md-nav__item md-nav__item--nested">
721 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_4_3" type=
"checkbox" id=
"__nav_4_3" >
723 <label class=
"md-nav__link" for=
"__nav_4_3">
725 <span class=
"md-nav__icon md-icon"></span>
727 <nav class=
"md-nav" aria-label=
"New API" data-md-level=
"2">
728 <label class=
"md-nav__title" for=
"__nav_4_3">
729 <span class=
"md-nav__icon md-icon"></span>
732 <ul class=
"md-nav__list" data-md-scrollfix
>
738 <li class=
"md-nav__item">
739 <a href=
"../../../javascript/new-api_writing-a-module/" class=
"md-nav__link">
750 <li class=
"md-nav__item">
751 <a href=
"../../../javascript/new-api_data-structures/" class=
"md-nav__link">
762 <li class=
"md-nav__item">
763 <a href=
"../../../javascript/new-api_core/" class=
"md-nav__link">
774 <li class=
"md-nav__item">
775 <a href=
"../../../javascript/new-api_dom/" class=
"md-nav__link">
786 <li class=
"md-nav__item">
787 <a href=
"../../../javascript/new-api_events/" class=
"md-nav__link">
798 <li class=
"md-nav__item">
799 <a href=
"../../../javascript/new-api_ajax/" class=
"md-nav__link">
810 <li class=
"md-nav__item">
811 <a href=
"../../../javascript/new-api_dialogs/" class=
"md-nav__link">
822 <li class=
"md-nav__item">
823 <a href=
"../../../javascript/new-api_browser/" class=
"md-nav__link">
824 Browser and Screen Sizes
834 <li class=
"md-nav__item">
835 <a href=
"../../../javascript/new-api_ui/" class=
"md-nav__link">
852 <li class=
"md-nav__item">
853 <a href=
"../../../javascript/legacy-api/" class=
"md-nav__link">
864 <li class=
"md-nav__item">
865 <a href=
"../../../javascript/helper-functions/" class=
"md-nav__link">
876 <li class=
"md-nav__item">
877 <a href=
"../../../javascript/code-snippets/" class=
"md-nav__link">
898 <li class=
"md-nav__item md-nav__item--nested">
901 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_5" type=
"checkbox" id=
"__nav_5" >
903 <label class=
"md-nav__link" for=
"__nav_5">
905 <span class=
"md-nav__icon md-icon"></span>
907 <nav class=
"md-nav" aria-label=
"Package Components" data-md-level=
"1">
908 <label class=
"md-nav__title" for=
"__nav_5">
909 <span class=
"md-nav__icon md-icon"></span>
912 <ul class=
"md-nav__list" data-md-scrollfix
>
918 <li class=
"md-nav__item">
919 <a href=
"../../../package/package-xml/" class=
"md-nav__link">
931 <li class=
"md-nav__item md-nav__item--nested">
934 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_5_2" type=
"checkbox" id=
"__nav_5_2" >
936 <label class=
"md-nav__link" for=
"__nav_5_2">
938 <span class=
"md-nav__icon md-icon"></span>
940 <nav class=
"md-nav" aria-label=
"PIPs" data-md-level=
"2">
941 <label class=
"md-nav__title" for=
"__nav_5_2">
942 <span class=
"md-nav__icon md-icon"></span>
945 <ul class=
"md-nav__list" data-md-scrollfix
>
951 <li class=
"md-nav__item">
952 <a href=
"../../../package/pip/" class=
"md-nav__link">
963 <li class=
"md-nav__item">
964 <a href=
"../../../package/pip/acl-option/" class=
"md-nav__link">
975 <li class=
"md-nav__item">
976 <a href=
"../../../package/pip/acp-menu/" class=
"md-nav__link">
987 <li class=
"md-nav__item">
988 <a href=
"../../../package/pip/acp-search-provider/" class=
"md-nav__link">
999 <li class=
"md-nav__item">
1000 <a href=
"../../../package/pip/acp-template/" class=
"md-nav__link">
1011 <li class=
"md-nav__item">
1012 <a href=
"../../../package/pip/bbcode/" class=
"md-nav__link">
1023 <li class=
"md-nav__item">
1024 <a href=
"../../../package/pip/box/" class=
"md-nav__link">
1035 <li class=
"md-nav__item">
1036 <a href=
"../../../package/pip/clipboard-action/" class=
"md-nav__link">
1047 <li class=
"md-nav__item">
1048 <a href=
"../../../package/pip/core-object/" class=
"md-nav__link">
1059 <li class=
"md-nav__item">
1060 <a href=
"../../../package/pip/cronjob/" class=
"md-nav__link">
1071 <li class=
"md-nav__item">
1072 <a href=
"../../../package/pip/database/" class=
"md-nav__link">
1083 <li class=
"md-nav__item">
1084 <a href=
"../../../package/pip/event-listener/" class=
"md-nav__link">
1095 <li class=
"md-nav__item">
1096 <a href=
"../../../package/pip/file/" class=
"md-nav__link">
1107 <li class=
"md-nav__item">
1108 <a href=
"../../../package/pip/language/" class=
"md-nav__link">
1119 <li class=
"md-nav__item">
1120 <a href=
"../../../package/pip/media-provider/" class=
"md-nav__link">
1131 <li class=
"md-nav__item">
1132 <a href=
"../../../package/pip/menu/" class=
"md-nav__link">
1143 <li class=
"md-nav__item">
1144 <a href=
"../../../package/pip/menu-item/" class=
"md-nav__link">
1155 <li class=
"md-nav__item">
1156 <a href=
"../../../package/pip/object-type/" class=
"md-nav__link">
1167 <li class=
"md-nav__item">
1168 <a href=
"../../../package/pip/object-type-definition/" class=
"md-nav__link">
1169 objectTypeDefinition
1179 <li class=
"md-nav__item">
1180 <a href=
"../../../package/pip/option/" class=
"md-nav__link">
1191 <li class=
"md-nav__item">
1192 <a href=
"../../../package/pip/page/" class=
"md-nav__link">
1203 <li class=
"md-nav__item">
1204 <a href=
"../../../package/pip/pip/" class=
"md-nav__link">
1215 <li class=
"md-nav__item">
1216 <a href=
"../../../package/pip/script/" class=
"md-nav__link">
1227 <li class=
"md-nav__item">
1228 <a href=
"../../../package/pip/smiley/" class=
"md-nav__link">
1239 <li class=
"md-nav__item">
1240 <a href=
"../../../package/pip/sql/" class=
"md-nav__link">
1251 <li class=
"md-nav__item">
1252 <a href=
"../../../package/pip/style/" class=
"md-nav__link">
1263 <li class=
"md-nav__item">
1264 <a href=
"../../../package/pip/template/" class=
"md-nav__link">
1275 <li class=
"md-nav__item">
1276 <a href=
"../../../package/pip/template-listener/" class=
"md-nav__link">
1287 <li class=
"md-nav__item">
1288 <a href=
"../../../package/pip/user-group-option/" class=
"md-nav__link">
1299 <li class=
"md-nav__item">
1300 <a href=
"../../../package/pip/user-menu/" class=
"md-nav__link">
1311 <li class=
"md-nav__item">
1312 <a href=
"../../../package/pip/user-notification-event/" class=
"md-nav__link">
1313 userNotificationEvent
1323 <li class=
"md-nav__item">
1324 <a href=
"../../../package/pip/user-option/" class=
"md-nav__link">
1335 <li class=
"md-nav__item">
1336 <a href=
"../../../package/pip/user-profile-menu/" class=
"md-nav__link">
1353 <li class=
"md-nav__item">
1354 <a href=
"../../../package/database-php-api/" class=
"md-nav__link">
1377 <li class=
"md-nav__item md-nav__item--active md-nav__item--nested">
1380 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6" type=
"checkbox" id=
"__nav_6" checked
>
1382 <label class=
"md-nav__link" for=
"__nav_6">
1384 <span class=
"md-nav__icon md-icon"></span>
1386 <nav class=
"md-nav" aria-label=
"Migration" data-md-level=
"1">
1387 <label class=
"md-nav__title" for=
"__nav_6">
1388 <span class=
"md-nav__icon md-icon"></span>
1391 <ul class=
"md-nav__list" data-md-scrollfix
>
1400 <li class=
"md-nav__item md-nav__item--active md-nav__item--nested">
1403 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_1" type=
"checkbox" id=
"__nav_6_1" checked
>
1405 <label class=
"md-nav__link" for=
"__nav_6_1">
1406 Migrating from WSC
5.3
1407 <span class=
"md-nav__icon md-icon"></span>
1409 <nav class=
"md-nav" aria-label=
"Migrating from WSC 5.3" data-md-level=
"2">
1410 <label class=
"md-nav__title" for=
"__nav_6_1">
1411 <span class=
"md-nav__icon md-icon"></span>
1412 Migrating from WSC
5.3
1414 <ul class=
"md-nav__list" data-md-scrollfix
>
1420 <li class=
"md-nav__item">
1421 <a href=
"../php/" class=
"md-nav__link">
1432 <li class=
"md-nav__item">
1433 <a href=
"../session/" class=
"md-nav__link">
1434 Session Handling and Authentication
1444 <li class=
"md-nav__item">
1445 <a href=
"../javascript/" class=
"md-nav__link">
1446 TypeScript and JavaScript
1456 <li class=
"md-nav__item">
1457 <a href=
"../templates/" class=
"md-nav__link">
1470 <li class=
"md-nav__item md-nav__item--active">
1472 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"toc" type=
"checkbox" id=
"__toc">
1477 <label class=
"md-nav__link md-nav__link--active" for=
"__toc">
1478 Third Party Libraries
1479 <span class=
"md-nav__icon md-icon"></span>
1482 <a href=
"./" class=
"md-nav__link md-nav__link--active">
1483 Third Party Libraries
1487 <nav class=
"md-nav md-nav--secondary" aria-label=
"Table of contents">
1493 <label class=
"md-nav__title" for=
"__toc">
1494 <span class=
"md-nav__icon md-icon"></span>
1497 <ul class=
"md-nav__list" data-md-component=
"toc" data-md-scrollfix
>
1499 <li class=
"md-nav__item">
1500 <a href=
"#guzzle" class=
"md-nav__link">
1506 <li class=
"md-nav__item">
1507 <a href=
"#emogrifier-css-inliner" class=
"md-nav__link">
1508 Emogrifier / CSS Inliner
1513 <li class=
"md-nav__item">
1514 <a href=
"#scssphp" class=
"md-nav__link">
1520 <li class=
"md-nav__item">
1521 <a href=
"#constant-time-encoder" class=
"md-nav__link">
1522 Constant Time Encoder
1546 <li class=
"md-nav__item md-nav__item--nested">
1549 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_2" type=
"checkbox" id=
"__nav_6_2" >
1551 <label class=
"md-nav__link" for=
"__nav_6_2">
1552 Migrating from WSC
5.2
1553 <span class=
"md-nav__icon md-icon"></span>
1555 <nav class=
"md-nav" aria-label=
"Migrating from WSC 5.2" data-md-level=
"2">
1556 <label class=
"md-nav__title" for=
"__nav_6_2">
1557 <span class=
"md-nav__icon md-icon"></span>
1558 Migrating from WSC
5.2
1560 <ul class=
"md-nav__list" data-md-scrollfix
>
1566 <li class=
"md-nav__item">
1567 <a href=
"../../wsc52/php/" class=
"md-nav__link">
1578 <li class=
"md-nav__item">
1579 <a href=
"../../wsc52/templates/" class=
"md-nav__link">
1580 Templates and Languages
1590 <li class=
"md-nav__item">
1591 <a href=
"../../wsc52/libraries/" class=
"md-nav__link">
1592 Third Party Libraries
1609 <li class=
"md-nav__item md-nav__item--nested">
1612 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_3" type=
"checkbox" id=
"__nav_6_3" >
1614 <label class=
"md-nav__link" for=
"__nav_6_3">
1615 Migrating from WSC
3.1
1616 <span class=
"md-nav__icon md-icon"></span>
1618 <nav class=
"md-nav" aria-label=
"Migrating from WSC 3.1" data-md-level=
"2">
1619 <label class=
"md-nav__title" for=
"__nav_6_3">
1620 <span class=
"md-nav__icon md-icon"></span>
1621 Migrating from WSC
3.1
1623 <ul class=
"md-nav__list" data-md-scrollfix
>
1629 <li class=
"md-nav__item">
1630 <a href=
"../../wsc31/php/" class=
"md-nav__link">
1648 <li class=
"md-nav__item md-nav__item--nested">
1651 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_4" type=
"checkbox" id=
"__nav_6_4" >
1653 <label class=
"md-nav__link" for=
"__nav_6_4">
1654 Migrating from WSC
3.0
1655 <span class=
"md-nav__icon md-icon"></span>
1657 <nav class=
"md-nav" aria-label=
"Migrating from WSC 3.0" data-md-level=
"2">
1658 <label class=
"md-nav__title" for=
"__nav_6_4">
1659 <span class=
"md-nav__icon md-icon"></span>
1660 Migrating from WSC
3.0
1662 <ul class=
"md-nav__list" data-md-scrollfix
>
1668 <li class=
"md-nav__item">
1669 <a href=
"../../wsc30/php/" class=
"md-nav__link">
1680 <li class=
"md-nav__item">
1681 <a href=
"../../wsc30/javascript/" class=
"md-nav__link">
1692 <li class=
"md-nav__item">
1693 <a href=
"../../wsc30/templates/" class=
"md-nav__link">
1704 <li class=
"md-nav__item">
1705 <a href=
"../../wsc30/css/" class=
"md-nav__link">
1716 <li class=
"md-nav__item">
1717 <a href=
"../../wsc30/package/" class=
"md-nav__link">
1735 <li class=
"md-nav__item md-nav__item--nested">
1738 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_5" type=
"checkbox" id=
"__nav_6_5" >
1740 <label class=
"md-nav__link" for=
"__nav_6_5">
1741 Migrating from WCF
2.1
1742 <span class=
"md-nav__icon md-icon"></span>
1744 <nav class=
"md-nav" aria-label=
"Migrating from WCF 2.1" data-md-level=
"2">
1745 <label class=
"md-nav__title" for=
"__nav_6_5">
1746 <span class=
"md-nav__icon md-icon"></span>
1747 Migrating from WCF
2.1
1749 <ul class=
"md-nav__list" data-md-scrollfix
>
1755 <li class=
"md-nav__item">
1756 <a href=
"../../wcf21/php/" class=
"md-nav__link">
1767 <li class=
"md-nav__item">
1768 <a href=
"../../wcf21/templates/" class=
"md-nav__link">
1779 <li class=
"md-nav__item">
1780 <a href=
"../../wcf21/css/" class=
"md-nav__link">
1791 <li class=
"md-nav__item">
1792 <a href=
"../../wcf21/package/" class=
"md-nav__link">
1819 <li class=
"md-nav__item md-nav__item--nested">
1822 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_7" type=
"checkbox" id=
"__nav_7" >
1824 <label class=
"md-nav__link" for=
"__nav_7">
1826 <span class=
"md-nav__icon md-icon"></span>
1828 <nav class=
"md-nav" aria-label=
"Tutorials" data-md-level=
"1">
1829 <label class=
"md-nav__title" for=
"__nav_7">
1830 <span class=
"md-nav__icon md-icon"></span>
1833 <ul class=
"md-nav__list" data-md-scrollfix
>
1840 <li class=
"md-nav__item md-nav__item--nested">
1843 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_7_1" type=
"checkbox" id=
"__nav_7_1" >
1845 <label class=
"md-nav__link" for=
"__nav_7_1">
1847 <span class=
"md-nav__icon md-icon"></span>
1849 <nav class=
"md-nav" aria-label=
"Tutorial Series" data-md-level=
"2">
1850 <label class=
"md-nav__title" for=
"__nav_7_1">
1851 <span class=
"md-nav__icon md-icon"></span>
1854 <ul class=
"md-nav__list" data-md-scrollfix
>
1860 <li class=
"md-nav__item">
1861 <a href=
"../../../tutorial/series/overview/" class=
"md-nav__link">
1872 <li class=
"md-nav__item">
1873 <a href=
"../../../tutorial/series/part_1/" class=
"md-nav__link">
1884 <li class=
"md-nav__item">
1885 <a href=
"../../../tutorial/series/part_2/" class=
"md-nav__link">
1896 <li class=
"md-nav__item">
1897 <a href=
"../../../tutorial/series/part_3/" class=
"md-nav__link">
1924 <div class=
"md-sidebar md-sidebar--secondary" data-md-component=
"sidebar" data-md-type=
"toc" >
1925 <div class=
"md-sidebar__scrollwrap">
1926 <div class=
"md-sidebar__inner">
1928 <nav class=
"md-nav md-nav--secondary" aria-label=
"Table of contents">
1934 <label class=
"md-nav__title" for=
"__toc">
1935 <span class=
"md-nav__icon md-icon"></span>
1938 <ul class=
"md-nav__list" data-md-component=
"toc" data-md-scrollfix
>
1940 <li class=
"md-nav__item">
1941 <a href=
"#guzzle" class=
"md-nav__link">
1947 <li class=
"md-nav__item">
1948 <a href=
"#emogrifier-css-inliner" class=
"md-nav__link">
1949 Emogrifier / CSS Inliner
1954 <li class=
"md-nav__item">
1955 <a href=
"#scssphp" class=
"md-nav__link">
1961 <li class=
"md-nav__item">
1962 <a href=
"#constant-time-encoder" class=
"md-nav__link">
1963 Constant Time Encoder
1976 <div class=
"md-content" data-md-component=
"content">
1977 <article class=
"md-content__inner md-typeset">
1980 <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">
1981 <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>
1985 <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>
1986 <h2 id=
"guzzle">Guzzle
<a class=
"headerlink" href=
"#guzzle" title=
"Permanent link">#
</a></h2>
1987 <p>The bundled Guzzle version was updated to Guzzle
7.
1988 No breaking changes are expected for simple uses.
1989 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>
1990 <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>
1991 <h2 id=
"emogrifier-css-inliner">Emogrifier / CSS Inliner
<a class=
"headerlink" href=
"#emogrifier-css-inliner" title=
"Permanent link">#
</a></h2>
1992 <p>The Emogrifier library was updated from version
2.2 to
5.0.
1993 This update comes with a breaking change, as the
<code>Emogrifier
</code> class was removed.
1994 With the updated Emogrifier library, the
<code>CssInliner
</code> class must be used instead.
</p>
1995 <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.
1996 In case you use Emogrifier directly within your own code, you will need to adjust the usage.
1997 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>
1998 <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.
1999 Double check your CSS declarations and particularly the specificity of your selectors in these cases.
</p>
2000 <h2 id=
"scssphp">scssphp
<a class=
"headerlink" href=
"#scssphp" title=
"Permanent link">#
</a></h2>
2001 <p>scssphp was updated from version
1.1 to
1.4.
</p>
2002 <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>
2003 <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>
2004 <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>
2005 <h2 id=
"constant-time-encoder">Constant Time Encoder
<a class=
"headerlink" href=
"#constant-time-encoder" title=
"Permanent link">#
</a></h2>
2006 <p>WoltLab Suite
5.4 ships the
<a href=
"https://github.com/paragonie/constant_time_encoding"><code>paragonie/constant_time_encoding
</code> library
</a>.
2007 It is recommended to use this library to perform encoding and decoding of secrets to prevent leaks via cache timing attacks.
2008 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>
2009 <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>
2011 <div class=
"highlight"><pre><span></span><code><span class=
"o"><?
</span><span class=
"nx">php
</span>
2012 <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>
2015 <div class=
"highlight"><pre><span></span><code><span class=
"o"><?
</span><span class=
"nx">php
</span>
2016 <span class=
"k">use
</span> <span class=
"nx">ParagonIE\ConstantTime\Hex
</span><span class=
"p">;
</span>
2018 <span class=
"c1">// For security reasons you should add the backslash
</span>
2019 <span class=
"c1">// to ensure you refer to the `random_bytes` function
</span>
2020 <span class=
"c1">// within the global namespace and not a function
</span>
2021 <span class=
"c1">// defined in the current namespace.
</span>
2022 <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>
2024 <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>
2030 <div class=
"md-source-date">
2033 Last update:
2021-
01-
13
2052 <footer class=
"md-footer">
2054 <nav class=
"md-footer__inner md-grid" aria-label=
"Footer">
2056 <a href=
"../templates/" class=
"md-footer__link md-footer__link--prev" rel=
"prev">
2057 <div class=
"md-footer__button md-icon">
2058 <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>
2060 <div class=
"md-footer__title">
2061 <div class=
"md-ellipsis">
2062 <span class=
"md-footer__direction">
2071 <a href=
"../../wsc52/php/" class=
"md-footer__link md-footer__link--next" rel=
"next">
2072 <div class=
"md-footer__title">
2073 <div class=
"md-ellipsis">
2074 <span class=
"md-footer__direction">
2080 <div class=
"md-footer__button md-icon">
2081 <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>
2087 <div class=
"md-footer-meta md-typeset">
2088 <div class=
"md-footer-meta__inner md-grid">
2089 <div class=
"md-footer-copyright">
2091 <div class=
"md-footer-copyright__highlight">
2092 Copyright ©
2020 WoltLab GmbH
2096 <a href=
"https://squidfunk.github.io/mkdocs-material/" target=
"_blank" rel=
"noopener">
2101 <div class=
"md-footer-copyright">
2102 <a href=
"https://www.woltlab.com/legal-notice/">Legal Notice
</a>
2103 <a href=
"https://www.woltlab.com/privacy-policy/">Privacy Policy
</a>
2110 <div class=
"md-dialog" data-md-component=
"dialog">
2111 <div class=
"md-dialog__inner md-typeset"></div>
2113 <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>
2116 <script src=
"../../../assets/javascripts/bundle.d892486b.min.js"></script>