74 |
75 |
77 |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/example/js/app.js:
--------------------------------------------------------------------------------
1 | import jsonFormat from './json-format';
2 | import xmlFormat from './xml-format';
3 | import WMSCapabilities from '../../dist/wms-capabilities.min';
4 | //import Spinner from 'spin.js';
5 |
6 | ////////////////////////////////////////////////////////////////////////////////
7 | var serviceSelect = document.getElementById('service');
8 | var xml = document.getElementById('xml');
9 | var json = document.getElementById('json');
10 | var input = document.getElementById('input-area');
11 |
12 | // the only open CORS proxy I could find
13 | var parser = new WMSCapabilities();
14 |
15 | function showInput() {
16 | xml.style.display = 'none';
17 | input.style.display = 'inline-block';
18 | }
19 |
20 | function hideInput() {
21 | xml.style.display = 'inline-block';
22 | input.style.display = 'none';
23 | }
24 |
25 | function update(xmlString) {
26 | xml.textContent = xmlFormat(xmlString);
27 | Prism.highlightElement(xml);
28 |
29 | json.textContent = jsonFormat(JSON.stringify(parser.parse(xmlString)));
30 | Prism.highlightElement(json);
31 | }
32 |
33 | serviceSelect.addEventListener('change', function() {
34 | if (serviceSelect.value !== '') {
35 | hideInput();
36 |
37 | fetch(serviceSelect.value)
38 | .then(response => response.text())
39 | .then(xmlString => update(xmlString));
40 | }
41 | }, false);
42 |
43 | xml.addEventListener('click', showInput, false);
44 |
45 | input.addEventListener('paste', function() {
46 | setTimeout(function() {
47 | update(input.value);
48 | hideInput();
49 | }, 50);
50 | }, false);
51 |
--------------------------------------------------------------------------------
/example/js/bundle.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | 'use strict';
3 |
4 | /*
5 | json-format v.1.1
6 | http://github.com/phoboslab/json-format
7 |
8 | Released under MIT license:
9 | http://www.opensource.org/licenses/mit-license.php
10 | */
11 |
12 | var p = [],
13 | push = function(m) {
14 | return '\\' + p.push(m) + '\\';
15 | },
16 | pop = function(m, i) {
17 | return p[i - 1]
18 | },
19 | tabs = function(count) {
20 | return new Array(count + 1).join('\t');
21 | };
22 |
23 | function jsonFormat(json) {
24 | p = [];
25 | var out = "",
26 | indent = 0;
27 |
28 | // Extract backslashes and strings
29 | json = json
30 | .replace(/\\./g, push)
31 | .replace(/(".*?"|'.*?')/g, push)
32 | .replace(/\s+/, '');
33 |
34 | // Indent and insert newlines
35 | for (var i = 0; i < json.length; i++) {
36 | var c = json.charAt(i);
37 |
38 | switch (c) {
39 | case '{':
40 | out += c + "\n" + tabs(++indent);
41 | break;
42 | case '[':
43 | out += c + "\n" + tabs(++indent);
44 | break;
45 | case ']':
46 | out += "\n" + tabs(--indent) + c;
47 | break;
48 | case '}':
49 | out += "\n" + tabs(--indent) + c;
50 | break;
51 | case ',':
52 | if (/\d/.test(json.charAt(i - 1))) {
53 | out += ", ";
54 | } else {
55 | out += ",\n" + tabs(indent);
56 | }
57 | break;
58 | case ':':
59 | out += ": ";
60 | break;
61 | default:
62 | out += c;
63 | break;
64 | }
65 | }
66 |
67 | // Strip whitespace from numeric arrays and put backslashes
68 | // and strings back in
69 | out = out
70 | .replace(/\[[\d,\s]+?\]/g, function(m) {
71 | return m.replace(/\s/g, '');
72 | })
73 | // number arrays
74 | .replace(/\[\s*(\d)/g, function(a, b) {
75 | return '[' + b;
76 | })
77 | .replace(/(\d)\s*\]/g, function(a, b) {
78 | return b + ']';
79 | })
80 | .replace(/\{\s*\}/g, '{}') // empty objects
81 | .replace(/\\(\d+)\\/g, pop) // strings
82 | .replace(/\\(\d+)\\/g, pop); // backslashes in strings
83 |
84 | return out;
85 | }
86 |
87 | function xmlFormat(xml) {
88 | var formatted = '';
89 | var reg = /(>)(<)(\/*)/g;
90 | xml = xml.replace(reg, '$1\r\n$2$3');
91 | var pad = 0;
92 |
93 | xml.split('\r\n').forEach(function(node, index) {
94 | var indent = 0;
95 | if (node.match(/.+<\/\w[^>]*>$/)) {
96 | indent = 0;
97 | } else if (node.match(/^<\/\w/)) {
98 | if (pad != 0) {
99 | pad -= 1;
100 | }
101 | } else if (node.match(/^<\w[^>]*[^\/]>.*$/)) {
102 | indent = 1;
103 | } else {
104 | indent = 0;
105 | }
106 |
107 | var padding = '';
108 | for (var i = 0; i < pad; i++) {
109 | padding += ' ';
110 | }
111 |
112 | formatted += padding + node + '\r\n';
113 | pad += indent;
114 | });
115 |
116 | return formatted;
117 | }
118 |
119 | var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
120 |
121 | function createCommonjsModule(fn) {
122 | var module = { exports: {} };
123 | return fn(module, module.exports), module.exports;
124 | }
125 |
126 | /*
127 | BSD-2-Clause
128 | @preserve
129 | */
130 |
131 | var wmsCapabilities_min = createCommonjsModule(function (module, exports) {
132 | (function(f,m){module.exports=m();})(commonjsGlobal,function(){function f(a){return void 0!==a}function m(a,c,b){if(a.nodeType===u.CDATA_SECTION||a.nodeType===u.TEXT){ c?b.push(String(a.nodeValue).replace(/(\r\n|\r|\n)/g,"")):b.push(a.nodeValue); }else { for(a=a.firstChild;a;a=a.nextSibling){ m(a,c,b); } }return b}function F(a){for(a=
133 | a.nextElementSibling||a.nextSibling;a&&a.nodeType!==u.ELEMENT;){ a=a.nextSibling; }return a}function h(a,c,b){b=f(b)?b:{};var d;var n=0;for(d=a.length;n
e.length)break e;if(!(d instanceof a)){g.lastIndex=0;var m=g.exec(d);if(m){c&&(f=m[1].length);var y=m.index-1+f,m=m[0].slice(f),v=m.length,k=y+v,b=d.slice(0,y+1),w=d.slice(k+1),O=[p,1];b&&O.push(b);var N=new a(l,u?t.tokenize(m,u):m,h);O.push(N),w&&O.push(w),Array.prototype.splice.apply(r,O)}}}}}return r},hooks:{all:{},add:function(e,n){var a=t.hooks.all;a[e]=a[e]||[],a[e].push(n)},run:function(e,n){var a=t.hooks.all[e];if(a&&a.length)for(var r,i=0;r=a[i++];)r(n)}}},n=t.Token=function(e,t,n){this.type=e,this.content=t,this.alias=n};if(n.stringify=function(e,a,r){if("string"==typeof e)return e;if("[object Array]"==Object.prototype.toString.call(e))return e.map(function(t){return n.stringify(t,a,e)}).join("");var i={type:e.type,content:n.stringify(e.content,a,r),tag:"span",classes:["token",e.type],attributes:{},language:a,parent:r};if("comment"==i.type&&(i.attributes.spellcheck="true"),e.alias){var l="Array"===t.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(i.classes,l)}t.hooks.run("wrap",i);var o="";for(var s in i.attributes)o+=s+'="'+(i.attributes[s]||"")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'" '+o+">"+i.content+""},!self.document)return self.addEventListener?(self.addEventListener("message",function(e){var n=JSON.parse(e.data),a=n.language,r=n.code;self.postMessage(JSON.stringify(t.util.encode(t.tokenize(r,t.languages[a])))),self.close()},!1),self.Prism):self.Prism;var a=document.getElementsByTagName("script");return a=a[a.length-1],a&&(t.filename=a.src,document.addEventListener&&!a.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)),self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism);;
3 | Prism.languages.markup={comment://g,prolog:/<\?.+?\?>/,doctype://,cdata://i,tag:{pattern:/<\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|[^\s'">=]+))?\s*)*\/?>/gi,inside:{tag:{pattern:/^<\/?[\w:-]+/i,inside:{punctuation:/^<\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,inside:{punctuation:/=|>|"/g}},punctuation:/\/?>/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&#?[\da-z]{1,8};/gi},Prism.hooks.add("wrap",function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&/,"&"))});;
4 | Prism.languages.twig={comment:/\{#[\s\S]*?#\}/g,tag:{pattern:/(\{\{[\s\S]*?\}\}|\{%[\s\S]*?%\})/g,inside:{ld:{pattern:/^(\{\{\-?|\{%\-?\s*\w+)/,inside:{punctuation:/^(\{\{|\{%)\-?/,keyword:/\w+/}},rd:{pattern:/\-?(%\}|\}\})$/,inside:{punctuation:/.*/}},string:{pattern:/("|')(\\?.)*?\1/g,inside:{punctuation:/^('|")|('|")$/g}},keyword:/\b(if)\b/g,"boolean":/\b(true|false|null)\b/g,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/g,operator:/==|=|!=|<|>|>=|<=|\+|\-|~|\*|\/|\/\/|%|\*\*|\|/g,"space-operator":{pattern:/(\s)(\b(not|b\-and|b\-xor|b\-or|and|or|in|matches|starts with|ends with|is)\b|\?|:|\?:)(?=\s)/g,lookbehind:!0,inside:{operator:/.*/}},property:/\b[a-zA-Z_][a-zA-Z0-9_]*\b/g,punctuation:/\(|\)|\[\]|\[|\]|\{|\}|:|\.|,/g}},other:{pattern:/[\s\S]*/,inside:Prism.languages.markup}};;
5 | Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//g,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*?(\r?\n|$)/g,lookbehind:!0}],string:/("|')(\\\n|\\?.)*?\1/g,"class-name":{pattern:/((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/gi,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/g,"boolean":/\b(true|false)\b/g,"function":{pattern:/[a-z0-9_]+\(/gi,inside:{punctuation:/\(/}},number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/g,operator:/[-+]{1,2}|!|<=?|>=?|={1,3}|&{1,2}|\|?\||\?|\*|\/|~|\^|%/g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g};;
6 | Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|function|get|if|implements|import|in|instanceof|interface|let|new|null|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/g,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|-?Infinity)\b/g,"function":/(?!\d)[a-z0-9_$]+(?=\()/gi}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,lookbehind:!0}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/[\w\W]*?<\/script>/gi,inside:{tag:{pattern:/|<\/script>/gi,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript},alias:"language-javascript"}});;
7 | Prism.hooks.add("after-highlight",function(e){var n=e.element.parentNode;if(n&&/pre/i.test(n.nodeName)&&-1!==n.className.indexOf("line-numbers")){var t,a=1+e.code.split("\n").length;lines=new Array(a),lines=lines.join(""),t=document.createElement("span"),t.className="line-numbers-rows",t.innerHTML=lines,n.hasAttribute("data-start")&&(n.style.counterReset="linenumber "+(parseInt(n.getAttribute("data-start"),10)-1)),e.element.appendChild(t)}});;
8 |
--------------------------------------------------------------------------------
/example/js/xml-format.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | export default function(xml) {
4 | var formatted = '';
5 | var reg = /(>)(<)(\/*)/g;
6 | xml = xml.replace(reg, '$1\r\n$2$3');
7 | var pad = 0;
8 |
9 | xml.split('\r\n').forEach(function(node, index) {
10 | var indent = 0;
11 | if (node.match(/.+<\/\w[^>]*>$/)) {
12 | indent = 0;
13 | } else if (node.match(/^<\/\w/)) {
14 | if (pad != 0) {
15 | pad -= 1;
16 | }
17 | } else if (node.match(/^<\w[^>]*[^\/]>.*$/)) {
18 | indent = 1;
19 | } else {
20 | indent = 0;
21 | }
22 |
23 | var padding = '';
24 | for (var i = 0; i < pad; i++) {
25 | padding += ' ';
26 | }
27 |
28 | formatted += padding + node + '\r\n';
29 | pad += indent;
30 | });
31 |
32 | return formatted;
33 | }
34 |
--------------------------------------------------------------------------------
/example/less/style.less:
--------------------------------------------------------------------------------
1 | html, body {
2 | margin: 0;
3 | padding: 0;
4 | color: #F0F1F1;
5 | background: #4A4D4E;
6 | }
7 |
8 | @import "example/less/topcoat-select.less";
9 |
10 | h2, h3 {
11 | font-weight: 300;
12 | }
13 |
14 | .container {
15 | //max-width: 700px;
16 | margin: 0 auto;
17 |
18 | a {
19 | color: #288edf;
20 | text-decoration: none;
21 |
22 | &:hover {
23 | text-decoration: underline;
24 | }
25 | }
26 |
27 | header {
28 | position: relative;
29 |
30 | &:before {
31 | content: '';
32 | width: 100%;
33 | display: block;
34 | position: absolute;
35 | left: 0;
36 | top: 23px;
37 | }
38 | }
39 |
40 | .wrapper {
41 | padding: 30px;
42 | }
43 |
44 | .github-button { color: transparent; }
45 |
46 | .code, .code:focus {
47 | max-height: 350px;
48 | margin-right: 20px;
49 |
50 | border-radius: .5em;
51 | border: .3em solid hsl(0, 0%, 33%);
52 | box-shadow: 1px 1px .5em black inset;
53 | margin: 0;
54 | overflow: auto;
55 | padding: 1em;
56 | background: hsl(0, 0%, 8%);
57 | color: white;
58 | direction: ltr;
59 | font-family: Consolas, Monaco, 'Andale Mono', monospace;
60 | text-align: left;
61 | text-shadow: 0 -.1em .2em black;
62 | white-space: pre;
63 | word-spacing: normal;
64 | word-break: normal;
65 | line-height: 1.5;
66 | -moz-tab-size: 4;
67 | -o-tab-size: 4;
68 | tab-size: 4;
69 | -webkit-hyphens: none;
70 | -moz-hyphens: none;
71 | -ms-hyphens: none;
72 | hyphens: none;
73 | width: 95%;
74 | }
75 |
76 | #input-area {
77 | display: none;
78 | }
79 |
80 | .outputs {
81 | clear: both;
82 | padding-bottom: 40px;
83 | }
84 |
85 | .output {
86 | width: 49%;
87 | vertical-align: top;
88 | display: inline-block;
89 | min-width: 600px;
90 | }
91 |
92 | }
93 |
94 | @media (min-width:900px) {
95 | #map {
96 | width: 60%;
97 | height: 100%;
98 | }
99 |
100 | #controls {
101 | width: 40%;
102 | }
103 |
104 | #controls .control.range {
105 | display: inline-block;
106 | }
107 | }
108 |
--------------------------------------------------------------------------------
/example/less/topcoat-select.less:
--------------------------------------------------------------------------------
1 | .topcoat-select {
2 | padding: 0;
3 | margin: 0;
4 | font: inherit;
5 | color: inherit;
6 | background: transparent;
7 | border: none;
8 | }
9 |
10 | .topcoat-select {
11 | vertical-align: top;
12 | outline: none;
13 | }
14 |
15 | .topcoat-select {
16 | cursor: default;
17 | -webkit-user-select: none;
18 | -moz-user-select: none;
19 | -ms-user-select: none;
20 | user-select: none;
21 | }
22 |
23 | .topcoat-select {
24 | -moz-box-sizing: border-box;
25 | box-sizing: border-box;
26 | background-clip: padding-box;
27 | }
28 |
29 | .topcoat-select {
30 | position: relative;
31 | display: inline-block;
32 | vertical-align: top;
33 | }
34 |
35 | .topcoat-select:disabled {
36 | opacity: 0.3;
37 | cursor: default;
38 | pointer-events: none;
39 | }
40 |
41 | .topcoat-select {
42 | -moz-appearance: none;
43 | -webkit-appearance: none;
44 | }
45 |
46 | .topcoat-select::-ms-expand {
47 | display: none;
48 | }
49 |
50 | /* topdoc
51 | name: Topcoat Select
52 | description: A component that lets you select things
53 | modifiers:
54 | :disabled: Disabled state
55 | :focus: Focused
56 | :invalid: Hover state
57 | markup:
58 |
64 |
70 | tags:
71 | - desktop
72 | - mobile
73 | - text
74 | - input
75 | */
76 |
77 | .topcoat-select {
78 | -webkit-user-select: none;
79 | -moz-user-select: none;
80 | -ms-user-select: none;
81 | user-select: none;
82 | cursor: pointer;
83 | appearance: button;
84 | text-indent: 0.01px;
85 | text-overflow: '';
86 | padding: 0.7rem 1.3rem 0.7rem 1rem;
87 | font-size: 16px;
88 | font-weight: 400;
89 | height: 3rem;
90 | letter-spacing: 1px;
91 | color: hsla(180, 2%, 78%, 1);
92 | text-shadow: 0 -1px hsla(0, 0%, 0%, 0.69);
93 | border-radius: 6px;
94 | background-color: hsla(180, 1%, 35%, 1);
95 | box-shadow: inset 0 1px hsla(0, 0%, 45%, 1);
96 | border: 1px solid hsla(180, 1%, 20%, 1);
97 | background-image: url('../img/dropdown.svg');
98 | background-repeat: no-repeat;
99 | background-position: center right;
100 | }
101 |
102 | .topcoat-select:hover {
103 | background-color: hsla(200, 2%, 39%, 1);
104 | }
105 |
106 | .topcoat-select:active {
107 | background-color: hsla(210, 2%, 25%, 1);
108 | box-shadow: inset 0 1px hsla(0, 0%, 0%, 0.05);
109 | }
110 |
111 | .topcoat-select:focus {
112 | border: 1px solid hsla(227, 100%, 50%, 1);
113 | box-shadow: 0 0 0 2px hsla(208, 82%, 69%, 1);
114 | outline: 0;
115 | }
116 |
--------------------------------------------------------------------------------
/index.d.ts:
--------------------------------------------------------------------------------
1 | export interface WMSCapabilitiesJSON {
2 | version: string;
3 | Service: Service;
4 | Capability: Capability;
5 | }
6 |
7 | export interface Service {
8 | Name: string;
9 | Title: string;
10 | Abstract: string;
11 | KeywordList: string[];
12 | OnlineResource: string;
13 | ContactInformation: ContactInformation;
14 | Fees: string;
15 | AccessConstraints: string;
16 | MaxWidth: number;
17 | MaxHeight: number;
18 | }
19 |
20 | export interface ContactInformation {
21 | ContactPersonPrimary: ContactPersonPrimary;
22 | ContactPosition: string;
23 | ContactAddress: ContactAddress;
24 | ContactVoiceTelephone: string;
25 | ContactFacsimileTelephone: string;
26 | ContactElectronicMailAddress: string;
27 | }
28 |
29 | export interface ContactPersonPrimary {
30 | ContactPerson: string;
31 | ContactOrganization: string;
32 | }
33 |
34 | export interface ContactAddress {
35 | AddressType: string;
36 | Address: string;
37 | City: string;
38 | StateOrProvince: string;
39 | PostCode: string;
40 | Country: string;
41 | }
42 |
43 | export interface Capability {
44 | Request: Request;
45 | Exception: string[];
46 | Layer: Layer;
47 | }
48 |
49 | export interface Request {
50 | GetCapabilities: GetCapabilities;
51 | GetMap: GetMap;
52 | GetFeatureInfo: GetFeatureInfo;
53 | }
54 |
55 | export interface GetCapabilities {
56 | Format: string[];
57 | DCPType: Dcptype[];
58 | }
59 |
60 | export interface Dcptype {
61 | HTTP: Http;
62 | }
63 |
64 | export interface Http {
65 | Get: Get;
66 | }
67 |
68 | export interface Get {
69 | OnlineResource: string;
70 | }
71 |
72 | export interface GetMap {
73 | Format: string[];
74 | DCPType: Dcptype2[];
75 | }
76 |
77 | export interface Dcptype2 {
78 | HTTP: Http2;
79 | }
80 |
81 | export interface Http2 {
82 | Get: Get2;
83 | }
84 |
85 | export interface Get2 {
86 | OnlineResource: string;
87 | }
88 |
89 | export interface GetFeatureInfo {
90 | Format: string[];
91 | DCPType: Dcptype3[];
92 | }
93 |
94 | export interface Dcptype3 {
95 | HTTP: Http3;
96 | }
97 |
98 | export interface Http3 {
99 | Get: Get3;
100 | }
101 |
102 | export interface Get3 {
103 | OnlineResource: string;
104 | }
105 |
106 | export interface Layer {
107 | queryable: boolean;
108 | Title: string;
109 | CRS: string[];
110 | EX_GeographicBoundingBox: number[];
111 | BoundingBox: BoundingBox[];
112 | Layer: Layer2[];
113 | }
114 |
115 | export interface BoundingBox {
116 | crs: string;
117 | extent: number[];
118 | res: any[];
119 | }
120 |
121 | export interface Layer2 {
122 | Title: string;
123 | Abstract: string;
124 | CRS: string[];
125 | EX_GeographicBoundingBox: number[];
126 | BoundingBox: BoundingBox2[];
127 | Dimension: Dimension[];
128 | Layer: Layer3[];
129 | queryable: boolean;
130 | opaque: boolean;
131 | noSubsets: boolean;
132 | }
133 |
134 | export interface BoundingBox2 {
135 | crs: string;
136 | extent: number[];
137 | res: any[];
138 | }
139 |
140 | export interface Dimension {
141 | name: string;
142 | units: string;
143 | unitSymbol: any;
144 | default: any;
145 | current: boolean;
146 | values: string;
147 | }
148 |
149 | export interface Layer3 {
150 | Name: string;
151 | Title: string;
152 | Abstract: string;
153 | CRS: string[];
154 | EX_GeographicBoundingBox: number[];
155 | BoundingBox: BoundingBox3[];
156 | Style: Style[];
157 | queryable: boolean;
158 | opaque: boolean;
159 | noSubsets: boolean;
160 | Dimension: Dimension2[];
161 | }
162 |
163 | export interface BoundingBox3 {
164 | crs: string;
165 | extent: number[];
166 | res: any[];
167 | }
168 |
169 | export interface Style {
170 | Name: string;
171 | Title: string;
172 | LegendURL: LegendUrl[];
173 | }
174 |
175 | export interface LegendUrl {
176 | Format: string;
177 | OnlineResource: string;
178 | size: number[];
179 | }
180 |
181 | export interface Dimension2 {
182 | name: string;
183 | units: string;
184 | unitSymbol: any;
185 | default: any;
186 | current: boolean;
187 | values: string;
188 | }
189 |
190 | export default class WMS {
191 | /**
192 | * WMS Capabilities parser
193 | *
194 | * @param {String=} xmlString
195 | * @constructor
196 | */
197 | constructor(xmlString?: string | undefined, DOMParser: any);
198 | /**
199 | * @type {String}
200 | */
201 | version: string;
202 | /**
203 | * @type {XMLParser}
204 | */
205 | _parser: XMLParser;
206 | /**
207 | * @type {String=}
208 | */
209 | _data: string | undefined;
210 | /**
211 | * @param {String} xmlString
212 | * @return {WMS}
213 | */
214 | data(xmlString: string): WMS;
215 | /**
216 | * @param {String=} xmlString
217 | * @return {Object|null}
218 | */
219 | toJSON(xmlString?: string | undefined): WMSCapabilitiesJSON | null;
220 | /**
221 | * @return {String} xml
222 | * @return {Object|null}
223 | */
224 | parse(xmlString: any): WMSCapabilitiesJSON;
225 | /**
226 | * @param {Document} doc
227 | * @return {Object|null}
228 | */
229 | readFromDocument(doc: Document): WMSCapabilitiesJSON | null;
230 | /**
231 | * @param {DOMNode} node
232 | * @return {Object}
233 | */
234 | readFromNode(node: DOMNode): WMSCapabilitiesJSON;
235 | }
236 |
237 | class XMLParser {
238 | /**
239 | * XML DOM parser
240 | * @constructor
241 | * @param {DOMParser} DOMParser
242 | */
243 | constructor(DOMParser: DOMParser);
244 | /**
245 | * @type {DOMParser}
246 | */
247 | _parser: DOMParser;
248 | /**
249 | * @param {String} xmlstring
250 | * @return {Document}
251 | */
252 | toDocument(xmlstring: string): Document;
253 | /**
254 | * Recursively grab all text content of child nodes into a single string.
255 | * @param {Node} node Node.
256 | * @param {boolean} normalizeWhitespace Normalize whitespace: remove all line
257 | * breaks.
258 | * @return {string} All text content.
259 | * @api
260 | */
261 | getAllTextContent(node: Node, normalizeWhitespace: boolean): string;
262 | }
263 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "wms-capabilities",
3 | "version": "0.6.0",
4 | "description": "WMS service Capabilities > JSON, based on openlayers ",
5 | "main": "dist/wms-capabilities.min.js",
6 | "module": "dist/wms-capabilities.mjs",
7 | "types": "index.d.ts",
8 | "bin": {
9 | "wmscapabilities": "bin/wmscapabilities"
10 | },
11 | "scripts": {
12 | "test": "node -r reify test/index.js | tap-spec",
13 | "start": "npm run watch-js & npm run watch-css",
14 | "watch-css": "catw -c 'lessc -' 'example/less/*.less' -o example/css/style.css -v",
15 | "watch-js": "rollup -cw",
16 | "build-less": "lessc example/less/style.less > example/css/style.css",
17 | "build-css": "npm run build-less",
18 | "build-js": "rollup -c",
19 | "build": "npm run build-js && npm run build-css"
20 | },
21 | "repository": {
22 | "type": "git",
23 | "url": "https://github.com/w8r/wms-capabilities.git"
24 | },
25 | "devDependencies": {
26 | "@ampproject/rollup-plugin-closure-compiler": "^0.26.0",
27 | "@rollup/plugin-buble": "^0.21.3",
28 | "@rollup/plugin-commonjs": "^18.0.0",
29 | "@rollup/plugin-node-resolve": "^11.2.1",
30 | "lessc": "^1.0.2",
31 | "reify": "^0.20.12",
32 | "rollup": "^2.45.2",
33 | "rollup-plugin-browsersync": "^1.3.1",
34 | "tap-spec": "^5.0.0",
35 | "tape": "^5.2.2",
36 | "xmldom": "^0.6.0"
37 | },
38 | "keywords": [
39 | "gis",
40 | "wms",
41 | "getcapabilities",
42 | "xml",
43 | "json"
44 | ],
45 | "author": "Alexander Milevski ",
46 | "license": "BSD-2-Clause",
47 | "bugs": {
48 | "url": "https://github.com/w8r/wms-capabilities/issues"
49 | },
50 | "homepage": "https://github.com/w8r/wms-capabilities"
51 | }
52 |
--------------------------------------------------------------------------------
/rollup.config.js:
--------------------------------------------------------------------------------
1 | import buble from "@rollup/plugin-buble";
2 | import commonjs from "@rollup/plugin-commonjs";
3 | import nodeResolve from "@rollup/plugin-node-resolve";
4 | import compiler from "@ampproject/rollup-plugin-closure-compiler";
5 | import browsersync from "rollup-plugin-browsersync";
6 | import { name, description, license, version } from "./package.json";
7 |
8 | const banner = `
9 | /**
10 | * ${name} @${version}
11 | * @description ${description}
12 | * @license ${license}
13 | * @preserve
14 | */
15 | `;
16 |
17 | export default [
18 | {
19 | input: "src/index.js",
20 | output: {
21 | file: "dist/wms-capabilities.js",
22 | format: "umd",
23 | name: "WMSCapabilities",
24 | sourcemap: true,
25 | banner,
26 | },
27 | plugins: [buble()],
28 | },
29 | {
30 | input: "src/index.js",
31 | output: {
32 | file: "dist/wms-capabilities.mjs",
33 | format: "esm",
34 | name: "WMSCapabilities",
35 | sourcemap: true,
36 | banner,
37 | },
38 | },
39 | {
40 | input: "src/index.js",
41 | output: {
42 | file: "dist/wms-capabilities.min.js",
43 | format: "umd",
44 | name: "WMSCapabilities",
45 | sourcemap: true,
46 | banner,
47 | },
48 | plugins: [buble(), compiler({})],
49 | },
50 | {
51 | input: "example/js/app.js",
52 | output: {
53 | file: "example/js/bundle.js",
54 | format: "iife",
55 | },
56 | plugins: [
57 | process.argv[2].indexOf("w") !== -1
58 | ? browsersync({
59 | server: ".",
60 | port: 3002,
61 | })
62 | : null,
63 | nodeResolve(),
64 | commonjs(),
65 | buble(),
66 | ],
67 | },
68 | ];
69 |
--------------------------------------------------------------------------------
/src/externs.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Externs file for google closure compiler
3 | */
4 |
5 | // this makes GCC play with browserify
6 |
7 | /**
8 | * @param {*=}o
9 | * @param {*=}u
10 | */
11 | window.require = function(o, u) {};
12 |
13 | /**
14 | * @type {Object}
15 | */
16 | window.module = {
17 | exports: {}
18 | };
19 |
20 | window['WMSCapabilities'] = function () {};
21 |
22 | /**
23 | * @class WMSCapabilities
24 | * @constructor
25 | */
26 | window['WMSCapabilities'] = function() {};
27 |
28 | /**
29 | * @param {String} xmlString
30 | * @return {WMSCapabilities}
31 | */
32 | window['WMSCapabilities'].prototype.data = function(xmlString) {};
33 |
34 | /**
35 | * @param {String=} xmlString
36 | * @return {Object}
37 | */
38 | window['WMSCapabilities'].prototype.toJSON = function(xmlString) {};
39 |
40 | /**
41 | * @param {String} xmlString
42 | * @return {Object}
43 | */
44 | window['WMSCapabilities'].prototype.parse = function(xmlString) {};
45 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import XMLParser, { pushParseAndPop } from './xml_parser';
2 | import nodeTypes from './node_types';
3 | import { PARSERS } from './parsers';
4 |
5 | export default class WMS {
6 | /**
7 | * WMS Capabilities parser
8 | *
9 | * @param {String=} xmlString
10 | * @constructor
11 | */
12 | constructor(xmlString, DOMParser) {
13 | if (!DOMParser && typeof window !== 'undefined') {
14 | DOMParser = window.DOMParser;
15 | }
16 |
17 | /**
18 | * @type {String}
19 | */
20 | this.version = undefined;
21 |
22 | /**
23 | * @type {XMLParser}
24 | */
25 | this._parser = new XMLParser(DOMParser);
26 |
27 | /**
28 | * @type {String=}
29 | */
30 | this._data = xmlString;
31 | }
32 |
33 |
34 | /**
35 | * @param {String} xmlString
36 | * @return {WMS}
37 | */
38 | data (xmlString) {
39 | this._data = xmlString;
40 | return this;
41 | }
42 |
43 | /**
44 | * @param {String=} xmlString
45 | * @return {Object|null}
46 | */
47 | toJSON (xmlString) {
48 | xmlString = xmlString || this._data;
49 | return this.parse(xmlString);
50 | }
51 |
52 | /**
53 | * @return {String} xml
54 | * @return {Object|null}
55 | */
56 | parse (xmlString) {
57 | return this.readFromDocument(this._parser.toDocument(xmlString));
58 | }
59 |
60 | /**
61 | * @param {Document} doc
62 | * @return {Object|null}
63 | */
64 | readFromDocument (doc) {
65 | for (let node = doc.firstChild; node; node = node.nextSibling) {
66 | if (node.nodeType == nodeTypes.ELEMENT) {
67 | return this.readFromNode(node);
68 | }
69 | }
70 | return null;
71 | }
72 |
73 | /**
74 | * @param {DOMNode} node
75 | * @return {Object}
76 | */
77 | readFromNode (node) {
78 | this.version = node.getAttribute('version');
79 | const wmsCapabilityObject = pushParseAndPop({
80 | 'version': this.version
81 | }, PARSERS, node, []);
82 |
83 | return wmsCapabilityObject || null;
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/src/node_types.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @enum {Number}
3 | */
4 | const NODE_TYPES = {
5 | ELEMENT: 1,
6 | ATTRIBUTE: 2,
7 | TEXT: 3,
8 | CDATA_SECTION: 4,
9 | ENTITY_REFERENCE: 5,
10 | ENTITY: 6,
11 | PROCESSING_INSTRUCTION: 7,
12 | COMMENT: 8,
13 | DOCUMENT: 9,
14 | DOCUMENT_TYPE: 10,
15 | DOCUMENT_FRAGMENT: 11,
16 | NOTATION: 12
17 | };
18 |
19 | export default NODE_TYPES;
20 |
--------------------------------------------------------------------------------
/src/parsers.js:
--------------------------------------------------------------------------------
1 | import XMLParser, {
2 | makeObjectPropertySetter,
3 | makeObjectPropertyPusher,
4 | makeParsersNS,
5 | pushParseAndPop,
6 | makeArrayPusher
7 | } from './xml_parser';
8 | import {
9 | readString,
10 | readDecimalString,
11 | readBooleanString,
12 | readNonNegativeIntegerString,
13 | readNonNegativeInteger,
14 | readDecimal
15 | } from './xsd';
16 | import { readHref } from './xlink';
17 | import setIfUndefined from './utils/setifundefined';
18 | import isDef from './utils/isdef';
19 |
20 | /**
21 | * @param {Node} node Node.
22 | * @param {Array.<*>} objectStack Object stack.
23 | * @return {Object|undefined} Attribution object.
24 | */
25 | function readAttribution(node, objectStack) {
26 | return pushParseAndPop({}, ATTRIBUTION_PARSERS, node, objectStack);
27 | }
28 |
29 |
30 | /**
31 | * @private
32 | * @param {Node} node Node.
33 | * @return {ol.Extent} Bounding box object.
34 | */
35 | function readBoundingBoxExtent (node) {
36 | return [
37 | readDecimalString(node.getAttribute('minx')),
38 | readDecimalString(node.getAttribute('miny')),
39 | readDecimalString(node.getAttribute('maxx')),
40 | readDecimalString(node.getAttribute('maxy'))
41 | ];
42 | }
43 |
44 | /**
45 | * @private
46 | * @param {Node} node Node.
47 | * @param {Array.<*>} objectStack Object stack.
48 | * @return {Object} Bounding box object.
49 | */
50 | function readBoundingBox (node, objectStack) {
51 | const extent = readBoundingBoxExtent(node);
52 | const resolutions = [
53 | readDecimalString(node.getAttribute('resx')),
54 | readDecimalString(node.getAttribute('resy'))
55 | ];
56 |
57 | return {
58 | 'crs': node.getAttribute('CRS') || node.getAttribute('SRS'),
59 | extent, res: resolutions
60 | };
61 | }
62 |
63 | /**
64 | * @private
65 | * @param {Node} node Node.
66 | * @param {Array.<*>} objectStack Object stack.
67 | * @return {ol.Extent|undefined} Bounding box object.
68 | */
69 | function readLatLonBoundingBox (node, objectStack) {
70 | const extent = readBoundingBoxExtent(node);
71 |
72 | if (!isDef(extent[0]) || !isDef(extent[1]) ||
73 | !isDef(extent[2]) || !isDef(extent[3])) {
74 | return undefined;
75 | }
76 |
77 | return extent;
78 | }
79 |
80 |
81 | /**
82 | * @privat
83 | * @param {Node} node Node
84 | * @param {Arra.