destructuring, select bindings

src/generators/Generator.ts

@@ -776,12 +776,15 @@ export default class Generator {
 					contextDependencies = new Map(contextDependencies);
 					contextDependencies.set(node.context, node.dependencies);
 
-					// if (node.destructuredContexts) {
+					if (node.destructuredContexts) {
-					// 	for (let i = 0; i < node.destructuredContexts.length; i += 1) {
+						for (let i = 0; i < node.destructuredContexts.length; i += 1) {
-					// 		contexts.set(node.destructuredContexts[i], `${context}[${i}]`);
+							const name = node.destructuredContexts[i];
-					// 		contextDependencies.set(node.destructuredContexts[i], dependencies);
+							const value = `${node.context}[${i}]`;
-					// 	}
+
-					// }
+							// contexts.set(node.destructuredContexts[i], `${context}[${i}]`);
+							contextDependencies.set(name, node.dependencies);
+						}
+					}
 
 					contextDependenciesStack.push(contextDependencies);
 

src/generators/dom/preprocess.ts

@@ -375,10 +375,10 @@ const preprocessors = {
 		// so that if `foo.qux` changes, we know that we need to
 		// mark `bar` and `baz` as dirty too
 		if (node.name === 'select') {
-			if (valueAttribute) {
+			const binding = node.attributes.find((node: Node) => node.type === 'Binding' && node.name === 'value');
+			if (binding) {
 				// TODO does this also apply to e.g. `<input type='checkbox' bind:group='foo'>`?
-				const dependencies = valueAttribute.dependencies;
+				const dependencies = binding.dependencies;
-				console.log({ dependencies });
 				state.selectBindingDependencies = dependencies;
 				dependencies.forEach((prop: string) => {
 					generator.indirectDependencies.set(prop, new Set());