fixes + manual test

2026-10-04 16:12:58 +00:00 · 2026-06-02 22:20:44 +02:00
1 parent e856605a09
commit 5e0fc1cbb5
@@ -94,9 +94,8 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
    return aString;
 }

-#pragma mark - Whole Sentence Formatting & Reordering Helpers
+#pragma mark - Formatting & Reordering Helpers

-// Constructs the English-matching format representation of a single view
 - (CPString)_englishRepresentationForView:(id)aView
 {
    if ([aView isKindOfClass:[CPPopUpButton class]])
@@ -104,14 +103,32 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
        var selectedItem = [aView selectedItem];
        if (selectedItem)
        {
-            var originalTitle = [selectedItem representedObject] || selectedItem._originalTitle || [selectedItem title];
+            var originalTitle = selectedItem._originalTitle;
+            
+            // Fallback: If not cached directly, inspect representedObject payload dictionary
+            if (!originalTitle)
+            {
+                var rep = [selectedItem representedObject];
+                if (rep && typeof rep === "object" && typeof rep.objectForKey === "function")
+                {
+                    originalTitle = [rep objectForKey:@"value"];
+                }
+                else if (rep && typeof rep === "string")
+                {
+                    originalTitle = rep;
+                }
+            }
+            if (!originalTitle)
+            {
+                originalTitle = [selectedItem title];
+            }
            return "%[" + originalTitle + "]@";
        }
        return "%[]@";
    }
    else if ([aView isKindOfClass:[CPTextField class]] && ![aView isEditable])
    {
-        return [aView stringValue];
+        return aView._originalText || [aView stringValue];
    }
    else
    {
@@ -119,7 +136,6 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
    }
 }

-// Builds the current formatting lookup key (e.g. "%[property]@ %[is]@ %@")
 - (CPString)formattingKeyForViews:(CPArray)views
 {
    var keyParts = [];
@@ -132,7 +148,6 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
    return [keyParts componentsJoinedByString:@" "];
 }

-// Localizes all popup menu options within the row under their proper context
 - (void)localizeMenuItemsForViews:(CPArray)views
 {
    var count = [views count];
@@ -151,10 +166,18 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
                
                if (!item._originalTitle)
                {
-                    item._originalTitle = [item title];
+                    var rep = [item representedObject];
+                    if (rep && typeof rep === "object" && typeof rep.objectForKey === "function")
+                    {
+                        item._originalTitle = [rep objectForKey:@"value"];
+                    }
+                    else
+                    {
+                        item._originalTitle = [item title];
+                    }
                }

-                // Temporarily select item to formulate the unique localization key
+                // Temporarily select item to generate formatting key context
                [view selectItem:item];

                var tempKey = [self formattingKeyForViews:views];
@@ -162,7 +185,6 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)

                if (tempPattern !== tempKey)
                {
-                    // Search for this view position's translation inside the pattern (e.g. %2$[son iguales]@)
                    var regex = /%(\d+)\$(?:\[([^\]]+)\])?@/g;
                    var match;
                    while ((match = regex.exec(tempPattern)) !== null)
@@ -179,7 +201,6 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
                }
            }

-            // Restore initial selection
            if (selectedItem)
            {
                [view selectItem:selectedItem];
@@ -188,7 +209,6 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
    }
 }

-// Translates labels and reorders the active subviews based on positional formatting string
 - (CPArray)localizeAndReorderViews:(CPArray)views
 {
    var key = [self formattingKeyForViews:views];
@@ -200,23 +220,19 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
    }

    var newViews = [CPMutableArray array];
-    
-    // Pattern to extract index and translation: %1$[translation]@ or %1$@
    var regex = /%(\d+)\$(?:\[([^\]]+)\])?@/g;
    var lastIndex = 0;
    var match;

    while ((match = regex.exec(localizedPattern)) !== null)
    {
-        // 1. Insert any leading static text (e.g. " y ")
        var literalText = localizedPattern.substring(lastIndex, match.index);
        if (literalText.length > 0)
        {
-            var label = [CPTextField labelWithString:literalText];
+            var label = [CPTextField labelWithTitle:literalText];
            [newViews addObject:label];
        }

-        // 2. Identify the original view corresponding to the positional index
        var position = parseInt(match[1], 10) - 1;
        var translatedValue = match[2];

@@ -250,13 +266,12 @@ var LocalizerStringsRegex = new RegExp("\"(.+)\"\\s*=\\s*\"(.+)\"\\s*;\\s*(//.+)
        lastIndex = regex.lastIndex;
    }

-    // 3. Append trailing static text
    if (lastIndex < localizedPattern.length)
    {
        var literalText = localizedPattern.substring(lastIndex);
        if (literalText.length > 0)
        {
-            var label = [CPTextField labelWithString:literalText];
+            var label = [CPTextField labelWithTitle:literalText];
            [newViews addObject:label];
        }
    }
@@ -114,8 +114,32 @@

 - (CPMenuItem)_createMenuItemWithTitle:(CPString )title
 {
-    title = [[_ruleEditor standardLocalizer] localizedStringForString:title];
-    return [[CPMenuItem alloc] initWithTitle:title action:nil keyEquivalent:@""];
+    var originalTitle = title;
+    var localizedTitle = [[_ruleEditor standardLocalizer] localizedStringForString:title];
+    var item = [[CPMenuItem alloc] initWithTitle:localizedTitle action:nil keyEquivalent:@""];
+    
+    // Cache the raw English title for pattern-matching
+    item._originalTitle = originalTitle;
+    return item;
+}
+
+- (CPTextField)_createStaticTextFieldWithStringValue:(CPString)text
+{
+    var textField       = [[CPTextField alloc] initWithFrame:CGRectMakeZero()],
+        ruleEditorFont  = [_ruleEditor font],
+        font            = [CPFont fontWithName:[ruleEditorFont familyName] size:[ruleEditorFont size] + 2],
+        localizedText   = [[_ruleEditor standardLocalizer] localizedStringForString:text],
+        size            = [localizedText sizeWithFont:font];
+
+    [textField setFrameSize:CGSizeMake(size.width + 4, [_ruleEditor rowHeight])];
+    [textField setValue:font forThemeAttribute:@"font"];
+    [textField setValue:[_ruleEditor _verticalAlignment] forThemeAttribute:@"vertical-alignment"];
+    [textField setStringValue:localizedText];
+    
+    // Cache the raw English text for pattern-matching
+    textField._originalText = text;
+
+    return textField;
 }

 - (CPPopUpButton)_createPopUpButtonWithItems:(CPArray)itemsArray selectedItemIndex:(int)index
@@ -142,22 +166,6 @@
    return [CPMenuItem separatorItem];
 }

- (CPTextField)_createStaticTextFieldWithStringValue:(CPString)text
-{
-    var textField       = [[CPTextField alloc] initWithFrame:CGRectMakeZero()],
-        ruleEditorFont  = [_ruleEditor font],
-        font            = [CPFont fontWithName:[ruleEditorFont familyName] size:[ruleEditorFont size] + 2],
-        localizedText   = [[_ruleEditor standardLocalizer] localizedStringForString:text],
-        size            = [localizedText sizeWithFont:font];
-
-    [textField setFrameSize:CGSizeMake(size.width + 4, [_ruleEditor rowHeight])];
-    [textField setValue:font forThemeAttribute:@"font"];
-    [textField setValue:[_ruleEditor _verticalAlignment] forThemeAttribute:@"vertical-alignment"];
-    [textField setStringValue:localizedText];
-
-    return textField;
-}
-
 - (void)_addOption:(id)sender
 {
    if (_rowIndex == [_ruleEditor numberOfRows] - 1)
@@ -0,0 +1,92 @@
+@import <Foundation/CPObject.j>
+@import <AppKit/CPWindow.j>
+@import <AppKit/CPRuleEditor.j>
+@import <AppKit/CPTextField.j>
+@import <AppKit/CPButton.j>
+@import "RuleDelegate.j"
+
+@implementation AppController : CPObject
+{
+    CPWindow     theWindow;
+    CPRuleEditor ruleEditor;
+    CPTextField  predicateField;
+    RuleDelegate ruleDelegate;
+}
+
+- (void)applicationDidFinishLaunching:(CPNotification)aNotification
+{
+    theWindow = [[CPWindow alloc] initWithContentRect:CGRectMake(50, 50, 800, 500)
+                                            styleMask:CPTitledWindowMask | CPClosableWindowMask | CPResizableWindowMask];
+    [theWindow setTitle:@"Spanish CPRuleEditor Whole-Sentence Localization Test"];
+    [theWindow setFullPlatformWindow:YES];
+    
+    var contentView = [theWindow contentView];
+    [contentView setBackgroundColor:[CPColor colorWithHexString:@"f3f4f5"]];
+
+    var label = [CPTextField labelWithTitle:@"CPRuleEditor Sentence Localization & Positional Reordering:"];
+    [label setFrame:CGRectMake(20, 20, 760, 24)];
+    [label setFont:[CPFont boldSystemFontOfSize:14]];
+    [contentView addSubview:label];
+
+    ruleDelegate = [[RuleDelegate alloc] init];
+
+    // Create Rule Editor
+    ruleEditor = [[CPRuleEditor alloc] initWithFrame:CGRectMake(20, 55, 760, 250)];
+    [ruleEditor setAutoresizingMask:CPViewWidthSizable];
+    [ruleEditor setDelegate:ruleDelegate];
+    [ruleEditor setEditable:YES];
+    [ruleEditor setRowHeight:28];
+    [ruleEditor setTarget:self];
+    [ruleEditor setAction:@selector(ruleEditorAction:)];
+
+    // Populate Spanish translations programmatically 
+    var path = [[CPBundle mainBundle] pathForResource:@"Spanish.strings"];
+    if (path)
+    {
+        [[ruleEditor standardLocalizer] loadContentOfURL:[CPURL URLWithString:path]];
+    }
+
+    [contentView addSubview:ruleEditor];
+
+    // Populate default row
+    [ruleEditor addRow:self];
+
+    // Display Output Label
+    var predLabel = [CPTextField labelWithTitle:@"CPRuleEditor Sentence Localization & Positional Reordering:"];
+    [predLabel setFrame:CGRectMake(20, 320, 760, 20)];
+    [predLabel setFont:[CPFont boldSystemFontOfSize:12]];
+    [contentView addSubview:predLabel];
+
+    // Predicate string value display
+    predicateField = [[CPTextField alloc] initWithFrame:CGRectMake(20, 345, 760, 36)];
+    [predicateField setAutoresizingMask:CPViewWidthSizable];
+    [predicateField setBezeled:YES];
+    [predicateField setEditable:NO];
+    [predicateField setStringValue:@""];
+    [predicateField setFont:[CPFont systemFontOfSize:13]];
+    [contentView addSubview:predicateField];
+
+    var addBtn = [CPButton buttonWithTitle:@"Añadir regla"];
+    [addBtn setFrame:CGRectMake(20, 400, 120, 24)];
+    [addBtn setTarget:ruleEditor];
+    [addBtn setAction:@selector(addRow:)];
+    [contentView addSubview:addBtn];
+
+    [theWindow orderFront:self];
+    [self ruleEditorAction:nil];
+}
+
+- (void)ruleEditorAction:(id)sender
+{
+    var predicate = [ruleEditor predicate];
+    if (predicate)
+    {
+        [predicateField setStringValue:[predicate predicateFormat]];
+    }
+    else
+    {
+        [predicateField setStringValue:@"(No predicate evaluated)"];
+    }
+}
+
+@end
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>CPApplicationDelegateClass</key>
+    <string>AppController</string>
+    <key>CPBundleName</key>
+    <string>CPTextViewTest</string>
+    <key>CPPrincipalClass</key>
+    <string>CPApplication</string>
+</dict>
+</plist>
@@ -0,0 +1,94 @@
+/*
+ * Jakefile
+ * CPRuleEditorCibTest
+ *
+ * Created by You on September 3, 2010.
+ * Copyright 2010, Your Company All rights reserved.
+ */
+
+var ENV = require("system").env,
+    FILE = require("file"),
+    JAKE = require("jake"),
+    task = JAKE.task,
+    FileList = JAKE.FileList,
+    app = require("cappuccino/jake").app,
+    configuration = ENV["CONFIG"] || ENV["CONFIGURATION"] || ENV["c"] || "Debug",
+    OS = require("os");
+
+app ("CPRuleEditorCibTest", function(task)
+{
+    task.setBuildIntermediatesPath(FILE.join("Build", "CPRuleEditorCibTest.build", configuration));
+    task.setBuildPath(FILE.join("Build", configuration));
+
+    task.setProductName("CPRuleEditorCibTest");
+    task.setIdentifier("com.yourcompany.CPRuleEditorCibTest");
+    task.setVersion("1.0");
+    task.setAuthor("Your Company");
+    task.setEmail("feedback @nospam@ yourcompany.com");
+    task.setSummary("CPRuleEditorCibTest");
+    task.setSources((new FileList("**/*.j")).exclude(FILE.join("Build", "**")));
+    task.setResources(new FileList("Resources/**"));
+    task.setIndexFilePath("index.html");
+    task.setInfoPlistPath("Info.plist");
+    task.setNib2CibFlags("-R Resources/");
+
+    if (configuration === "Debug")
+        task.setCompilerFlags("-DDEBUG -g");
+    else
+        task.setCompilerFlags("-O");
+});
+
+task ("default", ["CPRuleEditorCibTest"], function()
+{
+    printResults(configuration);
+});
+
+task ("build", ["default"]);
+
+task ("debug", function()
+{
+    ENV["CONFIGURATION"] = "Debug";
+    JAKE.subjake(["."], "build", ENV);
+});
+
+task ("release", function()
+{
+    ENV["CONFIGURATION"] = "Release";
+    JAKE.subjake(["."], "build", ENV);
+});
+
+task ("run", ["debug"], function()
+{
+    OS.system(["open", FILE.join("Build", "Debug", "CPRuleEditorCibTest", "index.html")]);
+});
+
+task ("run-release", ["release"], function()
+{
+    OS.system(["open", FILE.join("Build", "Release", "CPRuleEditorCibTest", "index.html")]);
+});
+
+task ("deploy", ["release"], function()
+{
+    FILE.mkdirs(FILE.join("Build", "Deployment", "CPRuleEditorCibTest"));
+    OS.system(["press", "-f", FILE.join("Build", "Release", "CPRuleEditorCibTest"), FILE.join("Build", "Deployment", "CPRuleEditorCibTest")]);
+    printResults("Deployment")
+});
+
+task ("desktop", ["release"], function()
+{
+    FILE.mkdirs(FILE.join("Build", "Desktop", "CPRuleEditorCibTest"));
+    require("cappuccino/nativehost").buildNativeHost(FILE.join("Build", "Release", "CPRuleEditorCibTest"), FILE.join("Build", "Desktop", "CPRuleEditorCibTest", "CPRuleEditorCibTest.app"));
+    printResults("Desktop")
+});
+
+task ("run-desktop", ["desktop"], function()
+{
+    OS.system([FILE.join("Build", "Desktop", "CPRuleEditorCibTest", "CPRuleEditorCibTest.app", "Contents", "MacOS", "NativeHost"), "-i"]);
+});
+
+function printResults(configuration)
+{
+    print("----------------------------");
+    print(configuration+" app built at path: "+FILE.join("Build", configuration, "CPRuleEditorCibTest"));
+    print("----------------------------");
+}
@@ -0,0 +1,13 @@
+/* Spanish formatting patterns for CPRuleEditor */
+
+"%[firstName]@ %[is equal to]@ %@" = "%1$[Nombre]@ y %3$@ %2$[son iguales]@";
+"%[firstName]@ %[contains]@ %@" = "%1$[Nombre]@ %2$[contiene]@ %3$@";
+
+"%[lastName]@ %[is equal to]@ %@" = "%1$[Apellido]@ y %3$@ %2$[son iguales]@";
+"%[lastName]@ %[contains]@ %@" = "%1$[Apellido]@ %2$[contiene]@ %3$@";
+
+"%[age]@ %[is equal to]@ %@" = "%1$[Edad]@ y %3$@ %2$[son iguales]@";
+
+"Add row" = "Añadir regla";
+"Delete row" = "Eliminar regla";
+"Add compound row" = "Añadir grupo de reglas";
@@ -0,0 +1,113 @@
+@import <Foundation/CPObject.j>
+@import <AppKit/CPRuleEditor.j>
+@import <AppKit/CPTextField.j>
+
+@implementation RuleDelegate : CPObject
+{
+}
+
+// 1. Root criteria and children
+- (id)ruleEditor:(CPRuleEditor)editor child:(CPInteger)index forCriterion:(id)criterion withRowType:(CPRuleEditorRowType)rowType
+{
+    if (criterion == nil)
+    {
+        // Root criteria
+        return [@[@"firstName", @"lastName", @"age"] objectAtIndex:index];
+    }
+    
+    if ([criterion isEqualToString:@"firstName"] || [criterion isEqualToString:@"lastName"])
+    {
+        return [@[@"contains", @"is equal to"] objectAtIndex:index];
+    }
+    
+    if ([criterion isEqualToString:@"age"])
+    {
+        return [@[@"is equal to"] objectAtIndex:index];
+    }
+    
+    if ([criterion isEqualToString:@"contains"] || [criterion isEqualToString:@"is equal to"])
+    {
+        // The child of an operator is the leaf value node
+        return @"value";
+    }
+    
+    return nil;
+}
+
+// 2. Number of children for a given criterion
+- (CPInteger)ruleEditor:(CPRuleEditor)editor numberOfChildrenForCriterion:(id)criterion withRowType:(CPRuleEditorRowType)rowType
+{
+    if (criterion == nil)
+    {
+        return 3; // firstName, lastName, age
+    }
+    
+    if ([criterion isEqualToString:@"firstName"] || [criterion isEqualToString:@"lastName"])
+    {
+        return 2; // contains, is equal to
+    }
+    
+    if ([criterion isEqualToString:@"age"])
+    {
+        return 1; // is equal to
+    }
+    
+    if ([criterion isEqualToString:@"contains"] || [criterion isEqualToString:@"is equal to"])
+    {
+        // Operators have one child representing the input field value
+        return 1;
+    }
+    
+    return 0; // Leaf nodes return 0
+}
+
+// 3. Display values (labels, popup titles, or text input fields)
+- (id)ruleEditor:(CPRuleEditor)editor displayValueForCriterion:(id)criterion inRow:(CPInteger)row
+{
+    if ([criterion isEqualToString:@"firstName"]) return @"firstName";
+    if ([criterion isEqualToString:@"lastName"]) return @"lastName";
+    if ([criterion isEqualToString:@"age"]) return @"age";
+    
+    if ([criterion isEqualToString:@"contains"]) return @"contains";
+    if ([criterion isEqualToString:@"is equal to"]) return @"is equal to";
+    
+    if ([criterion isEqualToString:@"value"])
+    {
+        // Return the actual editable text field view for the leaf node
+        var textField = [[CPTextField alloc] initWithFrame:CGRectMake(0, 0, 120, 24)];
+        [textField setBezeled:YES];
+        [textField setBezelStyle:CPTextFieldSquareBezel];
+        [textField setEditable:YES];
+        [textField setStringValue:@""];
+        return textField;
+    }
+    
+    return nil;
+}
+
+// 4. Predicate parts mapping
+- (CPDictionary)ruleEditor:(CPRuleEditor)editor predicatePartsForCriterion:(id)criterion withDisplayValue:(id)value inRow:(CPInteger)row
+{
+    var parts = @{};
+    
+    if ([criterion isEqualToString:@"firstName"] || [criterion isEqualToString:@"lastName"] || [criterion isEqualToString:@"age"])
+    {
+        [parts setObject:[CPExpression expressionForKeyPath:criterion] forKey:CPRuleEditorPredicateLeftExpression];
+    }
+    else if ([criterion isEqualToString:@"contains"])
+    {
+        [parts setObject:[CPNumber numberWithUnsignedInt:CPContainsPredicateOperatorType] forKey:CPRuleEditorPredicateOperatorType];
+    }
+    else if ([criterion isEqualToString:@"is equal to"])
+    {
+        [parts setObject:[CPNumber numberWithUnsignedInt:CPEqualToPredicateOperatorType] forKey:CPRuleEditorPredicateOperatorType];
+    }
+    else if ([criterion isEqualToString:@"value"])
+    {
+        [parts setObject:[CPExpression expressionForConstantValue:[value stringValue]] forKey:CPRuleEditorPredicateRightExpression];
+    }
+    
+    return parts;
+}
+
+@end
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<!--
+ index-debug.html
+ __project.name__
+
+ Created by __user.name__ on __project.date__.
+ Copyright __project.year__, __organization.name__ All rights reserved.
+-->
+    <head>
+        <meta charset="utf-8">
+
+        <!--[if lte IE 8]>
+        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, chrome=1">
+        <![endif]-->
+        <!--[if gte IE 9]>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
+        <![endif]-->
+
+        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+        <link rel="apple-touch-icon" href="Resources/icon.png">
+        <link rel="apple-touch-startup-image" href="Resources/default.png">
+
+        <title>__project.name__</title>
+
+        <!-- Custom javascript goes here -->
+        <!-- End custom javascript -->
+
+        <script type="text/javascript">
+            OBJJ_MAIN_FILE = "main.j";
+            OBJJ_INCLUDE_PATHS = ["Frameworks/Debug", "Frameworks"];
+            // The below will tell the compiler to generate debug symbols, type signatures and not inline objj_msgSend functions.
+            // This will affect only Objective-J code that is compiled when loading the application. It will not affect precompiled
+            // code like the Cappuccino frameworks.
+            //
+            // Debug symbols will give each Objective-J method a Javascript function name. Without a name it will be very hard to find
+            // the methods in the debugger.
+            // Type Signatures will give type information to the Objective-J runtime for instance variables and methods.
+            // Inline objj_msgSend will give a speed increase but decorators will not work. Check below on debug options for
+            // more information on decorators.
+            //
+            // Uncomment or comment on the line below to change the flags
+            OBJJ_COMPILER_FLAGS = ["IncludeDebugSymbols", "IncludeTypeSignatures", "SourceMap", "InlineMsgSend"];
+
+            var progressBar = null;
+
+            OBJJ_PROGRESS_CALLBACK = function(percent, appSize, path)
+            {
+                percent = percent * 100;
+
+                if (!progressBar)
+                    progressBar = document.getElementById("progress-bar");
+
+                if (progressBar)
+                    progressBar.style.width = Math.min(percent, 100) + "%";
+            }
+
+            var loadingHTML =
+                    '<div id="loading">' +
+                    '    <div id="loading-text">Loading...</div>' +
+                    '    <div id="progress-indicator">' +
+                    '        <span id="progress-bar" style="width:0%"></span>' +
+                    '    </div>' +
+                    '</div>';
+        </script>
+
+        <script type="text/javascript" src="Frameworks/Debug/Objective-J/Objective-J.js" charset="UTF-8"></script>
+
+        <script type="text/javascript">
+            objj_msgSend_reset();
+
+            // DEBUG OPTIONS:
+            // Decorators will only work when the code is compiled without the compiler option 'InlineMsgSend'. Check above.
+
+            // Uncomment to enable printing of backtraces on exceptions:
+            //objj_msgSend_decorate(objj_backtrace_decorator);
+
+            // Uncomment to supress exceptions that take place inside a message
+            //objj_msgSend_decorate(objj_supress_exceptions_decorator)
+
+            // Uncomment to enable runtime type checking:
+            //objj_msgSend_decorate(objj_typecheck_decorator);
+
+            // Uncomment (along with both above) to print backtraces on type check errors:
+            //objj_typecheck_prints_backtrace = true;
+
+            // Uncomment to disable the default logger (CPLogConsole if window.console exists, CPLogPopup otherwise):
+            //CPLogUnregister(CPLogDefault);
+
+            // Uncomment to enable a specific logger:
+            //CPLogRegister(CPLogConsole);
+            //CPLogRegister(CPLogPopup);
+
+            // Tag view DOM elements with a "data-cappuccino-view" attribute that contains
+            // the class name of the view that created them. Comment this or set to false to disable.
+            appkit_tag_dom_elements = true;
+        </script>
+
+        <style type="text/css">
+            html, body, h1, p {
+                margin: 0;
+                padding: 0;
+            }
+
+            /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
+            #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
+                width: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: 0;
+            }
+
+            #cappuccino-body .container {
+                display: table;
+                margin: 0 auto;
+                height: 100%;
+            }
+
+            #cappuccino-body .content {
+                display: table-cell;
+                height: 100%;
+                vertical-align: top;
+            }
+
+            #loading {
+                position: relative;
+                top: 35%;
+            }
+
+            #loading-text {
+                height: 1.5em;
+                color: #555;
+                font: normal bold 36px/36px Arial, sans-serif;
+            }
+
+            #progress-indicator {
+                padding: 0px;
+                height: 16px;
+                border: 5px solid #555;
+                border-radius: 18px;
+                background-color: white;
+            }
+
+            #progress-bar {
+                position: relative;
+                top: -1px;
+                left: -1px;
+                display: block;
+                height: 18px;
+
+                /* Compensate for moving the bar left 1px to overlap the indicator border */
+                border-right: 1px solid #555;
+                background-color: #555;
+            }
+
+            #noscript {
+                position: relative;
+                top: 35%;
+                padding: 1em 1.5em;
+                border: 5px solid #555;
+                border-radius: 16px;
+                background-color: white;
+                color: #555;
+                text-align: center;
+                font: bold 24px Arial, sans-serif;
+            }
+
+            #noscript a {
+                color: #98c0ff;
+                text-decoration: none;
+            }
+        </style>
+    </head>
+
+    <body>
+        <div id="cappuccino-body">
+            <div class="container">
+                <div class="content">
+                    <script type="text/javascript">
+                        document.write(loadingHTML);
+                    </script>
+                </div>
+            </div>
+            <noscript style="position:absolute; top:0; left:0; width:100%; height:100%">
+                <div class="container">
+                    <div class="content">
+                        <div id="noscript">
+                            <p style="font-size:120%; margin-bottom:.75em">JavaScript is required for this application.</p>
+                            <p><a href="http://www.enable-javascript.com" target="_blank">Enable JavaScript</a></p>
+                        </div>
+                    </div>
+                </div>
+            </noscript>
+        </div>
+    </body>
+</html>
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+<!--
+ index.html
+ __project.name__
+
+ Created by __user.name__ on __project.date__.
+ Copyright __project.year__, __organization.name__ All rights reserved.
+-->
+    <head>
+        <meta charset="utf-8">
+
+        <!--[if lte IE 8]>
+        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, chrome=1">
+        <![endif]-->
+        <!--[if gte IE 9]>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
+        <![endif]-->
+
+        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+        <link rel="apple-touch-icon" href="Resources/icon.png">
+        <link rel="apple-touch-startup-image" href="Resources/default.png">
+
+        <title>__project.name__</title>
+
+        <!-- Custom javascript goes here -->
+        <!-- End custom javascript -->
+
+        <script type="text/javascript">
+            OBJJ_MAIN_FILE = "main.j";
+            // The below will tell the compiler to not generate debug symbols but will generate type signatures and inline objj_msgSend functions.
+            // This will affect only Objective-J code that is compiled when loading the application. It will not affect precompiled
+            // code like the Cappuccino frameworks.
+            // Uncomment or comment on the line below to change the flags
+            OBJJ_COMPILER_FLAGS = [/*"IncludeDebugSymbols"*/, "IncludeTypeSignatures"/*, "SourceMap"*/, "InlineMsgSend"];
+
+            var progressBar = null;
+
+            OBJJ_PROGRESS_CALLBACK = function(percent, appSize, path)
+            {
+                percent = percent * 100;
+
+                if (!progressBar)
+                    progressBar = document.getElementById("progress-bar");
+
+                if (progressBar)
+                    progressBar.style.width = Math.min(percent, 100) + "%";
+            }
+
+            var loadingHTML =
+                    '<div id="loading">' +
+                    '    <div id="loading-text">Loading...</div>' +
+                    '    <div id="progress-indicator">' +
+                    '        <span id="progress-bar" style="width:0%"></span>' +
+                    '    </div>' +
+                    '</div>';
+        </script>
+
+        <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
+
+        <style type="text/css">
+            html, body, h1, p {
+                margin: 0;
+                padding: 0;
+            }
+
+            /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
+            #cappuccino-body {
+                /* Position it absolutely so it will fill the height without content */
+                position: absolute;
+                top: 0;
+                bottom: 0;
+                width: 100%;
+
+                /* Put it at the bottom of the stack so it doesn't interfere with UI */
+                z-index: 0;
+            }
+
+            #cappuccino-body .container {
+                display: table;
+                margin: 0 auto;
+                height: 100%;
+            }
+
+            #cappuccino-body .content {
+                display: table-cell;
+                height: 100%;
+                vertical-align: top;
+            }
+
+            #loading {
+                position: relative;
+                top: 35%;
+            }
+
+            #loading-text {
+                height: 1.5em;
+                color: #555;
+                font: normal bold 36px/36px Arial, sans-serif;
+            }
+
+            #progress-indicator {
+                padding: 0px;
+                height: 16px;
+                border: 5px solid #555;
+                border-radius: 18px;
+                background-color: white;
+            }
+
+            #progress-bar {
+                position: relative;
+                top: -1px;
+                left: -1px;
+                display: block;
+                height: 18px;
+
+                /* Compensate for moving the bar left 1px to overlap the indicator border */
+                border-right: 1px solid #555;
+                background-color: #555;
+            }
+
+            #noscript {
+                position: relative;
+                top: 35%;
+                padding: 1em 1.5em;
+                border: 5px solid #555;
+                border-radius: 16px;
+                background-color: white;
+                color: #555;
+                text-align: center;
+                font: bold 24px Arial, sans-serif;
+            }
+
+            #noscript a {
+                color: #98c0ff;
+                text-decoration: none;
+            }
+        </style>
+    </head>
+
+    <body>
+        <div id="cappuccino-body">
+            <div class="container">
+                <div class="content">
+                    <script type="text/javascript">
+                        document.write(loadingHTML);
+                    </script>
+                </div>
+            </div>
+            <noscript style="position:absolute; top:0; left:0; width:100%; height:100%">
+                <div class="container">
+                    <div class="content">
+                        <div id="noscript">
+                            <p style="font-size:120%; margin-bottom:.75em">JavaScript is required for this application.</p>
+                            <p><a href="http://www.enable-javascript.com" target="_blank">Enable JavaScript</a></p>
+                        </div>
+                    </div>
+                </div>
+            </noscript>
+        </div>
+    </body>
+</html>
@@ -0,0 +1,18 @@
+/*
+ * AppController.j
+ * CPRuleEditorCibTest
+ *
+ * Created by You on September 3, 2010.
+ * Copyright 2010, Your Company All rights reserved.
+ */
+
+@import <Foundation/Foundation.j>
+@import <AppKit/AppKit.j>
+
+@import "AppController.j"
+
+
+function main(args, namedArgs)
+{
+    CPApplicationMain(args, namedArgs);
+}