Skip to content

Commit

Permalink
space in name
Browse files Browse the repository at this point in the history
  • Loading branch information
macCesar committed Jan 7, 2025
1 parent 5726250 commit acbc4f0
Show file tree
Hide file tree
Showing 20 changed files with 72 additions and 72 deletions.
12 changes: 6 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,33 +10,33 @@

</div>

**PurgeTSS** is a toolkit designed to enhance the development of mobile applications using the **[Titanium framework](https://titaniumsdk.com)**. It introduces several key features to streamline the app development process, making it simpler and more efficient for developers.
**Purge TSS** is a toolkit designed to enhance the development of mobile applications using the **[Titanium framework](https://titaniumsdk.com)**. It introduces several key features to streamline the app development process, making it simpler and more efficient for developers.

It offers a range of tools such as customizable utility classes, support for icon fonts, a user-friendly Animation module, a straightforward grid system, and the added convenience of the `shades` command for crafting personalized colors.

With **PurgeTSS**, creating visually appealing and dynamic mobile apps becomes more accessible and efficient.
With **Purge TSS**, creating visually appealing and dynamic mobile apps becomes more accessible and efficient.

---

Here are its main functionalities:

- **Tailwind-like Utility Classes**: PurgeTSS offers over 21,000 utility classes similar to Tailwind CSS, providing a vast array of styling options for your projects.
- **Tailwind-like Utility Classes**: Purge TSS offers over 21,000 utility classes similar to Tailwind CSS, providing a vast array of styling options for your projects.

- **Efficient Style Management**: It parses all your XML files to create a clean `app.tss` file, containing only the classes actually used in your project. This helps in reducing file size and improving performance.

- **Customization and JIT Classes**: Developers can customize default classes via a simple configuration file. It also supports just-in-time (JIT) classes, allowing the creation of arbitrary values within views for tailored styling.

- **Icon Fonts Integration**: PurgeTSS facilitates the use of popular icon fonts such as Font Awesome, Material Icons, Material Symbols, and Framework7-Icons in Buttons and Labels.
- **Icon Fonts Integration**: Purge TSS facilitates the use of popular icon fonts such as Font Awesome, Material Icons, Material Symbols, and Framework7-Icons in Buttons and Labels.

- **Fonts.tss Generation**: This process creates a `fonts.tss` file with class definitions and fontFamily selectors for various font types, making it easy to add custom fonts, including icon fonts, to a project.

- **Shades Command**: The toolkit includes a `shades` command that enables developers to generate custom color shades from a specified hex color, eliminating the need for external tools.

- **Animation Module**: PurgeTSS comes with an Animation module to apply basic 2D Matrix animations or transformations to elements or arrays of elements.
- **Animation Module**: Purge TSS comes with an Animation module to apply basic 2D Matrix animations or transformations to elements or arrays of elements.

- **Grid System**: It includes a simple yet effective two-dimensional grid system to align and distribute elements within views.

Overall, PurgeTSS aims to simplify the mobile app development process, offering tools and features that enhance productivity and creativity in designing user interfaces.
Overall, Purge TSS aims to simplify the mobile app development process, offering tools and features that enhance productivity and creativity in designing user interfaces.

### Visit the official documentation site at [purgetss.com](https://purgetss.com) to learn more.

Expand Down
26 changes: 13 additions & 13 deletions bin/purgetss
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ const pkg = require('../package.json')
const purgetss = require('../index.js')
const updateNotifier = require('update-notifier')

// check if a new version of PurgeTSS is available and print an update notification
// check if a new version of Purge TSS is available and print an update notification
const notifier = updateNotifier({ pkg })
if (notifier.update && notifier.update.latest !== pkg.version) {
notifier.notify({ defer: false, isGlobal: true })
Expand Down Expand Up @@ -35,10 +35,10 @@ program
program
.command('create')
.alias('c')
.description(`Create a new Alloy Project with ${chalk.green('PurgeTSS')} configured`)
.help(`Create a new Alloy Project with ${chalk.green('PurgeTSS')} configured. You’ll need to have ${chalk.yellow('app.idprefix')} and ${chalk.yellow('app.workspace')} already configured.`)
.description(`Create a new Alloy Project with ${chalk.green('Purge TSS')} configured`)
.help(`Create a new Alloy Project with ${chalk.green('Purge TSS')} configured. You’ll need to have ${chalk.yellow('app.idprefix')} and ${chalk.yellow('app.workspace')} already configured.`)
.option('-f, --force', 'Force create even if the project already exists')
.option('-d, --dependencies', `Install ${chalk.green('ESLint')} and ${chalk.green('Tailwind CSS')} for a better development experience using PurgeTSS`)
.option('-d, --dependencies', `Install ${chalk.green('ESLint')} and ${chalk.green('Tailwind CSS')} for a better development experience using Purge TSS`)
.option('-m, --module', `Install ${chalk.yellow('purgetss.ui.js')} module to the project's ${chalk.yellow('lib')} folder`)
.option('-v, --vendor <arguments>', `Use any of the following arguments to copy specific font vendors:\n ${chalk.yellow('fa')} = Font Awesome Icons\n ${chalk.yellow('mi')} = Material Icons\n ${chalk.yellow('ms')} = Material Symbols\n ${chalk.yellow('f7')} = Framework7 Icons`)
.argument('<name>', 'The name of the project')
Expand All @@ -50,7 +50,7 @@ program
.command('install-dependencies')
.alias('id')
.description(`Install ${chalk.green('ESLint')} and ${chalk.green('Tailwind CSS')} to an existing project`)
.help('Installing ESLint and Tailwind CSS can help improve your development workflow with PurgeTSS by enabling code linting and enhancing the UI development capabilities.')
.help('Installing ESLint and Tailwind CSS can help improve your development workflow with Purge TSS by enabling code linting and enhancing the UI development capabilities.')
.action((args, options, logger) => {
purgetss.dependencies(args, options)
})
Expand Down Expand Up @@ -105,8 +105,8 @@ program
program
.command('watch')
.alias('w')
.description(`Automatically run ${chalk.green('PurgeTSS')} every time you compile your project`)
.help(`Automatically run ${chalk.green('PurgeTSS')} every time you compile your project\nEspecially helpful with ${chalk.green('LiveView')} as it purges your files with each change you make`)
.description(`Automatically run ${chalk.green('Purge TSS')} every time you compile your project`)
.help(`Automatically run ${chalk.green('Purge TSS')} every time you compile your project\nEspecially helpful with ${chalk.green('LiveView')} as it purges your files with each change you make`)
.option('-o, --off', 'To turn off watch mode')
.option('-d, --delete', 'To completely delete the Auto-Purging hook')
.action((args, options, logger) => {
Expand Down Expand Up @@ -160,10 +160,10 @@ program
program
.command('update')
.alias('u')
.description(`Update ${chalk.green('PurgeTSS')} to the latest version`)
.help(`Update ${chalk.green('PurgeTSS')} to the latest version\nWe constantly update ${chalk.green('PurgeTSS')} to add new features and bug fixes`)
.description(`Update ${chalk.green('Purge TSS')} to the latest version`)
.help(`Update ${chalk.green('Purge TSS')} to the latest version\nWe constantly update ${chalk.green('Purge TSS')} to add new features and bug fixes`)
.action((args, options, logger) => {
logger.info(`${purgetss.colores.purgeLabel} Updating ${chalk.green('PurgeTSS')} to the latest version...`)
logger.info(`${purgetss.colores.purgeLabel} Updating ${chalk.green('Purge TSS')} to the latest version...`)

const { exec } = require('child_process')

Expand All @@ -185,10 +185,10 @@ program
program
.command('sudo-update')
.alias('su')
.description(`Update ${chalk.green('PurgeTSS')} to the latest version using the ${chalk.yellow('sudo')} command`)
.help(`Update ${chalk.green('PurgeTSS')} to the latest version using the ${chalk.yellow('sudo')} command\nWe constantly update ${chalk.green('PurgeTSS')} to add new features and bug fixes`)
.description(`Update ${chalk.green('Purge TSS')} to the latest version using the ${chalk.yellow('sudo')} command`)
.help(`Update ${chalk.green('Purge TSS')} to the latest version using the ${chalk.yellow('sudo')} command\nWe constantly update ${chalk.green('Purge TSS')} to add new features and bug fixes`)
.action((args, options, logger) => {
logger.info(`${purgetss.colores.purgeLabel} Updating ${chalk.green('PurgeTSS')} to the latest version using sudo...`)
logger.info(`${purgetss.colores.purgeLabel} Updating ${chalk.green('Purge TSS')} to the latest version using sudo...`)

const { exec } = require('child_process')

Expand Down
2 changes: 1 addition & 1 deletion dist/purgetss.ui.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
// PurgeTSS v6.3.4
// Purge TSS v6.3.4
// Created by César Estrada
// https://purgetss.com

Expand Down
8 changes: 4 additions & 4 deletions dist/tailwind.tss
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// Created by Adam Wathan ( https://twitter.com/adamwathan ).

// Tailwind-like styles
// Generated with PurgeTSS
// Generated with Purge TSS
// https://purgetss.com
// default config.js file

Expand Down Expand Up @@ -1332,15 +1332,15 @@
'.alert-dialog-style-plain-text-input[platform=ios]': { style: Ti.UI.iOS.AlertDialogStyle.PLAIN_TEXT_INPUT }
'.alert-dialog-style-secure-text-input[platform=ios]': { style: Ti.UI.iOS.AlertDialogStyle.SECURE_TEXT_INPUT }

// To use the `applyProperties` method when dragging objects using the PurgeTSS Animation Module.
// To use the `applyProperties` method when dragging objects using the Animation Module.
'.move-by-properties': { moveByProperties: true }
'.move-by-properties-false': { moveByProperties: false }

// To use the `animate` method when dragging objects using the PurgeTSS Animation Module.
// To use the `animate` method when dragging objects using the Animation Module.
'.move-by-animate': { moveByAnimate: true }
'.move-by-animate-false': { moveByAnimate: false }

// To use the `Ti.UI.createAnimation` inside the `animate` method when dragging objects using the PurgeTSS Animation Module.
// To use the `Ti.UI.createAnimation` inside the `animate` method when dragging objects using the Animation Module.
'.move-by-animation': { moveByAnimation: true }
'.move-by-animation-false': { moveByAnimation: false }

Expand Down
30 changes: 15 additions & 15 deletions docs/configuring-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ By default, `purgetss` will look for an optional `./purgetss/config.js` file whe
Every section of the config file is optional, so you only specify what you'd like to change. Any missing sections will fall back to the default configuration.

## Creating your configuration file
To create a PurgeTSS configuration file for your project, run this command:
To create a Purge TSS configuration file for your project, run this command:

```bash
> purgetss init
Expand All @@ -76,7 +76,7 @@ module.exports = {
'purge': {
'mode': 'all',

// These options are passed through directly to PurgeTSS
// These options are passed through directly to Purge TSS
'options': {
'safelist': [],
}
Expand All @@ -100,7 +100,7 @@ To generate your custom `./purgetss/tailwind.tss` file use the following command

It will generate a new `tailwind.tss` file with every attribute defined in `./purgetss/config.js`.

**After generating your custom `tailwind.tss` file. You can use any of the generated classes, `PurgeTSS` will use this file instead of Tailwind's default file.**
**After generating your custom `tailwind.tss` file. You can use any of the generated classes, `Purge TSS` will use this file instead of Tailwind's default file.**

## Configuration file example
- **For the modifier keys, you can use any name or convention you want. For example: '.my-custom-class', or '.anotherCustomClassName'**.
Expand Down Expand Up @@ -242,7 +242,7 @@ module.exports = {
### Shared colors
All colors defined in the `colors` section are automatically shared with `textColor`, `backgroundColor`, `borderColor`, `placeholderColor`, `gradientColorStops` and `hintTextColor` properties.

> **When you include the `colors` section, `PurgeTSS` will automatically generate all color-related properties and merge them with any other color-related properties present in the configuration file.**
> **When you include the `colors` section, `Purge TSS` will automatically generate all color-related properties and merge them with any other color-related properties present in the configuration file.**
```javascript
// ./purgetss/config.js
Expand Down Expand Up @@ -367,7 +367,7 @@ module.exports = {
### Shared spacing
The `spacing` section is shared by the `padding`, `margin`, `width`, and `height` properties.

> **When you include the `spacing` section, `PurgeTSS` will automatically generate all spacing-related properties and merge them with any other spacing-related properties present in the configuration file.**
> **When you include the `spacing` section, `Purge TSS` will automatically generate all spacing-related properties and merge them with any other spacing-related properties present in the configuration file.**
```javascript
// ./purgetss/config.js
Expand Down Expand Up @@ -481,7 +481,7 @@ The example `borderRadius` configuration above would generate the following TSS

You'll notice that using a key of `default` in the theme configuration created the class `.rounded` with no suffix.

This is a common convention in `PurgeTSS` supported by many (although not all) of the properties.
This is a common convention in `Purge TSS` supported by many (although not all) of the properties.

## The `apply` directive
Starting with **`v2.3.5`**, you can `apply` a set of classes to create more complex classes, or when you find a repetitive pattern in your code and you’d like to extract it to a new class component.
Expand Down Expand Up @@ -681,15 +681,15 @@ module.exports = {
'purge': {
'mode': 'all',

// These options are passed through directly to PurgeTSS
// These options are passed through directly to Purge TSS
'options': {
'safelist': [],
}
},
}
```

- `purge.mode.all` by default, `PurgeTSS` will look everywhere inside your XML files, like in comments, attributes, classes, ids, Ti Element, and even the actual written content in your markup. **This mode is necessary if you want `purgetss` to parse any Ti Element that you've styled in `config.js`**.
- `purge.mode.all` by default, `Purge TSS` will look everywhere inside your XML files, like in comments, attributes, classes, ids, Ti Element, and even the actual written content in your markup. **This mode is necessary if you want `purgetss` to parse any Ti Element that you've styled in `config.js`**.
- `purge.mode.class` Use `class` to search only in `class` and `id` attributes in your XML files.
- `purge.mode.options.safelist` List of classes and Ti Elements that you want to keep regardless of the purge mode or whether or not they are included in your XML files.

Expand All @@ -702,7 +702,7 @@ module.exports = {
'purge': {
'mode': 'all',

// These options are passed through directly to PurgeTSS
// These options are passed through directly to Purge TSS
'options': require('./safelist'),
},
}
Expand Down Expand Up @@ -1344,7 +1344,7 @@ You can use any of the supported units depending of the property you are generat

`app.tss` *Showing only the arbitraty values styles*
```css
// PurgeTSS
// Purge TSS
// Created by César Estrada
// https://purgetss.com

Expand Down Expand Up @@ -1409,14 +1409,14 @@ You can use any of the supported units depending of the property you are generat

`app.tss`
```css
// PurgeTSS
// Purge TSS
// Created by César Estrada
// https://purgetss.com

// Styles from _app.tss
// Empty _app.tss

// PurgeTSS styles
// Purge TSS styles
'ImageView[platform=ios]': { hires: true }
'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
'Window': { backgroundColor: '#ffffff' }
Expand Down Expand Up @@ -1499,14 +1499,14 @@ You can use any of the supported units depending of the property you are generat

`app.tss`
```css
// PurgeTSS
// Purge TSS
// Created by César Estrada
// https://purgetss.com

// Styles from _app.tss
// Empty _app.tss

// PurgeTSS styles
// Purge TSS styles
'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
'Window': { backgroundColor: '#ffffff' }
'.bg-transparent': { backgroundColor: 'transparent' }
Expand Down Expand Up @@ -1567,7 +1567,7 @@ Lets say that you want to have different background color and font sizes, depend

`app.tss`
```css
// PurgeTSS
// Purge TSS
// Created by César Estrada
// https://purgetss.com

Expand Down
6 changes: 3 additions & 3 deletions docs/whats-new/v3.0.0.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
# What's new in v3.0.0
- [What's new in v3.0.0](#whats-new-in-v300)
- [PurgeTSS now uses Tailwind CSS v3.0.0](#purgetss-now-uses-tailwind-css-v300)
- [Purge TSS now uses Tailwind CSS v3.0.0](#purgetss-now-uses-tailwind-css-v300)
- [tailwindUI plug-in is no longer required](#tailwindui-plug-in-is-no-longer-required)
- [Future plans](#future-plans)

## PurgeTSS now uses Tailwind CSS v3.0.0
With the release of [Tailwind CSS v3.0](https://tailwindcss.com/blog/tailwindcss-v3), PurgeTSS now uses the revamped colors like cyan, rose, fuchsia, and lime. Check out the [color palette reference](https://tailwindcss.com/docs/customizing-colors) to learn more.
## Purge TSS now uses Tailwind CSS v3.0.0
With the release of [Tailwind CSS v3.0](https://tailwindcss.com/blog/tailwindcss-v3), Purge TSS now uses the revamped colors like cyan, rose, fuchsia, and lime. Check out the [color palette reference](https://tailwindcss.com/docs/customizing-colors) to learn more.

## tailwindUI plug-in is no longer required
Because of this, there are some minor breaking changes:
Expand Down
4 changes: 2 additions & 2 deletions docs/whats-new/v3.0.4.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ You can set them directly in your `xml` files or in your `config.js` file.
```

```css
// PurgeTSS styles
// Purge TSS styles
'Window': { backgroundColor: '#ffffff' }
'.h-16': { height: 64 }
'.text-center': { textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER }
Expand Down Expand Up @@ -191,7 +191,7 @@ Now you can add a **color opacity modifier** to ANY of the available color prope
```

```css
// PurgeTSS styles
// Purge TSS styles
'Window': { backgroundColor: '#ffffff' }
'.h-8': { height: 32 }
'.text-center': { textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER }
Expand Down
2 changes: 1 addition & 1 deletion docs/whats-new/v3.1.2.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ Use it like any other icon font.
```

```css
// PurgeTSS
// Purge TSS
// Created by César Estrada
// https://github.com/macCesar/purgeTSS

Expand Down
Loading

0 comments on commit acbc4f0

Please sign in to comment.