I like the idea!
Martin Grigorov
Wicket Training and Consulting
https://twitter.com/mtgrigorov
On Mon, Feb 16, 2015 at 1:52 PM, Tobias Soloschenko <
tobiassolosche...@googlemail.com> wrote:
> And its done - here is the while loop inside the CssUrlReplacer - I'm
> going to open a pull request after the fixes are merged:
>
> while (matcher.find())
> {
> Url imageCandidateUrl = Url.parse(matcher.group(1));
> CharSequence processedUrl;
> if (imageCandidateUrl.isFull())
> {
> processedUrl = imageCandidateUrl.toString(
> Url.StringMode.FULL);
> }
> else if (imageCandidateUrl.isContextAbsolute())
> {
> processedUrl = imageCandidateUrl.toString();
> }
> else
> {
> // relativize against the url for the containing CSS file
> Url cssUrlCopy = new Url(cssUrl);
> cssUrlCopy.resolveRelative(imageCandidateUrl);
> if (!cssUrlCopy.getQueryString().contains("embeddBase64"))
> {
> PackageResourceReference imageReference = new
> PackageResourceReference(scope,
> cssUrlCopy.toString());
> processedUrl = cycle.urlFor(imageReference, null);
> }
> else
> {
> embedded = true;
> PackageResourceReference imageReference = new
> PackageResourceReference(scope,
> cssUrlCopy.toString().replace("?embeddBase64", ""));
> try
> {
> StringBuilder builder = new StringBuilder();
> IResourceStream resourceStream =
> imageReference.getResource()
> .getResourceStream();
> byte[] bytes = new byte[(int)resourceStream.
> length().bytes()];
> DataInputStream dataInputStream = new
> DataInputStream(
> resourceStream.getInputStream());
> dataInputStream.readFully(bytes);
> builder.append(Base64.encodeBase64String(bytes));
> processedUrl = "data:" +
> resourceStream.getContentType() + ";base64," +
> builder.toString().replaceAll("\\s", "");
> }
> catch (Exception e)
> {
> throw new WicketRuntimeException(
> "Error while embedding an image into the css:
> " +
> imageReference.toString(), e);
> }
> }
>
> }
> matcher.appendReplacement(output, embedded ? "url(" +
> processedUrl + ")" : "url('" +
> processedUrl + "')");
> }
>
> kind regards
>
> Tobias
>
> Am 16.02.15 um 11:54 schrieb Tobias Soloschenko:
>
> Hi all,
>>
>> as you can see in the commit history - you can replace image urls within
>> CSS files loaded with a CssResourceReference by their corresponding wicket
>> url representation, so that images are resolved from within the class path.
>> (currently with 7.0.0-SNAPSHOT)
>>
>> I'm thinking of improve the concept a bit more so that you are able to
>> store base64 encoded content in css dynamically - and it would look like
>> this:
>>
>> background-image:url(data:image/gif;base64,R0lGODlhEAAQAMQAAORH.........);
>>
>>
>> With this option you would be able to save some requests by loading small
>> images directly within the CSS file.
>>
>> I think it would be good to do it by this way:
>>
>> background-image:url(myimage.gif) - myimage.gif will be replaced by the
>> URL of the resource within the package of the scope with style and variation
>>
>> background-image:url(myimage.gif?embeddBase64) - myimage.gif will be
>> replaced by the base64 encoded content received from the resource within
>> the package of the scope with style and variation
>>
>>
>> What do you think about that idea?
>>
>> kind regards
>>
>> Tobias
>>
>
>
