Wolfr

# htaccess config to redirect SPAs to index.html

RewriteEngine On

RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule !.*\.html$ %{REQUEST_FILENAME}.html [L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . index.html

Wolfr

Routify updates + Frequently asked questions

The past month we've seen three new Routify feature releases:

• 1.8 (beta)
  • Support for service workers
  • Support for prefetching
  • Support disabling prerendering with prerender=false
  • Support plugins
• Example plugin: FrontMatter

Wolfr

import Component from '@glimmer/component';

export default class extends Component {
}

Wolfr

Design document: Bedrock 2.0

Version 1.0. Sunday, May 3, 2020 / Johan Ronsse

Bedrock is a prototyping tool to empower designers to help ship real software. It focusses on the design perspective while at the same time providing an immensely helpful deliverable for development.

Nature of this document

This document is intended as a design document to talk about the reasoning behind the Bedrock 2.0 project.

Wolfr

Hi everyone. It's wolfr here. I am helping with Routify's community.

It's been about two weeks since we released the 1.5 version of Routify. You can read all about that in our previous blog post here.

Our release was met with a positive reception. We've had lots of people make the jump and give Routify a try, as evidenced by Github's dependency graph which shows over 100 repos using Routify now.

We've also gotten some excellent bug reports, with pull requests and ideas coming in. Open source as it should be! In this post I would like to summarize what happened. Here's some highlights:

• The latest version of Routify is 1.6.4, which includes bug fixes. The 1.6 release added a new feature: an afterPageLoad hook. You can check out all the releases here.
• LegionOfOne created a Routify starter that works with Firebase

Wolfr

html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color: #333;
	margin: 0;
	padding: 8px;

Wolfr

<script>
    // Possible icon types
    import IconDelete from './Icons/16/actions/delete.svg';
    import IconQuestion from './Icons/16/actions/question.svg';
    import IconAdd from './Icons/16/actions/add.svg';
    import IconRemove from './Icons/16/actions/remove.svg';
    import IconClose from './Icons/16/actions/close.svg';
    export let icon;
</script>

Wolfr

<script>

    import ButtonInnerLayout from './ButtonInnerLayout.svelte';

    // type="button" or type="submit"
    export let type = false;
    export let classValue = null;

    // if it contains a link
    export let href = false;

Wolfr

<ul class="c-menu" aria-role="listbox">
  <li class="c-menu__item" role="option">
     <span class="c-color__swatch"></span>
     <span class="c-color__label">Color name</span>
  </li>
  <li class="c-menu__item" role="option">
     <span class="c-color__swatch"></span>
     <span class="c-color__label">Color name</span>
  </li>
  <li class="c-menu__item" role="option">

Wolfr

<ul class="c-menu">
  <li>
     <span class="c-color__swatch"></span>
     <span class="c-color__label">Color name</span>
  </li>
  <li>
     <span class="c-color__swatch"></span>
     <span class="c-color__label">Color name</span>
  </li>
  <li>