Thanks and can you explain it a little bit?

[frederikhors]

Thanks a lot for your work on this!

Can you explain a little bit the code in https://github.com/pearofducks/svelte-match-media/blob/master/index.js?

Thanks again!

[pearofducks]

I'm happy to answer questions you might have, I'm not sure what to explain though.

The plugin essentially is just combining window.matchMedia and Svelte stores

[frederikhors]

What is setupMq() for?

const setupMq = (queryString) => (set) => {
  const query = window.matchMedia(queryString)
  const callback = (e) => set(e.matches)
  query.addListener(callback)
  callback(query)
  return () => query.removeListener(callback)
}

What setup() does?

export const setup = (queries = defaultQueries) => {
  queryStores = Object.entries(queries).reduce((acc, [mediaName, queryString]) => (acc[mediaName] = readable(false, setupMq(queryString)), acc), {})
  media = derived(Object.values(queryStores), ($queryStores) => $queryStores.reduce((acc, q, i) => (acc[Object.keys(queryStores)[i]] = q, acc), {}))
}

I'm newbie...

[pearofducks]

Sorry those are pretty broad/vague questions, you might be able to find someone to walk through the code with you - as it's pretty brief. I don't have time to write out an explanation like that.