'use strict';

const index = require('./index-8bb493f3.js');

const appendToMap = (map, propName, value) => {
    const items = map.get(propName);
    if (!items) {
        map.set(propName, [value]);
    }
    else if (!items.includes(value)) {
        items.push(value);
    }
};
const debounce = (fn, ms) => {
    let timeoutId;
    return (...args) => {
        if (timeoutId) {
            clearTimeout(timeoutId);
        }
        timeoutId = setTimeout(() => {
            timeoutId = 0;
            fn(...args);
        }, ms);
    };
};

/**
 * Check if a possible element isConnected.
 * The property might not be there, so we check for it.
 *
 * We want it to return true if isConnected is not a property,
 * otherwise we would remove these elements and would not update.
 *
 * Better leak in Edge than to be useless.
 */
const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
const cleanupElements = debounce((map) => {
    for (let key of map.keys()) {
        map.set(key, map.get(key).filter(isConnected));
    }
}, 2000);
const stencilSubscription = ({ on }) => {
    const elmsToUpdate = new Map();
    if (typeof index.getRenderingRef === 'function') {
        // If we are not in a stencil project, we do nothing.
        // This function is not really exported by @stencil/core.
        on('dispose', () => {
            elmsToUpdate.clear();
        });
        on('get', (propName) => {
            const elm = index.getRenderingRef();
            if (elm) {
                appendToMap(elmsToUpdate, propName, elm);
            }
        });
        on('set', (propName) => {
            const elements = elmsToUpdate.get(propName);
            if (elements) {
                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
            }
            cleanupElements(elmsToUpdate);
        });
        on('reset', () => {
            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
            cleanupElements(elmsToUpdate);
        });
    }
};

const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
    const handlers = {
        dispose: [],
        get: [],
        set: [],
        reset: [],
    };
    const reset = () => {
        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
        handlers.reset.forEach((cb) => cb());
    };
    const dispose = () => {
        // Call first dispose as resetting the state would
        // cause less updates ;)
        handlers.dispose.forEach((cb) => cb());
        reset();
    };
    const get = (propName) => {
        handlers.get.forEach((cb) => cb(propName));
        return states.get(propName);
    };
    const set = (propName, value) => {
        const oldValue = states.get(propName);
        if (shouldUpdate(value, oldValue, propName)) {
            states.set(propName, value);
            handlers.set.forEach((cb) => cb(propName, value, oldValue));
        }
    };
    const state = (typeof Proxy === 'undefined'
        ? {}
        : new Proxy(defaultState, {
            get(_, propName) {
                return get(propName);
            },
            ownKeys(_) {
                return Array.from(states.keys());
            },
            getOwnPropertyDescriptor() {
                return {
                    enumerable: true,
                    configurable: true,
                };
            },
            has(_, propName) {
                return states.has(propName);
            },
            set(_, propName, value) {
                set(propName, value);
                return true;
            },
        }));
    const on = (eventName, callback) => {
        handlers[eventName].push(callback);
        return () => {
            removeFromArray(handlers[eventName], callback);
        };
    };
    const onChange = (propName, cb) => {
        const unSet = on('set', (key, newValue) => {
            if (key === propName) {
                cb(newValue);
            }
        });
        const unReset = on('reset', () => cb(defaultState[propName]));
        return () => {
            unSet();
            unReset();
        };
    };
    const use = (...subscriptions) => subscriptions.forEach((subscription) => {
        if (subscription.set) {
            on('set', subscription.set);
        }
        if (subscription.get) {
            on('get', subscription.get);
        }
        if (subscription.reset) {
            on('reset', subscription.reset);
        }
    });
    const forceUpdate = (key) => {
        const oldValue = states.get(key);
        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
    };
    return {
        state,
        get,
        set,
        on,
        onChange,
        use,
        dispose,
        reset,
        forceUpdate,
    };
};
const removeFromArray = (array, item) => {
    const index = array.indexOf(item);
    if (index >= 0) {
        array[index] = array[array.length - 1];
        array.length--;
    }
};

const createStore = (defaultState, shouldUpdate) => {
    const map = createObservableMap(defaultState, shouldUpdate);
    stencilSubscription(map);
    return map;
};

let defaultRouter;
const createRouter = (opts) => {
    var _a, _b;
    const win = window;
    const url = new URL(win.location.href);
    const parseURL = (_a = opts === null || opts === void 0 ? void 0 : opts.parseURL) !== null && _a !== void 0 ? _a : DEFAULT_PARSE_URL;
    const beforePush = (_b = opts === null || opts === void 0 ? void 0 : opts.beforePush) !== null && _b !== void 0 ? _b : (() => { return; });
    const { state, onChange, dispose } = createStore({
        url,
        activePath: parseURL(url)
    }, (newV, oldV, prop) => {
        if (prop === 'url') {
            return newV.href !== oldV.href;
        }
        return newV !== oldV;
    });
    const push = (href) => {
        history.pushState(null, null, href);
        const url = new URL(href, document.baseURI);
        state.url = url;
        state.activePath = parseURL(url);
    };
    const match = (routes) => {
        const { activePath } = state;
        for (let route of routes) {
            const params = matchPath(activePath, route.path);
            if (params) {
                if (route.to != null) {
                    push(route.to);
                    return match(routes);
                }
                else {
                    return { params, route };
                }
            }
        }
        return undefined;
    };
    const navigationChanged = () => {
        const url = new URL(win.location.href);
        state.url = url;
        state.activePath = parseURL(url);
    };
    const Switch = (_, childrenRoutes) => {
        const result = match(childrenRoutes);
        if (result) {
            if (typeof result.route.jsx === 'function') {
                let params = result.params;
                if (result.route.mapParams) {
                    params = result.route.mapParams(params);
                }
                return result.route.jsx(params);
            }
            else {
                return result.route.jsx;
            }
        }
    };
    const disposeRouter = () => {
        defaultRouter = undefined;
        win.removeEventListener('popstate', navigationChanged);
        dispose();
    };
    const router = defaultRouter = {
        Switch,
        get url() {
            return state.url;
        },
        get activePath() {
            return state.activePath;
        },
        push: async (href) => {
            await beforePush(href);
            push(href);
        },
        onChange: onChange,
        dispose: disposeRouter,
    };
    // Initial update
    navigationChanged();
    // Listen URL changes
    win.addEventListener('popstate', navigationChanged);
    return router;
};
const Route = (props, children) => {
    var _a;
    if ('to' in props) {
        const entry = {
            path: props.path,
            to: props.to,
        };
        return entry;
    }
    const entry = {
        path: props.path,
        id: props.id,
        jsx: (_a = props.render) !== null && _a !== void 0 ? _a : children,
        mapParams: props.mapParams,
    };
    return entry;
};
const href = (href, router = defaultRouter) => {
    if (!router) {
        throw new Error('Router must be defined in href');
    }
    return {
        href,
        onClick: (ev) => {
            if (ev.metaKey || ev.ctrlKey) {
                return;
            }
            if (ev.which == 2 || ev.button == 1) {
                return;
            }
            ev.preventDefault();
            router.push(href);
        },
    };
};
const matchPath = (pathname, path) => {
    if (typeof path === 'string') {
        if (path === pathname) {
            return {};
        }
    }
    else if (typeof path === 'function') {
        const params = path(pathname);
        if (params) {
            return params === true
                ? {}
                : { ...params };
        }
    }
    else {
        const results = path.exec(pathname);
        if (results) {
            path.lastIndex = 0;
            return { ...results };
        }
    }
    return undefined;
};
const DEFAULT_PARSE_URL = (url) => {
    return url.pathname.toLowerCase();
};

const createStaticRouter = () => {
    return createRouter({
        beforePush,
    });
};
const beforePush = async (path) => {
    try {
        path = path.endsWith('/') ? path : path + '/';
        const res = await fetch(path + 'data.json', {
            cache: 'force-cache',
        });
        if (res.ok) {
            const json = await res.text();
            const script = getStatic();
            script.textContent = json;
        }
    }
    catch (e) { }
};
const getStatic = () => {
    let data = document.querySelector(`script[data-staticstate]`);
    if (!data) {
        data = document.createElement('script');
        document.head.appendChild(data);
        data.type = 'json';
        data.setAttribute('data-staticstate', '');
    }
    return data;
};

const Router = createStaticRouter();
const App = (attributes, nodes, utils) => {
  var _a;
  const emptyNode = Object.entries(nodes[0]).reduce((r, entry) => {
    r[entry[0]] = null;
    return r;
  }, {});
  const emptyChild = nodeToChild(emptyNode);
  function nodeToChild(node) {
    let result;
    utils.forEach([node], child => (result = child));
    return result !== null && result !== void 0 ? result : emptyChild;
  }
  function childToNode(child) {
    return utils.map([emptyNode], c => (Object.assign(Object.assign({}, c), child)))[0];
  }
  const children = nodes.map((node, index) => (Object.assign(Object.assign({}, nodeToChild(node)), { node })));
  return (index.h("smoothly-app", null,
    index.h("header", null,
      index.h("h1", null,
        index.h("a", Object.assign({}, href((_a = resolve("")) !== null && _a !== void 0 ? _a : "/")), attributes.label)),
      children.filter(child => child.vattrs.slot == "header").map(child => child.node),
      index.h("nav", null,
        index.h("ul", null, utils
          .map([
          ...children.filter(child => child.vattrs.slot == "nav-start"),
          ...children.filter(child => child.vattrs.label && child.vattrs.path),
          ...children.filter(child => child.vattrs.slot == "nav-end"),
        ].map(child => child.node), child => {
          if (child.vattrs.label && child.vattrs.path)
            child = Object.assign(Object.assign({}, emptyChild), { vtag: "a", vattrs: { href: child.vattrs.path }, vchildren: [childToNode({ vtext: child.vattrs.label })] });
          const url = resolve(child.vattrs.href);
          return child.vtag != "a"
            ? child
            : url
              ? Object.assign(Object.assign({}, child), { vattrs: Object.assign(Object.assign({}, child.vattrs), { class: [child.vattrs.class, Router.activePath == url ? "active" : ""].join(" ") || undefined, href: url }) }) : Object.assign(Object.assign({}, child), { vattrs: Object.assign(Object.assign({}, child.vattrs), { target: "new" }) });
        })
          .map(node => {
          const child = nodeToChild(node);
          return child.vtag == "a" && !child.vattrs.target ? (index.h("a", Object.assign({}, child.vattrs, href(child.vattrs.href)), child.vchildren)) : (node);
        })
          .map(child => (index.h("li", null, child)))))),
    index.h("content", null,
      index.h(Router.Switch, null, children
        .filter(child => child.vattrs.path != undefined)
        .map(child => {
        var _a, _b;
        return child.vattrs.to ? (index.h(Route, { path: (_a = resolve(child.vattrs.path)) !== null && _a !== void 0 ? _a : child.vattrs.path, to: child.vattrs.to })) : (index.h(Route, { path: (_b = resolve(child.vattrs.path)) !== null && _b !== void 0 ? _b : child.vattrs.path }, child.node));
      })))));
};
function resolve(url) {
  const u = new URL(url, document.baseURI);
  return url == ""
    ? new URL(document.baseURI).pathname
    : u.toString().startsWith(document.baseURI)
      ? u.pathname
      : undefined;
}

exports.App = App;
