New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

ojc

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ojc

compiler for the oj language

  • 1.2.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
7
increased by40%
Maintainers
1
Weekly downloads
 
Created
Source

oj

oj is a superset of the JavaScript language inspired by the latest versions of Objective-C. It features a fast, simple runtime without a dynamic messaging overhead.

oj is designed to ease the pain of syncing class interfaces (not necessarily implementations) between Objective-C projects and their web counterparts.

In our case, we use it to sync Tenuto with the musictheory.net exercises, and Theory Lessons with the musictheory.net lessons.

Installation

npm install ojc

Main Features

Differences from Objective-J

In contrast to Objective-J:

  • oj always uses consistent property names. This allows the resulting JavaScript code to be optimized using Closure Compiler's ADVANCED_OPTIMIZATIONS.
  • oj uses the native JavaScript runtime to call methods rather than imitating the Objective-C runtime (see below).
  • oj focuses on being a language, not a framework. The only requirement at runtime is the runtime.js file.
  • oj has full support of @property and the default synthesis of ivars/getters/setters.
  • oj includes a built-in obfuscator which hides method and class names in compiled code.

Classes

While Objective-C uses @interface to define a class interface and @implementation for its implementation, oj only uses @implementation (due to the lack of header files in JavaScript). Information that would normally appear in the @interface block, such as @property declarations or the inherited superclass instead appear in @implementation.

Basic syntax

The syntax to create an empty oj class looks like this:

@implementation TheClass
@end

To inherit from a superclass, use a colon followed by the superclass name:

@implementation TheSubClass : TheSuperClass 
@end

Additional instance variables can be added by using a block after class name (or superclass name):

@implementation TheClass {
    String _myStringInstanceVariable;    
}
@end

@implementation TheSubClass : TheSuperClass {
    String _myStringInstanceVariable;    
}
@end

Behind the scenes (Class)

Behind the scenes, the oj compiler changes the @implementation/@end block into a JavaScript function block. Hence, private functions and variables may be declared inside of an @implementation without polluting the global namespace.

@implementation TheClass
var sPrivateStaticVariable = "Private";
function sPrivate() { }
@end

becomes equivalent to:

oj_private_function(…, function() {
    var sPrivateStaticVariable = "Private";
    function sPrivate() { }
});

Forward Declarations

In older versions of oj (0.x), the compiler would compile each file separately. This led to situations where a forward declaration of a class was needed:

@class TheFirstClass;

@implementation TheSecondClass

- (void) foo {
    // Without the forward declaration, oj 0.x didn't know if TheFirstClass
    // was a JS identifier or an oj class.
    [TheFirstClass doSomething];
}

@end

oj 1.x+ uses a multi-pass compiler which eliminates the need for forward declarations. In general, the need to use @class indicates an underlying issue with the dependency tree, which will cause issues if you need to use @const/@enum inlining or the squeezer. For more information, read Compiling Projects.


The Built-in Base Class

Unlike Objective-C, all oj classes inherit from a private root base class. There is no way to specify your own root class (how often do you not inherit from NSObject in your code?).

The root base class provides the following methods:

+ (id) alloc
+ (Class) class
+ (Class) superclass
+ (String) className
+ (BOOL) isSubclassOfClass:(Class)cls

+ (BOOL) instancesRespondToSelector:(SEL)aSelector

- (id) init
- (id) copy

- (Class) class
- (Class) superclass
- (String) className 
- (BOOL) isKindOfClass:(Class)cls
- (BOOL) isMemberOfClass:(Class)cls

- (String) description 

- (BOOL) respondsToSelector:(SEL)aSelector
- (id) performSelector:(SEL)aSelector
- (id) performSelector:(SEL)aSelector withObject:(id)object
- (id) performSelector:(SEL)aSelector withObject:(id)object withObject:(id)object2

- (BOOL) isEqual:(id)anotherObject

While oj 0.x supported +load and +initialize, this feature was removed in oj 1.x to optimize runtime performance. Note: +className and -className are intended for debugging purposes only. When --squeeze is passed into the compiler, class names will be obfuscated/shortened.


Methods

Methods are defined in an @implementation block and use standard Objective-C syntax:

@implementation TheClass

- (String) doSomethingWithString:(String)string andNumber:(Number)number
{
    return string + "-" + number;    
}

// Returns "Foo-5"
- (String) anotherMethod
{
    return [self doSomethingWithString:"Foo" andNumber:5];
}

@end

Old-school bare method declarations may also be used:

@implementation TheClass

- doSomethingWithString:string andNumber:number
{
    return string + "-" + number;    
}

@end

Falsy Messaging

Just as Objective-C supports messaging nil, oj supports the concept of "Falsy Messaging".

Any message to a falsy JavaScript value (false / undefined / null / 0 / "" / NaN ) will return that value.

var foo = null;
var result = [foo doSomething];  // result is null

Behind the Scenes (Methods)

Behind the scenes, oj methods are simply renamed JavaScript functions. Each colon (:) in a method name is replaced by an underscore and a prefix is added to the start of the method name.

Hence:

- (String) doSomethingWithString:(String)string andNumber:(Number)number
{
    return string + "-" + number;    
}

becomes the equivalent of:

TheClass.prototype.$oj_f_doSomethingWithString_andNumber_ = function(string, number)
{
    return string + "-" + number;    
}

Messages to an object are simply JavaScript function calls wrapped in a falsey check. Hence:

 var result = [anObject doSomethingWithString:"Hello" andNumber:0];
 

becomes the equivalent of:

 var result = anObject && anObject.doSomethingWithString_andNumber_("Hello", 0);
 

The compiler will produce slightly different output depending on:

  • if the return value is needed
  • if the message receiver is a JavaScript expression.
  • if the message receiver is known to be non-falsey
  • if the message receiver is self
  • if the message receiver is super

Sometimes the compiler will choose to use oj.msgSend() rather than a direct function call.


Properties and Instance Variables

oj uses the Objective-C 2.0 @property syntax which originally appeared in Mac OS X 10.5 Leopard. It also supports the concept of default property synthesis added in Xcode 4.4.

In addition, oj allows storage for additional instance variables (ivars) to be defined on a class.

A class that uses a property, private ivar, and accesses them in a method may look like this:

@implementation TheClass {
    Number _privateNumberIvar;
}

@property Number publicNumberProperty; // Generates publicNumberProperty ivar

- (Number) addPublicAndPrivateNumbers
{
    return _privateNumberIvar + _publicNumberIvar;
}

@end

Synthesis

Properties are defined using the @property keyword in an @implementation block:

@implementation TheClass
@property String myStringProperty;
@end

In the above example, the compiler will automatically synthesize a backing instance variable _myStringProperty for myStringProperty. It will also create an accessor method pair: -setMyStringProperty: and -myStringProperty.

If a different backing instance variable is desired, the @synthesize directive is used:

@implementation TheClass
@property String myStringProperty;

// Maps myStringProperty property to m_myStringProperty instance variable
@synthesize myStringProperty=m_MyStringProperty;
@end

As in Objective-C, @synthesize without an = results in the same name being used for the backing instance variable:

@implementation TheClass
@property String myStringProperty;

// Maps myStringProperty property to myStringProperty instance variable
@synthesize myStringProperty;
@end

The @dynamic directive suppresses the generation of both the backing instance variable and the setter/getter pair.

@implementation TheClass
@property String myStringProperty;
@dynamic myStringProperty; // No instance variable, getter, nor setter is synthesized
@end

In addition, multiple properties may be specified in @synthesize and @dynamic:

@synthesize prop1, prop2, prop3=m_prop3;
@dynamic dynamic1,dynamic2;

Using

To access any instance variable, simply use its name. No this. or self. prefix is needed:

- (void) logSheepCount
{
    console.log(_numberOfSheep);
}

Property Attributes

All valid Objective-C attributes may be used on a declared property:

@property (nontomic,copy,getter=myStringGetter) String myString;

However, some are ignored due to differences between JavaScript and Objective-C:

nonatomic, atomic    -> Ignored
unsafe_unretained,
weak, strong, retain -> Ignored (all JavaScript objects are garbage collected)
copy                 -> A copy of the object is made (using -copy) before assigning to ivar
getter=              -> Changes the name of the getter/accessor
setter=              -> Changes the name of the setter/mutator
readonly, readwrite  -> Default is readwrite, readonly suppresses the generation of a setter

Initialization

During +alloc, oj initializes all instance variables to one of the following values based on its type:

Boolean         -> false
Number          -> 0
everything else -> null

This allows Number instance variables to be used in math operations without the fear of undefined being converted to NaN by the JavaScript engine.

Behind the Scenes (Properties/ivars)

Unlike other parts of the oj runtime, properties and instance variables aren't intended to be accessed from non-oj JavaScript (they should be private to the subclass which defines them). However, they may need to be accessed in the debugger.

The compiler currently uses a JavaScript property on the instance with the follow name:

$oj_i_{{CLASS NAME}}_{{IVAR NAME}}

Hence, the following oj code:

@interface TheClass

@property (Number) counter;

- (void) incrementCounter
{
    _counter++;
}

@end

would compile into:

oj.makeClass(…, function(…) {

… // Compiler generates -setCounter: and -counter here

….incrementCounter = function() {
    this.$oj_i_TheClass__counter++;
}

});

Callbacks

Javascript frequently requires .bind(this) on callbacks. For example:

Counter.prototype.incrementAfterDelay = function(delay) {
    setTimeout(function() {
        this.count++;
        this.updateDisplay();
    }.bind(this), delay);       // Bind needed for 'this' to work
}

oj handles the binding for you. No additional code is needed to access ivars or self:

- (void) incrementAfterDelay:(Number)delay
{
    setTimeout(function() {
        _count++;
        [self updateDisplay];
    }, delay);
}

Selectors

In order to support consistent property names, selectors are not encoded as strings (as in Objective-C and Objective-J). Instead, they use an object literal syntax:

@selector(foo:bar:baz:) -> { $oj_f_foo_bar_baz_: 1 }

Thus, a call such as:

[object foo:7 bar:8 baz:9]

May (depending on optimizations) be turned into:

oj.msg_send(object, { $oj_f_foo_bar_baz_: 1 }, 7, 8, 9)

Boolean/null aliases

The oj compiler adds the following keywords for Boolean/null values and replaces them to their JavaScript equivalent:

BOOL    ->  Boolean
YES     ->  true
NO      ->  false

nil     ->  null
Nil     ->  null
NULL    ->  null

Hence:

var nope = NO;
var yep  = YES;
var anObject = nil;

becomes:

var nope = false;
var yep  = true;
var anObject = null;
  

@enum and @const

oj supports C-style enumerations via the @enum keyword and constants via the @const keyword:

@enum OptionalEnumName {
    zero = 0,
    one,
    two,
    three = 3,
    four
}

@const TheConstant = "Hello World";

someFunction(zero, one, two, three, four, TheConstant);

By default, oj compiles the above to:

var zero  = 0;
var one   = 1;
var two   = 2;
var three = 3;
var four  = 4;

var TheConstant = "Hello World";

someFunction(zero, one, two, three, four, TheConstant);

However, when the --inline-enum option is passed into the oj compiler, oj inlines enum values:

someFunction(0, 1, 2, 3, 4, TheConstant);

The --inline-const option inlines TheConstant as well:

someFunction(0, 1, 2, 3, 4, "Hello World");

Note: Inlining causes the enum or const to be lifted to the global scope. Inlining affects all occurrences of that identifier in all files for the current compilation. Inlined enums/consts are persisted via --output-state and --input-state.


@global

To mimic C APIs such as CoreGraphics, oj has the ability to declare global functions and variables with @global.

@global function CGRectMake(x : Number, y : Number, width : Number, height : Number) {
    return { origin: { x, y }, size: { width, height } };
}

@global CGRectZero = CGRectMake(0, 0, 0, 0);
@global CGRectNull = CGRectMake(Infinity, Infinity, 0, 0);

Which transforms into the equivalent of:

$oj_oj._g.CGRectMake = function(x, y, width, height) {
    return { origin: { x, y }, size: { width, height } };
}

$oj_oj._g.CGRectZero = $oj_oj._g.CGRectMake(0, 0, 0, 0);
$oj_oj._g.CGRectNull = $oj_oj._g.CGRectMake(Infinity, Infinity, 0, 0);

Unlike inlined enums and consts, globals are assigned at runtime. Hence, in the above code example, care must be given that CGRectMake() isn't used for initializing CGRectZero until after the @global function CGRectMake line. This limitation should not affect globals used from within oj methods (as the global will already be declared by that time).


Protocols

Like Objective-C, oj includes support for protocols. Both @required and @optional methods may be specified:

@protocol ControllerDelegate
@required
- (void) controller:(Controller)controller didPerformAction:(String)action;
@optional
- (BOOL) controller:(Controller)controller shouldPerformAction:(String)action;
@end

@implementation Controller
@property id<ControllerDelegate> delegate
…
@end

@implementation TheClass <ControllerDelegate, TabBarDelegate>
- (void) controller:(Controller)controller didPerformAction:(String)action { … }
…
@end

Unlike Objective-C, there is no NSObject protocol. Instead, all protocols extend a built-in base protocol, which has identical methods to the built-in base class.

Protocol conformance is enforced by the typechecker.


Runtime

oj.noConflict()
Restores the oj global variable to its previous value.

oj.getClassList()
Returns an array of all known oj Class objects.

oj.class_getSuperclass(cls) / oj.getSuperclass(cls)
Returns the superclass of the specified cls.

oj.getSubclassesOfClass(cls)
Returns an array of all subclasses of the specified cls.

oj.isObject(object)
Returns true if object is an oj instance or Class, false otherwise.

oj.sel_isEqual(aSelector, bSelector)
Returns true if two selectors are equal to each other.

oj.class_isSubclassOf(cls, superclass)
Returns true if superclass is the direct superclass of cls, false otherwise.

oj.class_respondsToSelector(cls, aSelector)
Returns true if instances of cls respond to the selector aSelector, false otherwise.

oj.object_getClass(object)
Returns the Class of object.

oj.msgSend(receiver, aSelector, ...)
If receiver is non-falsy, invokes aSelector on it.

oj.sel_getName(aSelector)
oj.class_getName(cls)
-[BaseObject className]
Returns a human-readable string of a class or selector. Note that this is for debug purposes only! When --squeeze is passed into the compiler, the resulting class/selector names will be obfuscated/shortened.


Squeezing oj!

oj features a code minifier/compressor/obfuscator called the squeezer. When the --squeeze option is passed to the compiler, all identifiers for classes ($oj_c_ClassName), methods ($oj_f_MethodName), ivars ($oj_i_ClassName_IvarName), and @globals will be replaced with a shortened "squeezed" version ($oj$ID). For example, all occurrences of $oj_c_Foo might be assigned the identifier $oj$a, all occurrences of $oj_f_initWithFoo_ might be assigned $oj$b. This is a safe transformation as long as all files are squeezed together.

Squeezed identifiers are persisted via --output-state and --input-state.


Hinting

oj provides basic code hinting to catch common errors.

When the --warn-unknown-selectors option is specified, oj warns about usage of undefined selectors/methods. This can help catch typos at compile time:

var c = [[TheClass allc] init]; // Warns if no +allc or -allc method exists on any class

When the --warn-unknown-ivars option is specified, oj checks all JavaScript identifiers prefixed with an underscore. A warning is produced when such an identifier is used in a method declaration and the current class lacks a corresponding @property or instance variable declaration.

@implementation TheClass

@property String foo;

- (void) checkFoo {
    if (_foi) {  // Warns, likely typo
    }    
}

@end

When the --warn-unused-ivars option is specified, oj warns about ivar declarations that are unused within an implementation.

@implementation TheClass {
    id _unused; // Warns
}
@end

When the --warn-unknown-selectors option is used, oj checks each selector against all known selectors.


oj integrates with JSHint via the --jshint option; however, this feature is deprecated and will be removed in the future (2.x). Many JSHint warnings are duplicated by the typechecker.

To prevent false positives, the following JSHint options are forced: asi: true, laxbreak: true, laxcomma: true, newcap: false.

expr: true is enabled on a per-method basis when the oj compiler uses certain optimizations.

The --jshint-ignore option may be used to disable specific JSHint warnings.


Type Checking

When the --check-types option is used, oj performs static type checking via TypeScript.

oj uses an Objective-C inspired syntax for types, which is automatically translated to and from TypeScript types:

oj TypeTypeScript type / Description
Numeric typenumber
Boolean typeboolean
Stringstring
Array<Number>An array of numbers, corresponds to the number[] TypeScript type.
Object<Number>A JavaScript object used as a string-to-number map. corresponds to the { [i:string]: number } TypeScript type
Object, anyThe any type (which effectively turns off typechecking)
TheTypeThe JavaScript type (as defined by the lib.d.ts TypeScript file) or an instance of an oj class
id<ProtocolName>An object which conforms to the specified protocol name(s)
idA special aggregate type containing all known instance methods definitions.
ClassA special aggregate type containing all known class methods definitions.
SELA special type that represents a selector

Most oj method declarations will have type information and should behave exactly as their Objective-C counterparts. However, JavaScript functions need to be annotated via type annotations, similar to ActionScript and TypeScript:

function getStringWithNumber(a : String, b : Number) : String {
    return a + "-" + b;
}

TypeScript infers variables automatically; however, sometimes an explicit annotation is required. This annotation is similar to TypeScript syntax:

function getNumber() { … }

function doSometingWithNumber() : void {
    var num : Number = getNumber(); // Annotation needed since getNumber() is not annotated
    …
}

oj also provides syntax for basic structures, similar to the syntax for instance variable declaration. @struct does not affect generated code and only provides hints to the typechecker:

@struct CGPoint { Number x;        Number y;      }
@struct CGSize  { Number width;    Number height; }
@struct CGRect  { CGPoint origin;  CGSize size;   }

function makeSquare(length : Number) : CGRect  { … }

Casting is performed via the @cast operator. It may be used similar in syntax to C++'s static_cast:

var a : String = @cast<String>( 3 + 4 + 6 );

or via function syntax:

var a : String = @cast(String, 3 + 4 + 6);

Sometimes you may wish to disable type checking for a specific variable or expression. While @cast(any, …) accomplishes this, you can also use the @any convinience operator:

var o = @any({ });

For some projects and coding styles, the default TypeScript rules may be too strict. For example, the following is an error in typescript:

function example() {
    var o = { };
    // This is an error in TypeScript, as 'foo' isn't a property on the '{}' type
    o.foo = "Foo";
}

By default, oj mitigates this by casting all objects literals to the any type. However, this may cause issues with function overloading when using external type definitions. Hence, you can revert to the original TypeScript behavior via the --strict-object-literals option.

TypeScript also requires function calls to strictly match the parameters of the definition. The following is allowed in JavaScript but not in TypeScript:

function foo(a, b) {
    …
}

foo(1); // Error in TS: parameter b is required
foo(1, 2, 3); // Error in TS

By default, oj mitigates this by rewriting function definitions so that all parameters are optional. You can revert to the original TypeScript behavior via the --strict-functions option.


For performance reasons, we recommend a separate typechecker pass (in parallel with the main build), with --check-types enabled, --output-language set to none, and TypeScript type definitions (such as those found at DefinitelyTyped) specified using the --prepend option.

oj tries to convert TypeScript error messages back into oj syntax. Please report any confusing error messages.


Restrictions

All identifiers that start with $oj_ or $oj$ are classified as Reserved Words.

Inside an oj method declaration, self is added to the list of Reserved Words. Hence, it may not be used as a variable name.

The oj compiler uses the global variable $oj_oj to access the runtime. You should not use $oj_oj directly or modify it in your source code. In a web browser environment, runtime.js also defines the global variable oj for the runtime. You may use oj.noConflict() to restore the previous value of oj. If you are using a linter or obfuscator, add both $oj_oj and oj as global variable names.

In order to support compiler optimizations, the following method names are reserved and may not be overridden/implemented in subclasses:

alloc
class
className
instancesRespondToSelector:
respondsToSelector:
superclass
isSubclassOfClass:
isKindOfClass:
isMemberOfClass:

Compiler API

var ojc = require("ojc");
var options = { ... };

ojc.compile(options, function(err, results) {

});

Below is a list of supported properties for options and results. While other properties are available (see bin/ojc), they are not yet official API.

Properties for the options object:

KeyTypeDescription
filesArrayStrings of paths to compile, or Objects of file type (see below)
stateObjectInput compiler state, corresponds to contents of --input-state
inline-constBooleaninline @const identifiers
inline-enumBooleaninline @enum identifiers
warn-this-in-methodsBooleanwarn about usage of 'this' in oj methods
warn-unknown-selectorsBooleanwarn about usage of unknown selectors
warn-unknown-ivarsBooleanwarn about unknown ivars
warn-unused-ivarsBooleanwarn about unused ivars

Valid properties for each file object:

KeyTypeDescription
pathStringPath of file
contentsStringContent of file

Properties for the result object:

KeyTypeDescription
codeStringCompiled JavaScript source code
stateObjectOutput compiler state

Compiling Projects

The easiest way to use oj is to pass all .oj and .js files in your project into ojc and produce a single .js output file. In general: the more files you compile at the same time, the easier your life will be. However, there are specific situations where a more-complex pipeline is needed.

In our usage, we have two output files: core.js and webapp.js.

core.js contains our model and model-controller classes. It's used by our client-side web app (running in the browser), our server-side backend (running in node/Express), and our iOS applications (running in a JavaScriptCore JSContext).

webapp.js is used exclusively by the client-side web app and contains HTML/CSS view and view-controller classes. In certain cases, webapp.js needs to allocate classes directly from core.js.

This is accomplished via the --output-state and --input-state compiler flags, or the options.state/result.state properties in the compiler API. Since webapp.js depends on core.js, core.js is compiled first, and the The compiler state from

  1. All lower-level .js and .oj files are passed into the compiler.
  2. The compiler products a result object. result.code is saved as core.js.
  3. All higher-level .js and .oj files, as well as core's result.state, are passed into the compiler.
  4. The result.code from this compilation pass is saved as webapp.js.
  5. Both core.js and webapp.js are included (in that order) in various HTML files via <script> elements.

We've found it best to run a separate typecheck pass in parallel with the core.js/webapp.js build. This allows one CPU to be dedicated to typechecking while the other performs transpiling. The typecheck pass uses the following options:

  • All .js and .oj files (From steps #1 and #3) are passed as INPUT_FILES.
  • Several .d.ts definitions (for jQuery, underscore, etc.) are specified with the --prepend option.
  • --output-language is set to none.
  • --check-types is enabled

License

runtime.js is public domain.

All other files in this project are licensed under the MIT license.

FAQs

Package last updated on 05 Dec 2015

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc