ditafileset/jobmapper: Process just SVG files?

[ekimbernow]

I need to apply a filter to SVG files to move CSS rules to onto the elements that reference them so that SVGs that get inlined on the server will not interfere with each other on a page.

Using this code:

    <path id="svg.path">
      <ditafileset format="image"/>      
    </path>
    <pathconvert property="svg.list" refid="svg.path" pathsep="&#10;"/>
    <echo message="Resources found:${svg.list}"/>

I get the list of all images.

What I'm going for is getting just the SVGs so that I can then apply an XSLT to each one.

I'm not seeing a way to do that here.

Is it possible, and if so, how do I do it?

[ruthrapr]

Your question is how to select .svg files from you svg.list variable ?
You can try filterchain to keep only .svg files ? https://ant.apache.org/manual/Types/filterchain.html#linecontains

[ekimbernow]

As far as I can tell, would only apply to the resource selection done by , but it doesn't support nested and there doesn't appear to be a way to filter the list after the fact.

Here's the code I'm using to apply an XSLT to the images:

    <echo>[DEBUG] Applying XSLT to image files</echo>
    <pipeline>
      <xslt  
        basedir="${dita.temp.dir}"
        destdir="${dita.output.dir}"
        style="${dita.plugin.com.servicenow.internal-preview.dir}/xsl/rewrite-svgs.xsl" 
        classpathref="dost.class.path">
        <ditafileset format="image"/>
      </xslt>
    </pipeline>

This works, in that the XSLT gets run against each file--I've verified that it's using the XSL specified--but I'm not seeing the output I expect (meaning the changes created by the XSLT are not reflected in output).

So something with the OT pipeline XSLT target is not working as expected (it's unlikely that my XSLT is written so that it doesn't actually produce any output).

I suspect I just need to use normal Ant processing using against the output directory, but that will require putting the output to a temp location and then copy the resulting SVGs back to the output, which is doable but I was hoping there was a more direct way using and the built-in task.

[ruthrapr]

Did you copy your svg files in temp directory before applying your xsl ?
Of course, <ditafileset format="image"/> will select all images files but you can filter in your stylesheet.

Here is a working example rewriting the title element in svg file
rewrite-svg.zip

[ekimbernow]

I added the copying of the SVGs to the temp dir, and with that then I could easily apply the XSLT to them:

  <target name="com.servicenow.fixsvgs.rewritesvgs" description="rewrite SVG files for inlining" if="com.servicenow.fixsvgs">
    <echo>[DEBUG] rewrite SVGs to inline with HTML</echo> 
    
    <echo>[DEBUG] Copying images to temp directory so we can then process the SVG files:</echo>
    <copy todir="${dita.temp.dir}">
      <ditafileset format="image"/>
    </copy>
    
    <fileset id="svg.files" dir="${dita.temp.dir}" includes="**/*.svg"/>
    <!--    <pathconvert property="svg.file.list" refid="svg.files" pathsep="&#10;"/>
    <echo message="SVG files selected:${svg.file.list}"/>   
-->
    <xslt destdir="${dita.output.dir}" 
      style="${dita.plugin.com.servicenow.fixsvgs.dir}/xsl/rewrite-svgs.xsl"
      >
      <fileset refid="svg.files"/>
      <mapper type="glob" from="*.svg" to="*.svg"/>
    </xslt>    
  </target>  

My XSLT makes the CSS class names unique using the SVG filename as a prefix:

<xsl:stylesheet version="3.0"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  xmlns:xs="http://www.w3.org/2001/XMLSchema"
  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns:map="http://www.w3.org/2005/xpath-functions/map"
  exclude-result-prefixes="svg map xs"
  expand-text="yes"
  >
  <!-- 
    =================================================================
    Rewrites the SVG class names to make them specific to this file
    so that when the image is inlined in HTML that class names should
    be unique within the page, avoiding interference between
    SVGs with the same class names but different style definitions.
    
    ================================================================= -->

  <xsl:mode on-no-match="shallow-copy"/>

  <!--     <style>
.cls-1{fill:#62d84e;}
.cls-2,.cls-3,.cls-4{fill:none;}
.cls-2,.cls-3{stroke:#000;stroke-linecap:round;stroke-width:3px;}
.cls-2{stroke-linejoin:round;}
.cls-3{stroke-miterlimit:10;}</style>
 -->
  
  <xsl:variable name="prefix" as="xs:string"
    select="((tokenize(base-uri(.), '/'))[last()] => tokenize('\.'))[1] || '-'"
  />
  
  <xsl:template match="svg:style">
    <xsl:variable name="newStyles" as="xs:string"
      select="
      tokenize(normalize-space(.), '\.') => string-join('.' || $prefix)      
      "
    />
    <style xmlns="http://www.w3.org/2000/svg">{$newStyles}</style>    
  </xsl:template>

  <!-- Qualify style names prefix -->
  <xsl:template match="@class">
    <xsl:variable name="class" select="." as="xs:string"/>
    <xsl:attribute name="class" select="$prefix || $class"/>
  </xsl:template>

</xsl:stylesheet>

This all seems to work as intended.

[jelovirt]

Replace

<ditafileset format="image"/>

with

<restrict>
  <name name="*.svg"/>
  <ditafileset format="image"/>
</restrict>

To first select all images from DITA-OT job configuration and then restrict the fileset to only SVG files by file extension.