Enum from .d.ts works for value comparison but not name comparison

[styfle]

I'm having trouble explaining this in words so perhaps we'll just jump straight into the code.

// The enum that was generated from the server code
declare module server {
    enum RuleType {
        All = 0,
        Required = 1,
        RequiredChoice = 2,
        EnableDisable = 3,
        EnableDisableChoice = 4,
        ShowHide = 5,
        ShowHideChoice = 6,
        AutoSet = 7,
        DependencySetup = 8,
    }
}

// Some data that we may have retreived from the server
var theItem = {value:1, name: 'Required'};

// This example works because the reference to the enum is replaced with it's value
if (theItem.value === server.RuleType.Required) {
  alert('Required checked by enum ID!');
}

// This example does not work because server.RuleType is undefined
if (theItem.name === server.RuleType[server.RuleType.Required]) {
  alert('Required checked by enum Name!');
}

At first I thought this was a problem with Web Essentials but I realized now that this would be better to fix in the TypeScript compiler since it already replaces the enum value, why not the name too?

Here is a working example if you want to see the compiled output.

[RyanCavanaugh]

The compiler doesn't try to replace enum accesses with strings.

If you want to have the name<->number lookup, you can use module instead of declare module here.

[styfle]

@RyanCavanaugh
Yes I understand. The concern here is that there are no compiler errors so the failure happens at run time.

Also your solution does not work because removing declare says that declare modifier required for top level element

[RyanCavanaugh]

You'd also need to move the enum declaration into a .ts file instead of a d.tsfile.

declare is for declaring things which exist at runtime. The compiler assumes that if you say declare var x; there's actually going to be something called x. The same applies for enums.