For visibilty reasons the curently used backgroundlayer of the PreviewMap should be replaced with the 'light-gray' version.

FEATUREREQUEST

Description:

We should add a preview map to the demo to create a better visual feedback of what the GeoStyler-UI does.

Bug

Describe the bug

When the ruletable or cardstyle becomes too big, there is no scrollbar to scroll to the bottom of the page

To Reproduce

1. Go to demo
2. Select Card Style
3. Add some (empty) rules
4. See missing scrollbar

Expected behavior

Scrollbar should appear

Screenshots

Bug

Describe the bug

In the current demo, the Filter UI is broken. It is not possible to change the filter type.

To Reproduce
Steps to reproduce the behavior:

1. Click on the edit filter button
2. Click on the tree dots next to the input fields
3. See a small white box with no content opening

Expected behavior

I would expect the filter type selection.

Screenshots

Desktop (please complete the following information):

• OS: [linux mint]
• Browser [chrome, firefox]
• Version []

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

Looks like the filter works properly in the interactive documentation of geostyler. So it really looks like this is a bug in the demo.

The dependency react-scripts was updated from 3.2.0 to 3.3.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-scripts is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

Feature Request

Is your feature request related to a problem? Please describe.

Currently, all editors are enabled, regardless of the loaded geometry types. For some cases it does not make sense. E.g. when loading data consisting of line geometries, we do not need an active fill editor.

Describe the solution you'd like

It would be great to enable/disable different editors based on the geometry type, if data is loaded. This way, we could highlight the flexibility of geostyler to be able to adjust to different contexts. So, if data was loaded that consists of line geometries, we can disable the fill editor.

Adding a feature flag to the UI might be one approach to activate/deactivate this feature.

Describe alternatives you've considered

None

Additional context

\cc @slafayIGN

Bug

The Code Editor becomes disabled and displays "An error occured in the CodeEditor UI." when pasting in SLD text that was generated from QGIS.

To Reproduce

1. Go to https://geostyler.github.io/geostyler-demo/
2. Change Code Editor Format drop-down to 'SLD 1.1.0 - Symbology Encoding'
3. Select all existing text in Code Editor
4. Copy the SLD text (below) and paste into Code Editor to replace existing text

<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:se="http://www.opengis.net/se" xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.1.0/StyledLayerDescriptor.xsd" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.1.0" xmlns:xlink="http://www.w3.org/1999/xlink">
  <NamedLayer>
    <se:Name>CFA_WGS84</se:Name>
    <UserStyle>
      <se:Name>CFA_WGS84</se:Name>
      <se:FeatureTypeStyle>
        <se:Rule>
          <se:Name>Single symbol</se:Name>
          <se:PointSymbolizer>
            <se:Graphic>
              <se:Mark>
                <se:WellKnownName>circle</se:WellKnownName>
                <se:Fill>
                  <se:SvgParameter name="fill">#f3a6b2</se:SvgParameter>
                </se:Fill>
                <se:Stroke>
                  <se:SvgParameter name="stroke">#232323</se:SvgParameter>
                  <se:SvgParameter name="stroke-width">0.5</se:SvgParameter>
                </se:Stroke>
              </se:Mark>
              <se:Size>7</se:Size>
            </se:Graphic>
          </se:PointSymbolizer>
        </se:Rule>
      </se:FeatureTypeStyle>
    </UserStyle>
  </NamedLayer>
</StyledLayerDescriptor>

This SLD text was generated by QGIS 3.16 LTR for a simple point layer with no adjustments made to the default values.

The error occurs in Chrome and Firefox.

In the dev environment, it generates this error report:

Feature Request

Describe the solution you'd like

It would be nice to be able to showcase the defaultValuesContext feature in the demo. To do so, we could add a button somewhere that opens a popup. Within that popup, we could provide an input field for each symbolizer field that sets the default value.

There are some bugs/questions with the CardLayout in the geostyler-demo:

1. We should check the Select Toggle:

• What is its purpose, and does it work as expected?
• Would a checkbox be more appropriate?

2. The Renderer does not work and sends post request to \undefined

3. "Title" Field should be removed as there is not title in the geostyler-style

Maybe these bugs are more related to the components themeselves in the geostyler, so we may have to fix the issues there.

Bug

Describe the bug
I'm trying to use my own data on demo, when I upload the file, it shows loader icon stating the file is loading, and icon stays there forever. I'm able to confirm that file is uploaded and all column names can be seen in list
To Reproduce
Steps to reproduce the behavior:

1. Go to 'demo'
2. Click on 'Load data - GeoJSON data parser and drag file'
3. See error

Expected behavior
Success symbol or some sort of text that indicates that file is added.
Screenshots

Desktop (please complete the following information):

• OS: macOs 12.4
• Browser : Chrome

Bug

Describe the bug
Filter is not reflected in style shown in the code editor (SLD / GeoStyler style).

There seems an update issue with the attribute and the value field. Maybe related to this changeset.

To Reproduce
Steps to reproduce the behavior:

1. Open the demo at https://geostyler.github.io/geostyler-demo/
2. Click on filter icon (blue pencil)
3. Type something in the attribute field, e.g. fooooo
4. See that the field is reset to the first characte
5. In case you type ahead the attribute and the value is no more reflected in the style shown in the code editor

Expected behavior
The attribute and the value field is no more reflected in the style shown in the code editor

Screenshots

Desktop (please complete the following information):

• OS: Linux Mint 19 Tara 64-bit
• Browser: Latest Firefox and Chromium

Bug

Describe the bug
When selecting the color picker in the Symbolizer Editor, it does not show fully.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://geostyler.github.io/geostyler-demo/
2. Click on the Symbolizer for the first rule
3. Click on 'Pick' in 'Stroke-Color'
4. Observe that the color picker is partially hidden

Expected behavior
The color picker should be fully visible.

Screenshots
See here:

Desktop (please complete the following information):

• OS: Linux
• Browser: Chrome version 84, Firefox version 79

Additional context
Where should this problem be solved: in the demo or in geostyler itself? Is there a reason why the position is set to 'absolute' in ColorField.less?

A quick workaround would be to add the following to App.css in geostyler-demo:

.gs-symbolizer-editor .sketch-picker {
  position: relative;
}

But that may not be the right way to solve this. Any thoughts?

Bug

Describe the bug

The link in the footer of the demo that should point to the used geostyler release is broken. Instead of pointing to e.g. https://github.com/geostyler/geostyler/releases/tag/v13.1.1, it points to https://github.com/geostyler/geostyler/releases/tag/v%3C%=%20htmlWebpackPlugin.options.geostylerVersion%20%%3E

To Reproduce
Steps to reproduce the behavior:

1. Go to https://geostyler.github.io/geostyler-demo/
2. Click on 'GeoStyler v13.1.1' in the footer
3. See error

Expected behavior

Link should point to used geostyler release

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

None

The demo offers a switch between 2 symbolizer renderers : OpenLayers or SLD.

The OpenLayers renderer is generating an image client side and is working fine.

The SLD renderer makes use of a distant image generator (https://ows-demo.terrestris.de/geoserver/ows? with a GetLegendGraphic request) and displays broken images.

Finding and fixing the cause of this bug would be great.

Otherwise, the utility of keeping both symbolizer on the demo could be discussed.
Unless the OpenLayers symbolizer cannot display properly some specific styling feature, the SLD render could be discarded. It would remove a bit of complexity from the demo.

Bug

Describe the bug
While uploading my own SLD, I see same issue (it never tells user that SLD uploaded successfully #323 ) but more serious issue is that It is not retaining the correct color code as well

as per video it looks black. while it should look #8F0002

To Reproduce
Steps to reproduce the behavior:
Create SLD using following code

<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor xmlns="http://ww

https://user-images.githubusercontent.com/47075664/172592116-b9cbd79d-edd4-4e3a-864b-51cd9d4b5bb3.mp4

w.opengis.net/sld" xmlns:se="http://www.opengis.net/se" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ogc="http://www.opengis.net/ogc" xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.1.0/StyledLayerDescriptor.xsd" version="1.1.0" xmlns:xlink="http://www.w3.org/1999/xlink">
  <NamedLayer>
    <se:Name>point</se:Name>
    <UserStyle>
      <se:Name>point</se:Name>
      <se:FeatureTypeStyle>
        <se:Rule>
          <se:Name>Single symbol</se:Name>
          <se:PointSymbolizer>
            <se:Graphic>
              <se:Mark>
                <se:WellKnownName>circle</se:WellKnownName>
                <se:Fill>
                  <se:SvgParameter name="fill">#8f0002</se:SvgParameter>
                </se:Fill>
                <se:Stroke>
                  <se:SvgParameter name="stroke">#232323</se:SvgParameter>
                  <se:SvgParameter name="stroke-width">0.5</se:SvgParameter>
                </se:Stroke>
              </se:Mark>
              <se:Size>7</se:Size>
            </se:Graphic>
          </se:PointSymbolizer>
        </se:Rule>
      </se:FeatureTypeStyle>
    </UserStyle>
  </NamedLayer>
</StyledLayerDescriptor>

and upload to the UI

Expected behavior
Reflection of uploaded SLD on the Graphical editor and Preview

When uploading data to the GeoStyler Demo a list with the uploaded files is created.
Every item in the list contains a trashcan icon to remove the data. But it acutally does nothing.

We shoul add code that removes the data from the demo when the button is clicked.
Maybe we fist need to add this listener in the geostyler component itself.

Ol Renderer is broken in the GeoStyler demo UI. The OL Renderer adds two ol-viewport elements to the target therefore the OLRenderer will not display the symbolizer correctly.

Feature Request

Describe the solution you'd like

It would be nice to be able to showcase the compositionContext feature in the demo. To do so, we could add a button somewhere that opens a popup. Within that popup, we could list each symbolizer field with a checkbox to enable/disable respective field.

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): update dependency style-loader to v3.3.4
• chore(deps): update dependency webpack-dev-server to v4.15.2
• fix(deps): update dependency geostyler-legend to v4.0.1
• fix(deps): update dependency geostyler-wfs-parser to v2.0.1
• chore(deps): update dependency css-loader to v6.11.0
• chore(deps): update dependency html-webpack-plugin to v5.6.0
• fix(deps): update dependency d3 to v7.9.0
• fix(deps): update dependency geostyler-sld-parser to v5.3.1
• fix(deps): update dependency moment to v2.30.1
• chore(deps): update dependency copy-webpack-plugin to v12
• chore(deps): update dependency css-loader to v7
• chore(deps): update dependency less-loader to v12
• chore(deps): update dependency style-loader to v4
• chore(deps): update dependency webpack-dev-server to v5
• fix(deps): update dependency geostyler to v14
• fix(deps): update dependency geostyler-mapbox-parser to v5
• fix(deps): update dependency geostyler-style to v8
• fix(deps): update dependency ol to v9
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency less-loader to v11.1.4
• chore(deps): update dependency tslib to v2.6.2
• fix(deps): update dependency ol to v7.5.2
• chore(deps): update dependency ts-loader to v9.5.1
• chore(deps): update dependency webpack to v5.91.0
• fix(deps): update dependency @ant-design/icons to v5.3.7
• fix(deps): update dependency antd to v5.18.0
• fix(deps): update dependency geostyler-style to v7.5.0
• fix(deps): update dependency typescript to v5.4.5
• fix(deps): update react monorepo (@types/react, @types/react-dom, react, react-dom)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

As there are currently five languages supported by the geostyler the button solution seems to be inappropriate. We should change this UI element to a dropdown or even a Searchcombo.

The dependency @types/react was updated from 16.9.15 to 16.9.16.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/react is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

When expanding the Legend in the geostyler-demo it is not renderered immeditately but a change of the style is needed to do so.
This should be improved.

The Examples in the demo could be improved a little:

• Example "Basic Point" should get a color
• Example "Zoom based Point" throws error for unsupported WellKnownName
• Example "Alternating Line" should use bigger width (e.g. 5) --> Leave it as is as it is a GeoServer example

The dependency geostyler was updated from 4.4.0 to 4.5.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

geostyler is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

When loading the default WFS Data the application crashes. Probably this is caused by the PreviewMap as it tries to fit the view to an empty geometry.
'Cannot fit empty extent provided as geometry'

Feature Request

The demo application needs an upgrade to the recently released GeoStyler v5. Since this introduces some major (breaking) changes (upgrade antd to v4) this needs some work.

There is a work-in-progress PR #172, which started to do some upgrade work but needs more love. Check the PR for more information.

Feature Request

Is your feature request related to a problem? Please describe.

The current PreviewMap in the demo does not enable zooming. Thereby, users cannot check how styles behave when working with scaleDenominators.

Describe the solution you'd like

Enable zooming on the preview map to enable checking scaleDenominators.

Describe alternatives you've considered
...

Additional context
...

It seems like the UnsupportedProperties of the selected parser are not passed correctly to the UI.

We have to check if this is a problem in the Demo or the UI components.

Related to:
geostyler/geostyler#2172
geostyler/geostyler#2215

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet.
We recommend using:

• CircleCI
• Travis CI
• Buildkite
• CodeShip
• Azure Pipelines
• TeamCity
• Buddy
• AppVeyor
  But Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.

Feature Request

Is your feature request related to a problem? Please describe.
To promote the qgis-parser and let others use its features without setting up their own application, we should add the geostyler-qgis-parser to the demo.

Describe the solution you'd like
geostyler-qgis-parser should be added to the list of parsers. As it is a xml-based parser, we should not have problems displaying the parsed style in the code-editor.

Describe alternatives you've considered
...

Additional context
...

Feature Request

Is your feature request related to a problem? Please describe.

GeoStyler v9.0.0 changed the signature of <PreviewMap>. This makes the builds fail for GeoStyler v9.0.0.

Describe the solution you'd like

Instead of passing interactions, etc., we now have to pass an instance of ol/Map as a whole.

Describe alternatives you've considered

None

Additional context

See also failing Pipelines for #358

This is also a requirement for merging #327

Bug

Describe the bug
When switching to the SLD renderer by clicking the corresponding button in the demo UI the application throws an error in the console (Error: "wmsBaseUrl" or "layer" are missing in the GeoStylerContext.composition.SLDRenderer) and the application turns into a white page.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://geostyler.github.io/geostyler-demo/
2. Click on SLD in the Symbolizer Renderer section in the UI
3. See white page and the error message in the browser console

Expected behavior
SLD renderer is used and the application still works as expected.

Screenshots

Desktop

• OS: Linux Mint 20
• Browser: Chromium
• Version 115.0.5790.17

Bug

Describe the bug

The demo application is broken on gh-pages (https://geostyler.github.io/geostyler-demo/). It fails to load two files that are pointing to the wrong locations:

1. https://geostyler.github.io/bundle.js should be https://geostyler.github.io/geostyler-demo/bundle.js
2. https://geostyler.github.io/manifest.json should be https://geostyler.github.io/geostyler-demo/manifest.json

To Reproduce
Steps to reproduce the behavior:

1. Go to https://geostyler.github.io/geostyler-demo/
2. See broken geostyler-demo application

Expected behavior

Demo application should work on gh-pages.

Screenshots

Desktop (please complete the following information):

• OS: [all]
• Browser [all]

Smartphone (please complete the following information):

• Device: [all]
• OS: [all]
• Browser [all]

Additional context

None