Drupal 9 compatibility and some bug fixes

.editorconfig

@@ -0,0 +1,22 @@
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+
+# Drupal Coding Standards
+# https://www.drupal.org/docs/develop/standards/coding-standards
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+tab_width = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.txt]
+trim_trailing_whitespace = false
+
+[*.{md,json,yml}]
+trim_trailing_whitespace = false

.gitattributes

@@ -0,0 +1,8 @@
+# Set the default behavior, in case people don't have `core.autocrlf` set.
+* text=auto
+
+# Declare files that will always have LF line endings on checkout.
+*.php text eol=lf
+
+# Remove files for archives generated using `git archive`.
+/.* export-ignore

.gitignore

@@ -0,0 +1,22 @@
+# Composer
+/vendor/
+composer.lock
+
+# Editors
+project.xml
+project.properties
+/nbproject/private/
+.buildpath
+.project
+.settings*
+.idea
+.vscode
+*.sublime-project
+*.sublime-workspace
+.sublimelinterrc
+
+# OS X metadata
+.DS_Store
+
+# Windows junk
+Thumbs.db

LICENSE.txt

@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.

README.md

@@ -0,0 +1,46 @@
+# Header and Footer Scripts
+
+## Description
+
+This module allows you to add style and scripts in different region of the page
+from the front-end. You don't need to open any file for this purpose.
+
+This module adds the styles and scripts on all over the site. There are 3
+setting pages. These setting pages are allow you add the scripts in the desired
+region.
+
+NOTE: HTML comments are not allowed/supported.
+
+## REQUIREMENTS
+
+No special requirements.
+
+## INSTALLATION
+
+ * Install as you would normally install a contributed Drupal module. Visit:
+   https://www.drupal.org/docs/8/extending-drupal-8/installing-drupal-8-modules
+   for further information.
+
+## CONFIGURATION
+
+* Configure user permissions in Administration » People » Permissions
+
+  * Access Header Footer Scripts
+
+    Users in roles with "Add Scripts all over the site" permission can
+    add / remove the styles and scripts from any position.
+
+* Add styles and scripts in settings on the Administer -> Configuration ->
+   Development -> Header Footer Scripts Page.
+
+## MAINTAINERS
+
+Current maintainers:
+ * Aliya Yasir (aliyayasir) - https://www.drupal.org/user/213804
+ * Sami Ahmed Siddiqui (sasiddiqui) - https://www.drupal.org/user/3100375
+
+This project has been sponsored by:
+ * YAS Global
+   Leading Web and App Development company, which helps businesses to grow
+   online using advanced platforms. It works on Drupal, WordPress, .Net and
+   Mobile Apps. Visit https://www.yasglobal.com for more information.

README.txt

@@ -1,20 +0,0 @@
-HFS (Header Footer Scripts) module for Drupal 8.x.
-This module allows you to add style and scripts in different region of the page
-from the front-end. You don't need to open any file for this purpose.
-
-INSTALLATION INSTRUCTIONS
--------------------------
-1. Copy the files included in the tarball into a directory named
-   "header_and_footer_scripts" in your Drupal modules/ directory.
-2. Login as site administrator.
-3. Enable the HFS (Header Footer Scripts) module on the 
-   Administer -> Modules page.
-4. Add styles and scripts in settings on the Administer ->
-   Configuration -> Development -> HFS (Header Footer Scripts) Page.
-5. Enjoy.
-
-NOTES
------
-This module adds the styles and scripts on all over the site.
-There are 2 setting pages.
-These setting pages are allow you add the scripts in the desired region.

composer.json

@@ -0,0 +1,32 @@
+{
+  "name": "drupal/header_and_footer_scripts",
+  "description": "Allows you to add the scripts and styles on overall site from the front-end. No need to open files and add them there.",
+  "type": "drupal-module",
+  "license": "GPL-2.0-or-later",
+  "keywords": [
+    "Drupal",
+    "script",
+    "style"
+  ],
+  "homepage": "https://www.drupal.org/project/header_and_footer_scripts",
+  "authors": [
+    {
+      "name": "See contributors",
+      "homepage": "https://www.drupal.org/node/2832400/committers",
+      "role": "Developer"
+    }
+  ],
+  "support": {
+    "email": "sami.siddiqui@yasglobal.com",
+    "issues": "https://www.drupal.org/project/issues/header_and_footer_scripts",
+    "source": "https://git.drupalcode.org/project/header_and_footer_scripts"
+  },
+  "require": {
+    "php": "^7.4 || ^8.0",
+    "drupal/core": "^8 || ^9"
+  },
+  "require-dev": {
+    "dealerdirect/phpcodesniffer-composer-installer": "^0.7.1",
+    "drupal/coder": "^8.3"
+  }
+}

header_and_footer_scripts.info.yml

@@ -1,8 +1,9 @@
-name: HFS (Header Footer Scripts)
-description: This plugin allows you to add the scripts and styles on overall site from the front-end. No need to open files and add them there.
+name: Header and Footer Scripts
+description: Allows you to add the scripts and styles on overall site from the front-end. No need to open files and add them there.
 package: HFS
 
 type: module
 core: 8.x
+core_version_requirement: ^8 || ^9
 
-configure: hfs.admin.body_settings
+configure: header_and_footer_scripts.admin.header

header_and_footer_scripts.install

@@ -9,9 +9,53 @@
  * Implements hook_uninstall().
  */
 function header_and_footer_scripts_uninstall() {
+  \Drupal::service('config.factory')
+    ->getEditable('header_and_footer_scripts.header.settings')
+    ->delete();
+  \Drupal::service('config.factory')
+    ->getEditable('header_and_footer_scripts.body.settings')
+    ->delete();
+  \Drupal::service('config.factory')
+    ->getEditable('header_and_footer_scripts.footer.settings')
+    ->delete();
+}
+
+/**
+ * Implements hook_update_N().
+ *
+ * Adding new configuration variables and updating current configuration
+ * in it to avoid conflict with any other module.
+ */
+function header_and_footer_scripts_update_8201() {
+  $body_section   = \Drupal::config('hfs_body_scripts.settings')->get();
+  $footer_section = \Drupal::config('hfs_footer_scripts.settings')->get();
+  if (isset($body_section['styles'])) {
+    \Drupal::configFactory()
+      ->getEditable('header_and_footer_scripts.body.settings')
+      ->set('styles', $body_section['styles'])
+      ->save();
+  }
+  if (isset($body_section['scripts'])) {
+    \Drupal::configFactory()
+      ->getEditable('header_and_footer_scripts.body.settings')
+      ->set('scripts', $body_section['scripts'])
+      ->save();
+  }
   \Drupal::service('config.factory')
     ->getEditable('hfs_body_scripts.settings')
     ->delete();
+  if (isset($footer_section['styles'])) {
+    \Drupal::configFactory()
+      ->getEditable('header_and_footer_scripts.footer.settings')
+      ->set('styles', $footer_section['styles'])
+      ->save();
+  }
+  if (isset($footer_section['scripts'])) {
+    \Drupal::configFactory()
+      ->getEditable('header_and_footer_scripts.footer.settings')
+      ->set('scripts', $footer_section['scripts'])
+      ->save();
+  }
   \Drupal::service('config.factory')
     ->getEditable('hfs_footer_scripts.settings')
     ->delete();

header_and_footer_scripts.links.menu.yml

@@ -1,5 +1,5 @@
-hfs.admin.body_settings:
-  title: 'HFS (Header Footer Scripts)'
+header_and_footer_scripts.admin.header:
+  title: 'Header Footer Scripts'
   description: 'Allow to add scripts and styles from the frontend at the start of body tag.'
   parent: system.admin_config_development
-  route_name: hfs.admin.body_settings
+  route_name: header_and_footer_scripts.admin.header

header_and_footer_scripts.links.task.yml

@@ -1,8 +1,12 @@
-hfs.admin.body_settings:
-  route_name: hfs.admin.body_settings
+header_and_footer_scripts.admin.header:
+  route_name: header_and_footer_scripts.admin.header
+  title: 'Header Scripts'
+  base_route: header_and_footer_scripts.admin.header
+header_and_footer_scripts.admin.body:
+  route_name: header_and_footer_scripts.admin.body
   title: 'Body Scripts'
-  base_route: hfs.admin.body_settings
-hfs.admin.footer_settings:
-  route_name: hfs.admin.footer_settings
+  base_route: header_and_footer_scripts.admin.header
+header_and_footer_scripts.admin.footer:
+  route_name: header_and_footer_scripts.admin.footer
   title: 'Footer Scripts'
-  base_route: hfs.admin.body_settings
+  base_route: header_and_footer_scripts.admin.header

header_and_footer_scripts.module

@@ -3,9 +3,26 @@
 /**
  * @file
  * Add scripts and styles from the frontend on all over the site.
- * Attach the Scripts and Styles as per your need.
  */
 
+use Drupal\Core\Routing\RouteMatchInterface;
+use Drupal\Core\Render\Markup;
+
+/**
+ * Implements hook_help().
+ */
+function header_and_footer_scripts_help($route_name, RouteMatchInterface $route_match) {
+  switch ($route_name) {
+    case 'help.page.header_and_footer_scripts':
+      $output = '<h2>' . t('About') . '</h2>';
+      $output .= '<p>' . t('This module allows you to add style and scripts in your site or , You do not need to open any file for this purpose.') . '</p>';
+      $output .= '<h2>' . t('Uses') . '</h2>';
+      $output .= '<p>' . t('Header and Footer Scripts provides you the capability to quickly add the style and scripts in your site. It provides you 3 regions (Header, Body, and Footer) of the page on which you can add the style and script. You can add custom style/script file, add Google or other Analytics code, inline css,  inline js and so on. You can configure them from the Administer -> Configuration -> Development -> Header Footer Scripts') . '</p>';
+
+      return $output;
+  }
+}
+
 /**
  * Implements hook_page_top().
  *
@@ -13,7 +30,7 @@
  * which are defined on the settings page.
  */
 function header_and_footer_scripts_page_top(array &$page_top) {
-  $body_section = \Drupal::config('hfs_body_scripts.settings')->get();
+  $body_section = \Drupal::config('header_and_footer_scripts.body.settings')->get();
   if (isset($body_section['styles']) && !empty($body_section['styles'])) {
     $output_styles = preg_split("/(<\/style>|\/>)/", $body_section['styles']);
     $i = 1;
@@ -24,7 +41,7 @@ function header_and_footer_scripts_page_top(array &$page_top) {
       }
 
       $style_tag  = 'style';
-      $style_attr = '';
+      $style_attr = [];
       $value      = '';
 
       $style_attributes = preg_replace('/(<style|<link)/', '', $row, 1);
@@ -52,8 +69,8 @@ function header_and_footer_scripts_page_top(array &$page_top) {
           }
 
           $attr_key_value = explode('=', $attr);
-          if (isset($attr_key_value[0]) && isset($attr_key_value[1])) {
-            $style_attr[$attr_key_value[0]] = $attr_key_value[1];
+          if (2 <= count($attr_key_value)) {
+            $style_attr[$attr_key_value[0]] = preg_replace('/' . $attr_key_value[0] . '=/', '', $attr, 1);
           }
           else {
             $style_attr[$attr_key_value[0]] = $attr_key_value[0];
@@ -64,9 +81,9 @@ function header_and_footer_scripts_page_top(array &$page_top) {
       $page_top['top_styles_' . $i] = [
         '#type'  => 'html_tag',
         '#tag'   => $style_tag,
-        '#value' => $value,
+        '#value' => Markup::create($value),
       ];
-      if (is_array($style_attr)) {
+      if (!empty($style_attr)) {
         $page_top['top_styles_' . $i]['#attributes'] = $style_attr;
       }
       $i++;
@@ -82,7 +99,7 @@ function header_and_footer_scripts_page_top(array &$page_top) {
       }
 
       $script_tag  = 'script';
-      $script_attr = '';
+      $script_attr = [];
       $value       = '';
 
       $script_attributes = preg_replace('/(<script|<noscript)/', '', $row, 1);
@@ -110,8 +127,8 @@ function header_and_footer_scripts_page_top(array &$page_top) {
           }
 
           $attr_key_value = explode('=', $attr);
-          if (isset($attr_key_value[0]) && isset($attr_key_value[1])) {
-            $script_attr[$attr_key_value[0]] = $attr_key_value[1];
+          if (2 <= count($attr_key_value)) {
+            $script_attr[$attr_key_value[0]] = preg_replace('/' . $attr_key_value[0] . '=/', '', $attr, 1);
           }
           else {
             $script_attr[$attr_key_value[0]] = $attr_key_value[0];
@@ -122,9 +139,9 @@ function header_and_footer_scripts_page_top(array &$page_top) {
       $page_top['top_scripts_' . $i] = [
         '#type'  => 'html_tag',
         '#tag'   => $script_tag,
-        '#value' => $value,
+        '#value' => Markup::create($value),
       ];
-      if (is_array($script_attr)) {
+      if (!empty($script_attr)) {
         $page_top['top_scripts_' . $i]['#attributes'] = $script_attr;
       }
       $i++;
@@ -139,7 +156,7 @@ function header_and_footer_scripts_page_top(array &$page_top) {
  * which are defined on the settings page.
  */
 function header_and_footer_scripts_page_bottom(array &$page_bottom) {
-  $footer_section = \Drupal::config('hfs_footer_scripts.settings')->get();
+  $footer_section = \Drupal::config('header_and_footer_scripts.footer.settings')->get();
   if (isset($footer_section['styles']) && !empty($footer_section['styles'])) {
     $output_styles = preg_split("/(<\/style>|\/>)/", $footer_section['styles']);
     $i = 1;
@@ -150,7 +167,7 @@ function header_and_footer_scripts_page_bottom(array &$page_bottom) {
       }
 
       $style_tag  = 'style';
-      $style_attr = '';
+      $style_attr = [];
       $value      = '';
 
       $style_attributes = preg_replace('/(<style|<link)/', '', $row, 1);
@@ -178,8 +195,8 @@ function header_and_footer_scripts_page_bottom(array &$page_bottom) {
           }
 
           $attr_key_value = explode('=', $attr);
-          if (isset($attr_key_value[0]) && isset($attr_key_value[1])) {
-            $style_attr[$attr_key_value[0]] = $attr_key_value[1];
+          if (2 <= count($attr_key_value)) {
+            $style_attr[$attr_key_value[0]] = preg_replace('/' . $attr_key_value[0] . '=/', '', $attr, 1);
           }
           else {
             $style_attr[$attr_key_value[0]] = $attr_key_value[0];
@@ -190,9 +207,9 @@ function header_and_footer_scripts_page_bottom(array &$page_bottom) {
       $page_bottom['bottom_styles_' . $i] = [
         '#type'  => 'html_tag',
         '#tag'   => $style_tag,
-        '#value' => $value,
+        '#value' => Markup::create($value),
       ];
-      if (is_array($style_attr)) {
+      if (!empty($style_attr)) {
         $page_bottom['bottom_styles_' . $i]['#attributes'] = $style_attr;
       }
       $i++;
@@ -208,7 +225,7 @@ function header_and_footer_scripts_page_bottom(array &$page_bottom) {
       }
 
       $script_tag  = 'script';
-      $script_attr = '';
+      $script_attr = [];
       $value       = '';
 
       $script_attributes = preg_replace('/(<script|<noscript)/', '', $row, 1);
@@ -236,8 +253,8 @@ function header_and_footer_scripts_page_bottom(array &$page_bottom) {
           }
 
           $attr_key_value = explode('=', $attr);
-          if (isset($attr_key_value[0]) && isset($attr_key_value[1])) {
-            $script_attr[$attr_key_value[0]] = $attr_key_value[1];
+          if (2 <= count($attr_key_value)) {
+            $script_attr[$attr_key_value[0]] = preg_replace('/' . $attr_key_value[0] . '=/', '', $attr, 1);
           }
           else {
             $script_attr[$attr_key_value[0]] = $attr_key_value[0];
@@ -248,12 +265,144 @@ function header_and_footer_scripts_page_bottom(array &$page_bottom) {
       $page_bottom['bottom_scripts_' . $i] = [
         '#type'  => 'html_tag',
         '#tag'   => $script_tag,
-        '#value' => $value,
+        '#value' => Markup::create($value),
       ];
-      if (is_array($script_attr)) {
+      if (!empty($script_attr)) {
         $page_bottom['bottom_scripts_' . $i]['#attributes'] = $script_attr;
       }
       $i++;
     }
   }
 }
+
+/**
+ * Implements hook_page_attachments_alter().
+ *
+ * Alter CSS/JS files before they are output on the page.
+ * which are defined on the settings page.
+ */
+function header_and_footer_scripts_page_attachments_alter(array &$attachments) {
+  $header_section = \Drupal::config('header_and_footer_scripts.header.settings')->get();
+  if (isset($header_section['styles']) && !empty($header_section['styles'])) {
+    $output_styles = preg_split("/(<\/style>|\/>)/", $header_section['styles']);
+    $i = 1;
+    $i = count($attachments['#attached']['html_head']) + 1;
+    foreach ($output_styles as $row) {
+      if (empty($row)) {
+        continue;
+      }
+
+      $style_tag  = 'style';
+      $style_attr = [];
+      $value      = '';
+
+      $style_attributes = preg_replace('/(<style|<link)/', '', $row, 1);
+      $get_style_attr   = preg_split('/(>)/', $style_attributes, 2);
+
+      if (isset($get_style_attr[1])) {
+        $value = $get_style_attr[1];
+      }
+
+      $get_style_tag = preg_split('/<link/', $row, 2);
+
+      if (isset($get_style_tag[1])) {
+        $style_tag = 'link';
+      }
+
+      if (isset($get_style_attr[0]) && !empty($get_style_attr[0])) {
+        $get_attr   = preg_replace('/(\'|\")/', '', $get_style_attr[0]);
+        $get_attr   = preg_replace('/\s+/', ',', $get_attr);
+        $get_attr   = preg_replace('/(,=,|,=|=,)/', '=', $get_attr);
+        $fetch_attr = explode(',', $get_attr);
+
+        foreach ($fetch_attr as $attr) {
+          if (empty($attr)) {
+            continue;
+          }
+
+          $attr_key_value = explode('=', $attr);
+          if (2 <= count($attr_key_value)) {
+            $style_attr[$attr_key_value[0]] = preg_replace('/' . $attr_key_value[0] . '=/', '', $attr, 1);
+          }
+          else {
+            $style_attr[$attr_key_value[0]] = $attr_key_value[0];
+          }
+        }
+      }
+
+      $attachments['#attached']['html_head'][$i][0] = [
+        '#type'  => 'html_tag',
+        '#tag'   => $style_tag,
+        '#value' => Markup::create($value),
+      ];
+      if (!empty($style_attr)) {
+        $attachments['#attached']['html_head'][$i][0]['#attributes'] = $style_attr;
+      }
+      $attachments['#attached']['html_head'][$i][1] = 'header-and-footer-css-' . $i;
+
+      $i++;
+    }
+  }
+  if (isset($header_section['scripts']) && !empty($header_section['scripts'])) {
+    $output_scripts = preg_split("/(<\/script>|<\/noscript>)/", $header_section['scripts']);
+    $i = 1;
+    $i = count($attachments['#attached']['html_head']) + 1;
+    foreach ($output_scripts as $row) {
+
+      if (empty($row)) {
+        continue;
+      }
+
+      $script_tag  = 'script';
+      $script_attr = [];
+      $value       = '';
+
+      $script_attributes = preg_replace('/(<script|<noscript)/', '', $row, 1);
+      $get_script_attr   = preg_split('/(>)/', $script_attributes, 2);
+
+      if (isset($get_script_attr[1])) {
+        $value = $get_script_attr[1];
+      }
+
+      $get_script_tag = preg_split('/<noscript/', $row, 2);
+
+      if (isset($get_script_tag[1])) {
+        $script_tag = 'noscript';
+      }
+
+      if (isset($get_script_attr[0]) && !empty($get_script_attr[0])) {
+        $get_attr   = preg_replace('/(\'|\")/', '', $get_script_attr[0]);
+        $get_attr   = preg_replace('/\s+/', ',', $get_attr);
+        $get_attr   = preg_replace('/(,=,|,=|=,)/', '=', $get_attr);
+        $fetch_attr = explode(',', $get_attr);
+
+        foreach ($fetch_attr as $attr) {
+          if (empty($attr)) {
+            continue;
+          }
+
+          $attr_key_value = explode('=', $attr);
+          if (2 <= count($attr_key_value)) {
+            $script_attr[$attr_key_value[0]] = preg_replace('/' . $attr_key_value[0] . '=/', '', $attr, 1);
+          }
+          else {
+            $script_attr[$attr_key_value[0]] = $attr_key_value[0];
+          }
+        }
+      }
+
+      $attachments['#attached']['html_head'][$i] = [
+        [
+          '#type'  => 'html_tag',
+          '#tag'   => $script_tag,
+          '#value' => Markup::create($value),
+        ],
+        'header-and-footer-scripts-' . $i,
+      ];
+      if (!empty($script_attr)) {
+        $attachments['#attached']['html_head'][$i][0]['#attributes'] = $script_attr;
+      }
+      $i++;
+    }
+  }
+}

header_and_footer_scripts.routing.yml

@@ -1,14 +1,21 @@
-hfs.admin.body_settings:
-  path: '/admin/config/development/hfs/body'
+header_and_footer_scripts.admin.header:
+  path: '/admin/config/development/header-and-footer-scripts/header'
+  defaults:
+    _form: '\Drupal\header_and_footer_scripts\Form\HeaderForm'
+    _title: 'Header Footer Scripts Settings for head'
+  requirements:
+    _permission: 'header_and_footer_scripts_settings'
+header_and_footer_scripts.admin.body:
+  path: '/admin/config/development/header-and-footer-scripts/body'
   defaults:
     _form: '\Drupal\header_and_footer_scripts\Form\BodyForm'
-    _title: 'HFS (Header Footer Scripts)'
+    _title: 'Header and Footer Scripts Settings for Body'
   requirements:
     _permission: 'header_and_footer_scripts_settings'
-hfs.admin.footer_settings:
-  path: '/admin/config/development/hfs/footer'
+header_and_footer_scripts.admin.footer:
+  path: '/admin/config/development/header-and-footer-scripts/footer'
   defaults:
     _form: '\Drupal\header_and_footer_scripts\Form\FooterForm'
-    _title: 'HFS (Header Footer Scripts) for Footer'
+    _title: 'Header and Footer Scripts Settings for Footer'
   requirements:
     _permission: 'header_and_footer_scripts_settings'

src/Form/BodyForm.php

@@ -22,14 +22,14 @@ class BodyForm extends ConfigFormBase {
    * Implements ConfigFormBase::getEditableConfigNames.
    */
   protected function getEditableConfigNames() {
-    return ['hfs_body_scripts.settings'];
+    return ['header_and_footer_scripts.body.settings'];
   }
 
   /**
    * Implements FormBuilder::buildForm.
    */
   public function buildForm(array $form, FormStateInterface $form_state, Request $request = NULL) {
-    $body_section = $this->config('hfs_body_scripts.settings')->get();
+    $body_section = $this->config('header_and_footer_scripts.body.settings')->get();
 
     $form['hfs_body'] = [
       '#type'        => 'fieldset',
@@ -65,12 +65,12 @@ class BodyForm extends ConfigFormBase {
     $values = $form_state->getValues();
 
     $this->configFactory()
-      ->getEditable('hfs_body_scripts.settings')
+      ->getEditable('header_and_footer_scripts.body.settings')
       ->set('styles', $values['styles'])
       ->set('scripts', $values['scripts'])
       ->save();
 
-    drupal_set_message($this->t('Your Settings have been saved.'), 'status');
+    $this->messenger()->addStatus($this->t('Your Settings have been saved.'));
   }
 
 }

src/Form/FooterForm.php

@@ -22,14 +22,14 @@ class FooterForm extends ConfigFormBase {
    * Implements ConfigFormBase::getEditableConfigNames.
    */
   protected function getEditableConfigNames() {
-    return ['hfs_footer_scripts.settings'];
+    return ['header_and_footer_scripts.footer.settings'];
   }
 
   /**
    * Implements FormBuilder::buildForm.
    */
   public function buildForm(array $form, FormStateInterface $form_state, Request $request = NULL) {
-    $footer_section = $this->config('hfs_footer_scripts.settings')->get();
+    $footer_section = $this->config('header_and_footer_scripts.footer.settings')->get();
 
     $form['hfs_footer'] = [
       '#type'        => 'fieldset',
@@ -65,12 +65,12 @@ class FooterForm extends ConfigFormBase {
     $values = $form_state->getValues();
 
     $this->configFactory()
-      ->getEditable('hfs_footer_scripts.settings')
+      ->getEditable('header_and_footer_scripts.footer.settings')
       ->set('styles', $values['styles'])
       ->set('scripts', $values['scripts'])
       ->save();
 
-    drupal_set_message($this->t('Your Settings have been saved.'), 'status');
+    $this->messenger()->addStatus($this->t('Your Settings have been saved.'));
   }
 
 }

src/Form/HeaderForm.php

@@ -0,0 +1,76 @@
+<?php
+
+namespace Drupal\header_and_footer_scripts\Form;
+
+use Drupal\Core\Form\ConfigFormBase;
+use Symfony\Component\HttpFoundation\Request;
+use Drupal\Core\Form\FormStateInterface;
+
+/**
+ * Provide settings page for adding CSS/JS before the end of body tag.
+ */
+class HeaderForm extends ConfigFormBase {
+
+  /**
+   * Implements FormBuilder::getFormId.
+   */
+  public function getFormId() {
+    return 'hfs_header_settings';
+  }
+
+  /**
+   * Implements ConfigFormBase::getEditableConfigNames.
+   */
+  protected function getEditableConfigNames() {
+    return ['header_and_footer_scripts.header.settings'];
+  }
+
+  /**
+   * Implements FormBuilder::buildForm.
+   */
+  public function buildForm(array $form, FormStateInterface $form_state, Request $request = NULL) {
+    $header_section = $this->config('header_and_footer_scripts.header.settings')->get();
+
+    $form['hfs_header'] = [
+      '#type'        => 'fieldset',
+      '#title'       => $this->t('Add Scripts and Styles in Header'),
+      '#description' => $this->t('All the defined scripts and styles in this section would be added just before closing the <strong>body</strong> tag.'),
+    ];
+
+    $form['hfs_header']['styles'] = [
+      '#type'          => 'textarea',
+      '#title'         => $this->t('Header Styles'),
+      '#default_value' => isset($header_section['styles']) ? $header_section['styles'] : '',
+      '#description'   => $this->t('<p>You can add multiple <strong>stylesheets</strong> here with multiple ways, For example: </p><p>1. &lt;link type="text/css" rel="stylesheet" href="http://www.example.com/style.css" media="all" /&gt;</p><p> 2. &lt;link type="text/css" rel="stylesheet" href="/style.css" media="all" /&gt;</p><p> 3. &lt;style&gt;#header { color: grey; }&lt;/style&gt;</p>'),
+      '#rows'          => 10,
+    ];
+
+    $form['hfs_header']['scripts'] = [
+      '#type'          => 'textarea',
+      '#title'         => $this->t('Header Scripts'),
+      '#default_value' => isset($header_section['scripts']) ? $header_section['scripts'] : '',
+      '#description'   => $this->t('<p>You can add multiple <strong>scripts</strong> here with multiple ways, For example: </p><p>1. &lt;script type="text/javascript" src="http://www.example.com/script.js"&gt;&lt;/script&gt;</p><p> 2. &lt;script type="text/javascript" src="/script.js"&gt;&lt;/script&gt;</p><p> 3. &lt;script type="text/javascript"&gt;console.log("HFS Header");&lt;/script&gt;</p>'),
+      '#rows'          => 10,
+    ];
+
+    return parent::buildForm($form, $form_state);
+  }
+
+  /**
+   * Implements FormBuilder::submitForm().
+   *
+   * Serialize the user's settings and save it to the Drupal's config Table.
+   */
+  public function submitForm(array &$form, FormStateInterface $form_state) {
+    $values = $form_state->getValues();
+
+    $this->configFactory()
+      ->getEditable('header_and_footer_scripts.header.settings')
+      ->set('styles', $values['styles'])
+      ->set('scripts', $values['scripts'])
+      ->save();
+
+    $this->messenger()->addStatus($this->t('Your Settings have been saved.'));
+  }
+
+}