make json bidirectional (based on vuejs#572)

yyx990803 · yyx990803 · commit bdb4dc4c13f8 · 2014-11-21T16:59:27.000-08:00
diff --git a/src/filters/index.js b/src/filters/index.js
@@ -6,8 +6,19 @@ var _ = require('../util')
  * @param {Number} indent
  */
 
-exports.json = function (value, indent) {
-  return JSON.stringify(value, null, Number(indent) || 2)
+exports.json = {
+  read: function (value, indent) {
+    return typeof value === 'string'
+      ? value
+      : JSON.stringify(value, null, Number(indent) || 2)
+  },
+  write: function (value) {
+    try {
+      return JSON.parse(value)
+    } catch (e) {
+      return value
+    }
+  }
 }
 
 /**
diff --git a/test/unit/specs/filters_spec.js b/test/unit/specs/filters_spec.js
@@ -3,11 +3,22 @@ var filters = require('../../../src/filters')
 
 describe('Filters', function () {
 
-  it('json', function () {
-    var filter = filters.json
+  it('json read', function () {
+    var filter = filters.json.read
     var obj = {a:{b:2}}
     expect(filter(obj)).toBe(JSON.stringify(obj, null, 2))
     expect(filter(obj, 4)).toBe(JSON.stringify(obj, null, 4))
+    // plain string
+    expect(filter('1234')).toBe('1234')
+  })
+
+  it('json write', function () {
+    var filter = filters.json.write
+    var obj = '{"a":{"b":2}}'
+    expect(JSON.stringify(filter(obj))).toBe(obj)
+    // error condition
+    var invalidJSON = '{"a":}'
+    expect(filter(invalidJSON)).toBe(invalidJSON)
   })
   
   it('capitalize', function () {
