Skip to content

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

PurgeTSS in Classic Apps

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.

Requirements

  • 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

Examples

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' brand

Run an example

Clone 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 ios

Use 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.

Resources

License

The example source is available under the MIT License. Bundled fonts retain the licenses included beside them.

About

PurgeTSS command examples for Titanium Classic apps

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages