Skip to main content

Resolve JS Images In Output TBB

The TBB of this week is Resolve JS Images In Output, originally written by my colleague Eric Huiza. Basically, the TBB does what the name says. It looks for certain images in the Output item and publishes them.

The images have to be in TcmUri or WebDAV format and they must appear in the url('path') format. This is the format that a CSS background selector uses, for example, only that it appears in JavaScript.

The TB transforms something like:

document.getElementById(openingTitleId).style.background=
    "url('/webdav/Content/Building Blocks/Assets/images/titlebar.gif') no-repeat";

into this:

document.getElementById(openingTitleId).style.background=
    "url('/assets/images/titlebar_tcm1-2.gif') no-repeat";

Description

Name
Resolve JS Images In Output TBB
Type
·    Template in .NET Assembly
Description
Used to:
·    Resolve references to Multimedia Components TcmUris or WebDAV URLs inside JS syntax;
·    Publishe the MMC and replaces the TcmUri/WebDAV reference with the resolved URL;
Notes:
This generic TBB uses the Output item to search for references to MMC TcmUris (or WebDav URLs) inside JavaScript references to CSS ‘background’ selectors.
If such MMC TcmUri is identified, the MMC is published (to the mapped Structure Group) and the returned URL replaces the TcmUri reference.
The Output item is rewritten with the resolved URLs.
Parameters
n/a
Applicable to
Any template where an Item called ‘Output’ exists in the Package

Code

[TcmTemplateTitle("Resolve JS Images In Output TBB")]
public class ResolveJsImagesInOutput : ITemplate {

    public const string JS_IMG_REG_EX = @"(url[\s]*\([\s]*(?<url>[^\)]*)[\s]*\))+";
    public readonly Regex cssBgRegEx = new Regex(JS_IMG_REG_EX, RegexOptions.IgnoreCase);

    public void Transform(Engine engine, Package package) {
        GenericUtils utils = new GenericUtils();
        Item outputItem = package.GetByName(Package.OutputName);
        string js = outputItem.GetAsString();

        foreach (Match match in GetUrlEntities(js)) {
            string uri = match.Groups["url"].Value.Replace("\"", string.Empty).Replace("'", string.Empty);
            string localUri = utils.LocalizeUri(engine, uri);
            Component imgComponent = engine.GetObject(localUri) as Component;
            if (imgComponent != null) {
                Binary binary = utils.PublishBinary(engine, package, imgComponent);
                js = js.Replace(uri, binary.Url);
            }
        }

        outputItem.SetAsString(js);
    }

    private IEnumerable<Match> GetUrlEntities(string js) {
        return cssBgRegEx.Matches(js).Cast<Match>().
            Where(w => w.Groups["url"].Value.StartsWith("\"/webdav") ||
                w.Groups["url"].Value.StartsWith("'/webdav") ||
                w.Groups["url"].Value.StartsWith("\"tcm:") ||
                w.Groups["url"].Value.StartsWith("'tcm:"));
    }
}

where the util.LocalizeUri method is the following:

public string LocalizeUri(Engine engine, string tcmUri) {
    if (TcmUri.IsValid(tcmUri)) {
        return engine.LocalizeUri(new TcmUri(tcmUri));
    } else {
        return tcmUri;
    }
}


Comments

Popular posts from this blog

Running sp_updatestats on AWS RDS database

Part of the maintenance tasks that I perform on a MSSQL Content Manager database is to run stored procedure sp_updatestats . exec sp_updatestats However, that is not supported on an AWS RDS instance. The error message below indicates that only the sa  account can perform this: Msg 15247 , Level 16 , State 1 , Procedure sp_updatestats, Line 15 [Batch Start Line 0 ] User does not have permission to perform this action. Instead there are several posts that suggest using UPDATE STATISTICS instead: https://dba.stackexchange.com/questions/145982/sp-updatestats-vs-update-statistics I stumbled upon the following post from 2008 (!!!), https://social.msdn.microsoft.com/Forums/sqlserver/en-US/186e3db0-fe37-4c31-b017-8e7c24d19697/spupdatestats-fails-to-run-with-permission-error-under-dbopriveleged-user , which describes a way to wrap the call to sp_updatestats and execute it under a different user: create procedure dbo.sp_updstats with execute as 'dbo' as

Content Delivery Monitoring in AWS with CloudWatch

This post describes a way of monitoring a Tridion 9 combined Deployer by sending the health checks into a custom metric in CloudWatch in AWS. The same approach can also be used for other Content Delivery services. Once the metric is available in CloudWatch, we can create alarms in case the service errors out or becomes unresponsive. The overall architecture is as follows: Content Delivery service sends heartbeat (or exposes HTTP endpoint) for monitoring Monitoring Agent checks heartbeat (or HTTP health check) regularly and stores health state AWS lambda function: runs regularly reads the health state from Monitoring Agent pushes custom metrics into CloudWatch I am running the Deployer ( installation docs ) and Monitoring Agent ( installation docs ) on a t2.medium EC2 instance running CentOS on which I also installed the Systems Manager Agent (SSM Agent) ( installation docs ). In my case I have a combined Deployer that I want to monitor. This consists of an Endpoint and a

Debugging a Tridion 2011 Event System

OK, so you wrote your Tridion Event System. Now it's time to debug it. I know this is a hypothetical situtation -- your code never needs any kind of debugging ;) but indulge me... Recently, Alvin Reyes ( @nivlong ) blogged about being difficult to know how exactly to debug a Tridion Event System. More exactly, the question was " What process do I attach to for debugging even system code? ". Unfortunately, there is no simple or generic answer for it. Different events are fired by different Tridion CM modules. These modules run as different programs (or services) or run inside other programs (e.g. IIS). This means that you will need to monitor (or debug) different processes, based on which events your code handles. So the usual suspects are: dllhost.exe (or dllhost3g.exe ) - running as the MTSUser is the SDL Tridion Content Manager COM+ application and it fires events on generic TOM objects (e.g. events based on Tridion.ContentManager.Extensibility.Events.CrudEven