Eight small Titanium Classic projects that reproduce the examples from the PurgeTSS in Classic Apps video series.
Each directory is the clean starting point for one tutorial. The projects use native Resources/ files and Ti.UI.create*() APIs; Alloy is not required. Run each command from that project's root directory, then inspect the generated native assets or build the app as shown in the corresponding video.
-
Node.js 16 or newer
-
Titanium CLI and a compatible Titanium SDK
-
PurgeTSS installed globally:
npm install --global purgetss
Confirm the tools are available before starting:
ti --version
purgetss --version| Project | What it demonstrates | Command |
|---|---|---|
01-brand |
Generate native app icons and splash screens from purgetss/brand/logo.svg and the project config. |
purgetss brand |
02-images |
Process every supported image under purgetss/images/, preserving nested folders and per-file widths from the config. |
purgetss images |
03-semantic |
Create native semantic Light/Dark colors one at a time. | See the three commands below. |
04-shades |
Preview and save a complete color scale generated from one source color. | See the two commands below. |
05-color-module |
Export the configured palettes as a CommonJS color module for a Classic app. | purgetss color-module |
06-icon-library |
Install Font Awesome fonts and its complete lookup module. | purgetss icon-library --vendor=fa --module |
07-build-fonts |
Process custom text and icon fonts, copy them into the app, and generate their CommonJS module. | purgetss build-fonts --module --font-class-from-filename |
08-purgetss-module |
Install purgetss.ui.js and use its animation, drag, transition, and appearance APIs from Classic. |
purgetss module |
The semantic-color tutorial runs these commands:
purgetss semantic --single '#F8FAFC' surfaceColor --dark '#0F172A'
purgetss semantic --single '#0F172A' textColor --dark '#F8FAFC'
purgetss semantic --single '#7C3AED' accentColor --dark '#A78BFA'The shades tutorial first previews the palette, then saves it to purgetss/config.cjs:
purgetss shades '#7C3AED' brand --log
purgetss shades '#7C3AED' brandClone the repository, enter one project, and run its PurgeTSS command before compiling:
git clone https://github.com/macCesar/purgetss-classic-apps.git
cd purgetss-classic-apps/projects/01-brand
purgetss brand
ti build -p iosUse ti build -p android for Android. Choose the device or simulator options appropriate for your local Titanium setup.
These are intentionally starting fixtures. Generated assets are ignored so you can reset an example and repeat the tutorial without committing build output. Some later episodes include inputs produced conceptually by an earlier episode—for example, the configured palette used by 05-color-module and the color module consumed by 07-build-fonts.
The example source is available under the MIT License. Bundled fonts retain the licenses included beside them.