Support native Date type, Components, improved RegExp, new CustomValue API

shells/dev/target/Date.vue

@@ -0,0 +1,33 @@
+<template>
+  <div id="date">
+    <p>Date: {{ date.toString() }} - Hours: {{ hours }} - Prototype: {{ date | prototypeString }}</p>
+
+    <p>
+      <button @click="updateDate">Update Date</button>
+    </p>
+  </div>
+</template>
+
+<script>
+import { mapState, mapGetters, mapMutations } from 'vuex'
+
+export default {
+  data () {
+    return {
+      localDate: new Date()
+    }
+  },
+  computed: {
+    ...mapState(['date']),
+    ...mapGetters(['hours'])
+  },
+  methods: {
+    ...mapMutations({
+      updateDate: 'UPDATE_DATE'
+    })
+  },
+  filters: {
+    prototypeString: val => Object.prototype.toString.call(val)
+  }
+}
+</script>

shells/dev/target/index.js

@@ -3,6 +3,7 @@ import store from './store'
 import Target from './Target.vue'
 import Other from './Other.vue'
 import Counter from './Counter.vue'
+import Date from './Date.vue'
 import Events from './Events.vue'
 import MyClass from './MyClass.js'
 
@@ -19,6 +20,7 @@ new Vue({
   render (h) {
     return h('div', null, [
       h(Counter),
+      h(Date),
       h(Target, {props:{msg: 'hi', ins: new MyClass()}}),
       h(Other),
       h(Events)

shells/dev/target/store.js

@@ -5,13 +5,18 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
-    count: 0
+    count: 0,
+    date: new Date()
   },
   mutations: {
     INCREMENT: state => state.count++,
-    DECREMENT: state => state.count--
+    DECREMENT: state => state.count--,
+    UPDATE_DATE: state => {
+      state.date = new Date()
+    }
   },
   getters: {
-    isPositive: state => state.count >= 0
+    isPositive: state => state.count >= 0,
+    hours: state => state.date.getHours()
   }
 })

src/util.js

@@ -43,7 +43,8 @@ export function stringify (data) {
   return CircularJSON.stringify(data, replacer)
 }
 
-function replacer (key, val) {
+function replacer (key) {
+  const val = this[key]
   if (val === undefined) {
     return UNDEFINED
   } else if (val === Infinity) {
@@ -53,6 +54,8 @@ function replacer (key, val) {
   } else if (val instanceof RegExp) {
     // special handling of native type
     return `[native RegExp ${val.toString()}]`
+  } else if (val instanceof Date) {
+    return `[native Date ${val.toString()}]`
   } else {
     return sanitize(val)
   }
@@ -64,13 +67,18 @@ export function parse (data, revive) {
     : CircularJSON.parse(data)
 }
 
+const specialTypeRE = /^\[native (\w+) (.*)\]$/
+
 function reviver (key, val) {
   if (val === UNDEFINED) {
     return undefined
   } else if (val === INFINITY) {
     return Infinity
   } else if (val === NAN) {
     return NaN
+  } else if (specialTypeRE.test(val)) {
+    const [, type, string] = specialTypeRE.exec(val)
+    return new window[type](string)
   } else {
     return val
   }