Download the PHP package b13/assetcollector without Composer

On this page you can find all versions of the php package b13/assetcollector. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of b13/assetcollector

Informations about the package assetcollector

Asset Collector for TYPO3

This extension adds ViewHelpers to dynamically add CSS, JS and SVG files and CSS inline strings to be added to the HTML document from within Fluid Templates. In addition, including JS files are added via a registry to be only added once, which can be achieved via TypoScript as well.

The main benefit over TYPO3 Core functionality is that AssetCollector API is a straightforward approach for integrators to not worry about having duplicate assets entries added again, and to only include the assets that are necessary. This way, integrators can build content types or plugins and attach only necessary resources to one content type, even if it was added multiple times by any editor.

Installation & Requirements

Use composer req b13/assetcollector or install it via TYPO3's Extension Manager from the TYPO3 Extension Repository using the extension key assetcollector.

You need TYPO3 v9 or later to use this extension.

JavaScript includes

This is useful when adding JavaScript files via TypoScript or within a Fluid template based on content element. In contrast to TYPO3 Core, the following functionality is given:

All JavaScript data is always added within the "head" tag.

If adding via TypoScript, the following syntax applies:

page.jsFiles {
    analytics = https://analytics.b13.com/track.js
    analytics.async = 1
    analytics.data-myattribute = true
}

CSS inliner

This is useful for adding inline-CSS that targets "above the fold" content based on content the editor adds to the page, or to add CSS inline styles that add background images for specific breakpoints (media queries are possible in the html head, not in inline styles using the style attribute for specific elements).

Examples

In your Fluid templates use the ViewHelper to add CSS files or inline CSS code to the head of any page using this template file:

This includes the content of myCssFile.css inline as a style block in the HTML head of the document.

This adds the string .b_example { color: red; } to the inline style block in the HTML head of the document.

Remember to add the Fluid namespace to your Fluid templates (or do this globally, see below):

CSS file include

The include option is useful for including CSS files as externally referenced files based on content of your pages. Depending on the size of the CSS and the number of pages the same CSS is used inlining the CSS into the page might not be the best option. To include a CSS file across all pages of your installation could result in including way too much CSS for some of your content pages.

The ViewHelper for including CSS can be used to include CSS files within your Fluid Templates as external files by adding external="1". This adds the CSS file reference to the <head> part of your <html> document:

This will add the following code within the <head> of your document:

You can also specify a value for the media argument:

SVG Map inliner

Adds SVG files as inline map using a ViewHelper. A file can be added using a file path or an icon name set in your TypoScript setup.

This only includes the icons needed on a given page as inline SVG symbols in one svg map.

Examples

Using a file path

This adds the svg inline code to your template output

and adds the symbol from myIconFile.svg to the page's inline SVG map. The file name should be unique and is used to identify the icon within the <use>-tag. Multiple uses of the same filename will result in the icon being included only once (correctly so) in the SVG map.

Using a name/identifier set in your TypoScript setup

This will add the svg inline code to your template output using iconName as an identifier.

Notes on automated rendering of the svg map

The svg file is parsed and all children of the first <svg> tag are being included in a <symbol> section within the svg map. The id of the symbol will be icon-<filename> and the viewBox from the original <svg> tag will be added as an attribute to the <symbol> tag. All <symbol> sections will be wrapped:

Global registering of Fluid Namespace

If you want to register the fluid namespace globally, add this to your site extensions ext_localconf.php:

License

The extension is licensed under GPL v2+, same as the TYPO3 Core. For details see the LICENSE file in this repository.

Open Issues

If you find an issue, feel free to create an issue on GitHub or a pull request.

Credits

This extension was created by David Steeb in 2019 for b13 GmbH.

Find more TYPO3 extensions we have developed that help us deliver value in client projects. As part of the way we work, we focus on testing and best practices to ensure long-term performance, reliability, and results in all our code.

All versions of assetcollector with dependencies

PHP Build Version
Package Version
Requires php Version ^7.4 || ^8.0
typo3/cms-core Version ^11.5 || ^12.0 || ^13.1
typo3/cms-frontend Version ^11.5 || ^12.0 || ^13.1
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package b13/assetcollector contains the following files

Loading the files please wait ....