Prevent two-way binding, by not including it to the element attribute…

…s, based on options

Closes sveltejs#54

src/interfaces.ts

@@ -47,6 +47,7 @@ export interface CompileOptions {
 	amd?: {
 		id?: string;
 	};
+	bind?: boolean;
 
 	outputFilename?: string;
 	cssOutputFilename?: string;

src/parse/index.ts

@@ -22,13 +22,15 @@ class ParseError extends CompileError {
 
 interface ParserOptions {
 	filename?: string;
+	bind?: boolean;
 }
 
 type ParserState = (parser: Parser) => (ParserState | void);
 
 export class Parser {
 	readonly template: string;
 	readonly filename?: string;
+	readonly bind: boolean;
 
 	index: number;
 	stack: Array<Node>;
@@ -45,6 +47,7 @@ export class Parser {
 
 		this.template = template.replace(/\s+$/, '');
 		this.filename = options.filename;
+		this.bind = options.bind !== false;
 
 		this.index = 0;
 		this.stack = [];

src/parse/state/tag.ts

@@ -182,7 +182,9 @@ export default function tag(parser: Parser) {
 
 	let attribute;
 	while ((attribute = readAttribute(parser, uniqueNames))) {
-		element.attributes.push(attribute);
+		if (attribute.type !== 'Binding' || parser.bind) {
+			element.attributes.push(attribute);
+		}
 		parser.allowWhitespace();
 	}
 

test/parser/index.js

@@ -1,5 +1,6 @@
 import assert from 'assert';
 import fs from 'fs';
+import path from 'path';
 import { svelte } from '../helpers.js';
 
 describe('parse', () => {
@@ -20,8 +21,13 @@ describe('parse', () => {
 				.readFileSync(`test/parser/samples/${dir}/input.html`, 'utf-8')
 				.replace(/\s+$/, '');
 
+			const optionsPath = `test/parser/samples/${dir}/options.json`;
+			const options = fs.existsSync(optionsPath) ?
+				JSON.parse(fs.readFileSync(optionsPath, 'utf-8')) :
+				{};
+
 			try {
-				const actual = svelte.parse(input);
+				const actual = svelte.parse(input, options);
 				fs.writeFileSync(
 					`test/parser/samples/${dir}/_actual.json`,
 					JSON.stringify(actual, null, '\t')

test/parser/samples/binding-disabled/input.html

@@ -0,0 +1 @@
+<input bind:value='name'>

test/parser/samples/binding-disabled/options.json

@@ -0,0 +1,3 @@
+{
+	"bind": false
+}

test/parser/samples/binding-disabled/output.json

@@ -0,0 +1,21 @@
+{
+	"hash": 1937205193,
+	"html": {
+		"start": 0,
+		"end": 25,
+		"type": "Fragment",
+		"children": [
+			{
+				"start": 0,
+				"end": 25,
+				"type": "Element",
+				"name": "input",
+				"attributes": [
+				],
+				"children": []
+			}
+		]
+	},
+	"css": null,
+	"js": null
+}

test/runtime/samples/binding-disabled/_config.js

@@ -0,0 +1,20 @@
+export default {
+	data: {
+		name: 'world'
+	},
+	compileOptions: {
+		bind: false
+	},
+	html: `<input>\n<p>hello world</p>`,
+	test ( assert, component, target, window ) {
+		const input = target.querySelector( 'input' );
+		assert.equal( input.value, '' );
+
+		const event = new window.Event( 'input' );
+
+		input.value = 'everybody';
+		input.dispatchEvent( event );
+
+		assert.equal( target.innerHTML, `<input>\n<p>hello world</p>` );
+	}
+};

test/runtime/samples/binding-disabled/main.html

@@ -0,0 +1,2 @@
+<input bind:value='name'>
+<p>hello {{name}}</p>