Skip to content

Commit 84217e6

Browse files
macCesarmacCesar
committed
Updated with PurgeTSS v3.1.5 and FontAwesome 6.0.0
1 parent e3dde9b commit 84217e6

File tree

8 files changed

+8793
-6336
lines changed

8 files changed

+8793
-6336
lines changed

‎.editorconfig‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ root = true
22

33
[*]
44
indent_style = tab
5-
indent_size = 4
5+
indent_size = 2
66
charset = utf-8
77
trim_trailing_whitespace = true
88
insert_final_newline = true

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Please checkout my new [`purgeTSS`](https://github.com/macCesar/purgeTSS) CLI.
1010
> [sudo] npm i -g purgetss
1111
```
1212

13-
2. Use any [tailwind.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/tailwind.tss), [fontawesome.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/fontawesome.tss), [materialicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/materialdesignicons.tss), [lineicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/lineicons.tss), [boxicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/boxicons.tss) or your [custom.tss](https://github.com/macCesar/purgeTSS/blob/master/docs/configuring-guide.md) classes in your views.
13+
2. Use any [tailwind.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/tailwind.tss), [fontawesome.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/fontawesome.tss), [materialicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/materialdesignicons.tss), [lineicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/lineicons.tss), [boxicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/boxicons.tss) , [tablericons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/tablericons.tss) or your [custom.tss](https://github.com/macCesar/purgeTSS/blob/master/docs/configuring-guide.md) classes in your views.
1414

1515
3. Run `purgetss` inside your project’s root folder before compiling your App.
1616
```bash

‎app/alloy.jmk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
task('pre:compile', function(event, logger) {
2-
require('child_process').execSync('purgetss', logger.warn('::PurgeTSS:: Auto-Purging ' + event.dir.project));
2+
// require('child_process').execSync('purgetss', logger.warn('::PurgeTSS:: Auto-Purging ' + event.dir.project));
33
});

‎app/styles/app.tss‎

Lines changed: 94 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -3,86 +3,49 @@
33
// https://github.com/macCesar/purgeTSS
44

55
// Tailwind styles
6-
'Button[platform=android]': { backgroundColor: 'transparent' }
7-
'ImageView[platform=ios]': { hires: true }
8-
'Label': { touchEnabled: false }
9-
'ScrollView': { contentWidth: Ti.UI.FILL, contentHeight: Ti.UI.SIZE }
10-
'ScrollView[platform=android]': { scrollType: 'vertical' }
11-
'TextArea': { touchEnabled: false }
12-
'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
13-
'Window': { backgroundColor: '#ffffff' }
14-
'.bg-white': { backgroundColor: '#ffffff' }
15-
'.bg-indigo-500': { backgroundColor: '#6366f1' }
6+
'.-ml-1': { left: -4 }
7+
'.-mr-1': { right: -4 }
8+
'.-mx-1': { left: -4, right: -4 }
169
'.bg-blue-200': { backgroundColor: '#bfdbfe' }
1710
'.bg-blue-500': { backgroundColor: '#3b82f6' }
1811
'.bg-blue-700': { backgroundColor: '#1d4ed8' }
1912
'.bg-blue-900': { backgroundColor: '#1e3a8a' }
13+
'.bg-gray-100': { backgroundColor: '#f3f4f6' }
14+
'.bg-gray-200': { backgroundColor: '#e5e7eb' }
15+
'.bg-gray-300': { backgroundColor: '#d1d5db' }
16+
'.bg-gray-50': { backgroundColor: '#f9fafb' }
17+
'.bg-gray-500': { backgroundColor: '#6b7280' }
18+
'.bg-gray-800': { backgroundColor: '#1f2937' }
19+
'.bg-gray-900': { backgroundColor: '#111827' }
2020
'.bg-green-500': { backgroundColor: '#22c55e' }
21+
'.bg-indigo-500': { backgroundColor: '#6366f1' }
2122
'.bg-orange-100': { backgroundColor: '#ffedd5' }
22-
'.bg-gray-50': { backgroundColor: '#fafafa' }
23-
'.bg-gray-100': { backgroundColor: '#f4f4f5' }
24-
'.bg-gray-200': { backgroundColor: '#e4e4e7' }
25-
'.bg-gray-300': { backgroundColor: '#d4d4d8' }
26-
'.bg-gray-500': { backgroundColor: '#71717a' }
27-
'.bg-gray-800': { backgroundColor: '#27272a' }
28-
'.bg-gray-900': { backgroundColor: '#18181b' }
29-
'.border-blue-600': { borderColor: '#2563eb' }
30-
'.border-blue-800': { borderColor: '#1e40af' }
31-
'.border-gray-400': { borderColor: '#a1a1aa' }
32-
'.border-gray-500': { borderColor: '#71717a' }
33-
'.rounded-8': { borderRadius: 16 }
34-
'.rounded-10': { borderRadius: 20 }
35-
'.rounded-12': { borderRadius: 24 }
36-
'.rounded-16': { borderRadius: 32 }
37-
'.rounded': { borderRadius: 4 }
38-
'.rounded-md': { borderRadius: 6 }
39-
'.rounded-lg': { borderRadius: 8 }
23+
'.bg-white': { backgroundColor: '#ffffff' }
24+
'.block': { visible: true }
4025
'.border-2': { borderWidth: 2 }
4126
'.border-4': { borderWidth: 4 }
27+
'.border-blue-600': { borderColor: '#2563eb' }
28+
'.border-blue-800': { borderColor: '#1e40af' }
29+
'.border-gray-400': { borderColor: '#9ca3af' }
30+
'.border-gray-500': { borderColor: '#6b7280' }
4231
'.clip-enabled[platform=ios]': { clipMode: Ti.UI.iOS.CLIP_MODE_ENABLED }
43-
'.block': { visible: true }
44-
'.text-xs': { font: { fontSize: 12 } }
45-
'.text-sm': { font: { fontSize: 14 } }
46-
'.text-base': { font: { fontSize: 16 } }
47-
'.text-xl': { font: { fontSize: 20 } }
48-
'.text-2xl': { font: { fontSize: 24 } }
49-
'.text-3xl': { font: { fontSize: 30 } }
50-
'.text-4xl': { font: { fontSize: 36 } }
51-
'.italic': { font: { fontStyle: 'italic' } }
52-
'.font-thin': { font: { fontWeight: 'thin' } }
32+
'.font-bold': { font: { fontWeight: 'bold' } }
5333
'.font-normal': { font: { fontWeight: 'normal' } }
5434
'.font-semibold': { font: { fontWeight: 'semibold' } }
55-
'.font-bold': { font: { fontWeight: 'bold' } }
56-
'.h-6': { height: 24 }
57-
'.h-8': { height: 32 }
35+
'.font-thin': { font: { fontWeight: 'thin' } }
5836
'.h-10': { height: 40 }
5937
'.h-12': { height: 48 }
6038
'.h-16': { height: 64 }
6139
'.h-20': { height: 80 }
62-
'.h-px': { height: '1px' }
63-
'.h-full': { height: '100%' }
40+
'.h-6': { height: 24 }
41+
'.h-8': { height: 32 }
6442
'.h-auto': { height: Ti.UI.SIZE }
65-
'.vertical': { layout: 'vertical' }
43+
'.h-full': { height: '100%' }
44+
'.h-px': { height: '1px' }
6645
'.horizontal': { layout: 'horizontal' }
46+
'.italic': { font: { fontStyle: 'italic' } }
6747
'.m-3': { top: 12, right: 12, bottom: 12, left: 12 }
6848
'.m-4': { top: 16, right: 16, bottom: 16, left: 16 }
69-
'.my-2': { top: 8, bottom: 8 }
70-
'.my-10': { top: 40, bottom: 40 }
71-
'.mx-0': { right: 0, left: 0 }
72-
'.mx-2': { right: 8, left: 8 }
73-
'.mx-3': { right: 12, left: 12 }
74-
'.mx-4': { right: 16, left: 16 }
75-
'.mx-6': { right: 24, left: 24 }
76-
'.mx-8': { right: 32, left: 32 }
77-
'.mx-10': { right: 40, left: 40 }
78-
'.mt-0': { top: 0 }
79-
'.mt-1': { top: 4 }
80-
'.mt-2': { top: 8 }
81-
'.mt-3': { top: 12 }
82-
'.mt-4': { top: 16 }
83-
'.mr-0': { right: 0 }
84-
'.mr-3': { right: 12 }
85-
'.mr-4': { right: 16 }
8649
'.mb-1': { bottom: 4 }
8750
'.mb-3': { bottom: 12 }
8851
'.mb-4': { bottom: 16 }
@@ -91,55 +54,92 @@
9154
'.ml-1': { left: 4 }
9255
'.ml-3': { left: 12 }
9356
'.ml-4': { left: 16 }
94-
'.-mx-1': { left: -4, right: -4 }
95-
'.-mr-1': { right: -4 }
96-
'.-ml-1': { left: -4 }
57+
'.mr-0': { right: 0 }
58+
'.mr-3': { right: 12 }
59+
'.mr-4': { right: 16 }
60+
'.mt-0': { top: 0 }
61+
'.mt-1': { top: 4 }
62+
'.mt-2': { top: 8 }
63+
'.mt-3': { top: 12 }
64+
'.mt-4': { top: 16 }
65+
'.mx-0': { right: 0, left: 0 }
66+
'.mx-10': { right: 40, left: 40 }
67+
'.mx-2': { right: 8, left: 8 }
68+
'.mx-3': { right: 12, left: 12 }
69+
'.mx-4': { right: 16, left: 16 }
70+
'.mx-6': { right: 24, left: 24 }
71+
'.mx-8': { right: 32, left: 32 }
72+
'.my-10': { top: 40, bottom: 40 }
73+
'.my-2': { top: 8, bottom: 8 }
74+
'.opacity-100': { opacity: 1 }
9775
'.opacity-25': { opacity: 0.25 }
9876
'.opacity-50': { opacity: 0.5 }
9977
'.opacity-75': { opacity: 0.75 }
100-
'.opacity-100': { opacity: 1 }
78+
'.paging-gray-200': { pagingControlColor: '#e5e7eb' }
10179
'.pl-2': { padding: { left: 8 } }
102-
'.show-paging': { showPagingControl: true }
103-
'.paging-gray-200': { pagingControlColor: '#e4e4e7' }
104-
'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#80000000' }
105-
'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#80000000' }
106-
'.shadow': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 2, viewShadowColor: '#80000000' }
107-
'.shadow-md': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#80000000' }
108-
'.shadow-lg': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '#80000000' }
109-
'.shadow-xl': { viewShadowOffset: { x: 0, y: 12 }, viewShadowRadius: 12, viewShadowColor: '#80000000' }
110-
'.shadow-2xl': { viewShadowOffset: { x: 0, y: 16 }, viewShadowRadius: 16, viewShadowColor: '#80000000' }
80+
'.rounded': { borderRadius: 4 }
81+
'.rounded-10': { borderRadius: 20 }
82+
'.rounded-12': { borderRadius: 24 }
83+
'.rounded-16': { borderRadius: 32 }
84+
'.rounded-8': { borderRadius: 16 }
85+
'.rounded-lg': { borderRadius: 8 }
86+
'.rounded-md': { borderRadius: 6 }
87+
'.shadow': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 2, viewShadowColor: '#59000000' }
88+
'.shadow-2xl': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '#59000000' }
11189
'.shadow-inner': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }
112-
'.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '#80000000' }
113-
'.text-left': { textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT }
114-
'.text-right': { textAlign: Ti.UI.TEXT_ALIGNMENT_RIGHT }
90+
'.shadow-lg': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '#59000000' }
91+
'.shadow-md': { viewShadowOffset: { x: 0, y: 3 }, viewShadowRadius: 3, viewShadowColor: '#59000000' }
92+
'.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '#59000000' }
93+
'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '#59000000' }
94+
'.shadow-xl': { viewShadowOffset: { x: 0, y: 6 }, viewShadowRadius: 6, viewShadowColor: '#59000000' }
95+
'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '#59000000' }
96+
'.show-paging': { showPagingControl: true }
97+
'.text-2xl': { font: { fontSize: 24 } }
98+
'.text-3xl': { font: { fontSize: 30 } }
99+
'.text-4xl': { font: { fontSize: 36 } }
100+
'.text-base': { font: { fontSize: 16 } }
101+
'.text-blue-700': { color: '#1d4ed8' }
115102
'.text-center': { textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER }
116-
'.text-white': { color: '#ffffff' }
117-
'.text-purple-500': { color: '#a855f7' }
103+
'.text-gray-200': { color: '#e5e7eb' }
104+
'.text-gray-500': { color: '#6b7280' }
105+
'.text-gray-600': { color: '#4b5563' }
106+
'.text-gray-700': { color: '#374151' }
107+
'.text-gray-800': { color: '#1f2937' }
108+
'.text-gray-900': { color: '#111827' }
118109
'.text-indigo-700': { color: '#4338ca' }
119-
'.text-blue-700': { color: '#1d4ed8' }
110+
'.text-left': { textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT }
111+
'.text-purple-500': { color: '#a855f7' }
120112
'.text-red-600': { color: '#dc2626' }
121113
'.text-red-700': { color: '#b91c1c' }
122-
'.text-gray-200': { color: '#e4e4e7' }
123-
'.text-gray-500': { color: '#71717a' }
124-
'.text-gray-600': { color: '#52525b' }
125-
'.text-gray-700': { color: '#3f3f46' }
126-
'.text-gray-800': { color: '#27272a' }
127-
'.text-gray-900': { color: '#18181b' }
128-
'.w-6': { width: 24 }
129-
'.w-10': { width: 40 }
130-
'.w-12': { width: 48 }
131-
'.w-16': { width: 64 }
132-
'.w-24': { width: 96 }
133-
'.w-56': { width: 224 }
114+
'.text-right': { textAlign: Ti.UI.TEXT_ALIGNMENT_RIGHT }
115+
'.text-sm': { font: { fontSize: 14 } }
116+
'.text-white': { color: '#ffffff' }
117+
'.text-xl': { font: { fontSize: 20 } }
118+
'.text-xs': { font: { fontSize: 12 } }
119+
'.vertical': { layout: 'vertical' }
134120
'.w-1/2': { width: '50%' }
135121
'.w-1/3': { width: '33.333334%' }
136122
'.w-1/4': { width: '25%' }
137123
'.w-1/5': { width: '20%' }
138-
'.w-4/5': { width: '80%' }
124+
'.w-10': { width: 40 }
139125
'.w-11/12': { width: '91.666667%' }
140-
'.w-full': { width: '100%' }
126+
'.w-12': { width: 48 }
127+
'.w-16': { width: 64 }
128+
'.w-24': { width: 96 }
129+
'.w-4/5': { width: '80%' }
130+
'.w-56': { width: 224 }
131+
'.w-6': { width: 24 }
141132
'.w-auto': { width: Ti.UI.SIZE }
133+
'.w-full': { width: '100%' }
142134
'.w-screen': { width: Ti.UI.FILL }
135+
'Button[platform=android]': { backgroundColor: 'transparent' }
136+
'ImageView[platform=ios]': { hires: true }
137+
'Label': { touchEnabled: false }
138+
'ScrollView': { contentWidth: Ti.UI.FILL, contentHeight: Ti.UI.SIZE }
139+
'ScrollView[platform=android]': { scrollType: 'vertical' }
140+
'TextArea': { touchEnabled: false }
141+
'View': { width: Ti.UI.SIZE, height: Ti.UI.SIZE }
142+
'Window': { backgroundColor: '#ffffff' }
143143

144144
// Styles with arbitrary values
145145
'.cache-size-(9)': { cacheSize: 9 }

‎package.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@
1919
"homepage": "https://github.com/macCesar/tailwind.tss-sample-app#readme",
2020
"devDependencies": {
2121
"@tailwindcss/ui": "^0.7.2",
22-
"autoprefixer": "^10.4.0",
23-
"postcss": "^8.3.11",
24-
"tailwindcss": "^2.2.19"
22+
"autoprefixer": "^10.4.2",
23+
"postcss": "^8.4.6",
24+
"tailwindcss": "^3.0.22"
2525
}
2626
}

‎plugins/ti.alloy/hooks/alloy.js‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,12 @@ exports.init = function (logger, config, cli, appc) {
123123
};
124124
}), function () {
125125

126+
if (!paths.alloy) {
127+
logger.error('The alloy CLI is not installed');
128+
logger.error('Please install it with [sudo] npm i alloy -g');
129+
process.exit(1);
130+
}
131+
126132
// compose alloy command execution
127133
var cmd = [paths.node, paths.alloy, 'compile', appDir, '--config', config];
128134
if (cli.argv['no-colors'] || cli.argv['color'] === false) { cmd.push('--no-colors'); }
@@ -194,8 +200,4 @@ exports.init = function (logger, config, cli, appc) {
194200

195201
run(build.deviceFamily, deployType, target, finished);
196202
});
197-
198-
cli.addHook('codeprocessor.pre.run', function (build, finished) {
199-
run('none', 'development', undefined, finished, SILENT);
200-
});
201203
};

0 commit comments

Comments
 (0)