@colimuca123/nativewind 4.2.2-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.OpenSource +11 -0
- package/babel.js +1 -0
- package/dist/doctor.d.ts +1 -0
- package/dist/doctor.js +21 -0
- package/dist/doctor.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +20 -0
- package/dist/index.js.map +1 -0
- package/dist/metro/common.d.ts +4 -0
- package/dist/metro/common.js +8 -0
- package/dist/metro/common.js.map +1 -0
- package/dist/metro/index.d.ts +15 -0
- package/dist/metro/index.js +47 -0
- package/dist/metro/index.js.map +1 -0
- package/dist/metro/picocolors.d.ts +26 -0
- package/dist/metro/picocolors.js +53 -0
- package/dist/metro/picocolors.js.map +1 -0
- package/dist/metro/tailwind/index.d.ts +5 -0
- package/dist/metro/tailwind/index.js +25 -0
- package/dist/metro/tailwind/index.js.map +1 -0
- package/dist/metro/tailwind/types.d.ts +8 -0
- package/dist/metro/tailwind/types.js +3 -0
- package/dist/metro/tailwind/types.js.map +1 -0
- package/dist/metro/tailwind/v3/child.d.ts +0 -0
- package/dist/metro/tailwind/v3/child.js +45 -0
- package/dist/metro/tailwind/v3/child.js.map +1 -0
- package/dist/metro/tailwind/v3/index.d.ts +6 -0
- package/dist/metro/tailwind/v3/index.js +81 -0
- package/dist/metro/tailwind/v3/index.js.map +1 -0
- package/dist/metro/typescript.d.ts +1 -0
- package/dist/metro/typescript.js +46 -0
- package/dist/metro/typescript.js.map +1 -0
- package/dist/stylesheet.d.ts +5 -0
- package/dist/stylesheet.js +25 -0
- package/dist/stylesheet.js.map +1 -0
- package/dist/tailwind/color.d.ts +4 -0
- package/dist/tailwind/color.js +25 -0
- package/dist/tailwind/color.js.map +1 -0
- package/dist/tailwind/common.d.ts +2 -0
- package/dist/tailwind/common.js +24 -0
- package/dist/tailwind/common.js.map +1 -0
- package/dist/tailwind/dark-mode.d.ts +4 -0
- package/dist/tailwind/dark-mode.js +48 -0
- package/dist/tailwind/dark-mode.js.map +1 -0
- package/dist/tailwind/index.d.ts +0 -0
- package/dist/tailwind/index.js +13 -0
- package/dist/tailwind/index.js.map +1 -0
- package/dist/tailwind/native.d.ts +3 -0
- package/dist/tailwind/native.js +265 -0
- package/dist/tailwind/native.js.map +1 -0
- package/dist/tailwind/prop-modifier.d.ts +4 -0
- package/dist/tailwind/prop-modifier.js +13 -0
- package/dist/tailwind/prop-modifier.js.map +1 -0
- package/dist/tailwind/safe-area.d.ts +4 -0
- package/dist/tailwind/safe-area.js +216 -0
- package/dist/tailwind/safe-area.js.map +1 -0
- package/dist/tailwind/shadows.d.ts +4 -0
- package/dist/tailwind/shadows.js +79 -0
- package/dist/tailwind/shadows.js.map +1 -0
- package/dist/tailwind/switch.d.ts +8 -0
- package/dist/tailwind/switch.js +51 -0
- package/dist/tailwind/switch.js.map +1 -0
- package/dist/tailwind/translate.d.ts +2 -0
- package/dist/tailwind/translate.js +40 -0
- package/dist/tailwind/translate.js.map +1 -0
- package/dist/tailwind/verify.d.ts +4 -0
- package/dist/tailwind/verify.js +22 -0
- package/dist/tailwind/verify.js.map +1 -0
- package/dist/tailwind/web.d.ts +3 -0
- package/dist/tailwind/web.js +40 -0
- package/dist/tailwind/web.js.map +1 -0
- package/dist/test.d.ts +373 -0
- package/dist/test.js +161 -0
- package/dist/test.js.map +1 -0
- package/dist/theme.d.ts +1 -0
- package/dist/theme.js +9 -0
- package/dist/theme.js.map +1 -0
- package/expo-snack.js +71 -0
- package/jsx-dev-runtime/index.d.ts +1 -0
- package/jsx-dev-runtime/index.js +1 -0
- package/jsx-runtime/index.d.ts +1 -0
- package/jsx-runtime/index.js +1 -0
- package/metro/package.json +1 -0
- package/package.json +75 -0
- package/preset/package.json +3 -0
- package/src/__tests__/README.md +3 -0
- package/src/__tests__/accessibility.tsx +41 -0
- package/src/__tests__/backgrounds.tsx +239 -0
- package/src/__tests__/borders.tsx +355 -0
- package/src/__tests__/container-queries.tsx +59 -0
- package/src/__tests__/custom-theme.tsx +45 -0
- package/src/__tests__/custom.tsx +17 -0
- package/src/__tests__/dark-mode.ios.tsx +251 -0
- package/src/__tests__/doctor.tsx +13 -0
- package/src/__tests__/effects.ios.tsx +230 -0
- package/src/__tests__/elevation.tsx +22 -0
- package/src/__tests__/filters.tsx +201 -0
- package/src/__tests__/flexbox-grid.tsx +670 -0
- package/src/__tests__/groups.tsx +134 -0
- package/src/__tests__/interactivity.tsx +547 -0
- package/src/__tests__/layout.tsx +854 -0
- package/src/__tests__/modifier-{}.tsx +71 -0
- package/src/__tests__/platform-modifiers-test.ios.tsx +34 -0
- package/src/__tests__/preset.tsx +9 -0
- package/src/__tests__/reusing-styles.tsx +44 -0
- package/src/__tests__/safe-area.test.ios.tsx +427 -0
- package/src/__tests__/sizing.tsx +241 -0
- package/src/__tests__/spacing.tsx +106 -0
- package/src/__tests__/states.tsx +145 -0
- package/src/__tests__/svg.tsx +25 -0
- package/src/__tests__/tables.tsx +103 -0
- package/src/__tests__/theme.tsx +245 -0
- package/src/__tests__/transforms.tsx +509 -0
- package/src/__tests__/transition-animations.tsx +254 -0
- package/src/__tests__/typography.tsx +657 -0
- package/src/__tests__/unofficial-plugins.test.ios.tsx +171 -0
- package/src/doctor.ts +28 -0
- package/src/index.tsx +16 -0
- package/src/metro/common.ts +11 -0
- package/src/metro/index.ts +77 -0
- package/src/metro/picocolors.ts +76 -0
- package/src/metro/tailwind/index.ts +22 -0
- package/src/metro/tailwind/types.ts +9 -0
- package/src/metro/tailwind/v3/child.ts +61 -0
- package/src/metro/tailwind/v3/index.ts +103 -0
- package/src/metro/typescript.ts +69 -0
- package/src/stylesheet.ts +31 -0
- package/src/tailwind/color.ts +23 -0
- package/src/tailwind/common.ts +26 -0
- package/src/tailwind/dark-mode.ts +46 -0
- package/src/tailwind/index.ts +15 -0
- package/src/tailwind/native.ts +374 -0
- package/src/tailwind/prop-modifier.ts +7 -0
- package/src/tailwind/safe-area.ts +262 -0
- package/src/tailwind/shadows.ts +100 -0
- package/src/tailwind/switch.ts +59 -0
- package/src/tailwind/translate.ts +51 -0
- package/src/tailwind/verify.ts +16 -0
- package/src/tailwind/web.ts +38 -0
- package/src/tailwindcss-internals.d.ts +7 -0
- package/src/test.tsx +224 -0
- package/src/theme.ts +15 -0
- package/test/package.json +4 -0
- package/theme/package.json +3 -0
- package/types.d.ts +1 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Mark Lawlor
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"Name": "nativewind",
|
|
4
|
+
"License": "MIT License",
|
|
5
|
+
"License File": "https://github.com/nativewind/nativewind/blob/main/packages/nativewind/LICENSE",
|
|
6
|
+
"Version Number": "4.2.1",
|
|
7
|
+
"Owner" : "xiafeng@huawei.com",
|
|
8
|
+
"Upstream URL": "https://github.com/nativewind/nativewind",
|
|
9
|
+
"Description": "nativewind"
|
|
10
|
+
}
|
|
11
|
+
]
|
package/babel.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = require("react-native-css-interop/babel");
|
package/dist/doctor.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function verifyInstallation(): boolean;
|
package/dist/doctor.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.verifyInstallation = verifyInstallation;
|
|
4
|
+
const react_native_css_interop_1 = require("react-native-css-interop");
|
|
5
|
+
function verifyInstallation() {
|
|
6
|
+
if (process.env.NODE_ENV !== "development") {
|
|
7
|
+
console.warn("verifyInstallation() was called in a non-development environment()");
|
|
8
|
+
}
|
|
9
|
+
if (!(0, react_native_css_interop_1.verifyJSX)()) {
|
|
10
|
+
throw new Error("jsxImportSource was not set to 'nativewind'. Please refer to http://nativewind.dev/troubleshooting#jsxImportSource");
|
|
11
|
+
}
|
|
12
|
+
if (!(0, react_native_css_interop_1.verifyData)()) {
|
|
13
|
+
throw new Error("Nativewind received no data. Please refer to http://nativewind.dev/troubleshooting#no-data");
|
|
14
|
+
}
|
|
15
|
+
if (!(0, react_native_css_interop_1.verifyFlag)("nativewind")) {
|
|
16
|
+
throw new Error("Nativewind: was unable to detect the 'nativewind/preset'. Please refer to http://nativewind.dev/troubleshooting#tailwind-preset");
|
|
17
|
+
}
|
|
18
|
+
console.log("NativeWind verifyInstallation() found no errors");
|
|
19
|
+
return true;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=doctor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"doctor.js","sourceRoot":"","sources":["../src/doctor.ts"],"names":[],"mappings":";;AAEA,gDAyBC;AA3BD,uEAA6E;AAE7E,SAAgB,kBAAkB;IAChC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;QAC3C,OAAO,CAAC,IAAI,CACV,oEAAoE,CACrE,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,IAAA,oCAAS,GAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CACb,oHAAoH,CACrH,CAAC;IACJ,CAAC;IACD,IAAI,CAAC,IAAA,qCAAU,GAAE,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;IACJ,CAAC;IACD,IAAI,CAAC,IAAA,qCAAU,EAAC,YAAY,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CACb,iIAAiI,CAClI,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,GAAG,CAAC,iDAAiD,CAAC,CAAC;IAC/D,OAAO,IAAI,CAAC;AACd,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { verifyInstallation } from "./doctor";
|
|
2
|
+
export { StyleSheet, colorScheme, createInteropElement, cssInterop, rem, remapProps, useSafeAreaEnv, useUnstableNativeVariable, vars, } from "react-native-css-interop";
|
|
3
|
+
export { useColorScheme } from "./stylesheet";
|
|
4
|
+
export { createElement } from "react";
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createElement = exports.useColorScheme = exports.vars = exports.useUnstableNativeVariable = exports.useSafeAreaEnv = exports.remapProps = exports.rem = exports.cssInterop = exports.createInteropElement = exports.colorScheme = exports.StyleSheet = exports.verifyInstallation = void 0;
|
|
4
|
+
var doctor_1 = require("./doctor");
|
|
5
|
+
Object.defineProperty(exports, "verifyInstallation", { enumerable: true, get: function () { return doctor_1.verifyInstallation; } });
|
|
6
|
+
var react_native_css_interop_1 = require("react-native-css-interop");
|
|
7
|
+
Object.defineProperty(exports, "StyleSheet", { enumerable: true, get: function () { return react_native_css_interop_1.StyleSheet; } });
|
|
8
|
+
Object.defineProperty(exports, "colorScheme", { enumerable: true, get: function () { return react_native_css_interop_1.colorScheme; } });
|
|
9
|
+
Object.defineProperty(exports, "createInteropElement", { enumerable: true, get: function () { return react_native_css_interop_1.createInteropElement; } });
|
|
10
|
+
Object.defineProperty(exports, "cssInterop", { enumerable: true, get: function () { return react_native_css_interop_1.cssInterop; } });
|
|
11
|
+
Object.defineProperty(exports, "rem", { enumerable: true, get: function () { return react_native_css_interop_1.rem; } });
|
|
12
|
+
Object.defineProperty(exports, "remapProps", { enumerable: true, get: function () { return react_native_css_interop_1.remapProps; } });
|
|
13
|
+
Object.defineProperty(exports, "useSafeAreaEnv", { enumerable: true, get: function () { return react_native_css_interop_1.useSafeAreaEnv; } });
|
|
14
|
+
Object.defineProperty(exports, "useUnstableNativeVariable", { enumerable: true, get: function () { return react_native_css_interop_1.useUnstableNativeVariable; } });
|
|
15
|
+
Object.defineProperty(exports, "vars", { enumerable: true, get: function () { return react_native_css_interop_1.vars; } });
|
|
16
|
+
var stylesheet_1 = require("./stylesheet");
|
|
17
|
+
Object.defineProperty(exports, "useColorScheme", { enumerable: true, get: function () { return stylesheet_1.useColorScheme; } });
|
|
18
|
+
var react_1 = require("react");
|
|
19
|
+
Object.defineProperty(exports, "createElement", { enumerable: true, get: function () { return react_1.createElement; } });
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,mCAA8C;AAArC,4GAAA,kBAAkB,OAAA;AAE3B,qEAUkC;AAThC,sHAAA,UAAU,OAAA;AACV,uHAAA,WAAW,OAAA;AACX,gIAAA,oBAAoB,OAAA;AACpB,sHAAA,UAAU,OAAA;AACV,+GAAA,GAAG,OAAA;AACH,sHAAA,UAAU,OAAA;AACV,0HAAA,cAAc,OAAA;AACd,qIAAA,yBAAyB,OAAA;AACzB,gHAAA,IAAI,OAAA;AAGN,2CAA8C;AAArC,4GAAA,cAAc,OAAA;AACvB,+BAAsC;AAA7B,sGAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.cssToReactNativeRuntimeOptions = void 0;
|
|
4
|
+
exports.cssToReactNativeRuntimeOptions = {
|
|
5
|
+
ignorePropertyWarningRegex: ["^--tw-"],
|
|
6
|
+
grouping: ["^group(/.*)?"],
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=common.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/metro/common.ts"],"names":[],"mappings":";;;AAEa,QAAA,8BAA8B,GAAG;IAM5C,0BAA0B,EAAE,CAAC,QAAQ,CAAC;IACtC,QAAQ,EAAE,CAAC,cAAc,CAAC;CAC3B,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { MetroConfig } from "metro-config";
|
|
2
|
+
import { WithCssInteropOptions } from "react-native-css-interop/metro";
|
|
3
|
+
interface WithNativeWindOptions extends WithCssInteropOptions {
|
|
4
|
+
input: string;
|
|
5
|
+
projectRoot?: string;
|
|
6
|
+
outputDir?: string;
|
|
7
|
+
configPath?: string;
|
|
8
|
+
cliCommand?: string;
|
|
9
|
+
browserslist?: string | null;
|
|
10
|
+
browserslistEnv?: string | null;
|
|
11
|
+
typescriptEnvPath?: string;
|
|
12
|
+
disableTypeScriptGeneration?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare function withNativeWind(config: MetroConfig, { input, inlineRem, configPath: tailwindConfigPath, browserslist, browserslistEnv, typescriptEnvPath, disableTypeScriptGeneration, ...options }?: WithNativeWindOptions): MetroConfig;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.withNativeWind = withNativeWind;
|
|
7
|
+
const path_1 = __importDefault(require("path"));
|
|
8
|
+
const debug_1 = require("debug");
|
|
9
|
+
const metro_1 = require("react-native-css-interop/metro");
|
|
10
|
+
const common_1 = require("./common");
|
|
11
|
+
const tailwind_1 = require("./tailwind");
|
|
12
|
+
const typescript_1 = require("./typescript");
|
|
13
|
+
const debug = (0, debug_1.debug)("nativewind");
|
|
14
|
+
function withNativeWind(config, { input, inlineRem = 14, configPath: tailwindConfigPath = "tailwind.config", browserslist = "last 1 version", browserslistEnv = "native", typescriptEnvPath = "nativewind-env.d.ts", disableTypeScriptGeneration = false, ...options } = {}) {
|
|
15
|
+
if (input)
|
|
16
|
+
input = path_1.default.resolve(input);
|
|
17
|
+
debug(`input: ${input}`);
|
|
18
|
+
const { important } = (0, tailwind_1.tailwindConfig)(path_1.default.resolve(tailwindConfigPath));
|
|
19
|
+
debug(`important: ${important}`);
|
|
20
|
+
const cli = (0, tailwind_1.tailwindCli)(debug);
|
|
21
|
+
if (!disableTypeScriptGeneration) {
|
|
22
|
+
debug(`checking TypeScript setup`);
|
|
23
|
+
(0, typescript_1.setupTypeScript)(typescriptEnvPath);
|
|
24
|
+
}
|
|
25
|
+
return (0, metro_1.withCssInterop)(config, {
|
|
26
|
+
...common_1.cssToReactNativeRuntimeOptions,
|
|
27
|
+
...options,
|
|
28
|
+
inlineRem,
|
|
29
|
+
selectorPrefix: typeof important === "string" ? important : undefined,
|
|
30
|
+
input,
|
|
31
|
+
parent: {
|
|
32
|
+
name: "nativewind",
|
|
33
|
+
debug: "nativewind",
|
|
34
|
+
},
|
|
35
|
+
getCSSForPlatform: (platform, onChange) => {
|
|
36
|
+
debug(`getCSSForPlatform: ${platform}`);
|
|
37
|
+
return cli.getCSSForPlatform({
|
|
38
|
+
platform,
|
|
39
|
+
input,
|
|
40
|
+
browserslist,
|
|
41
|
+
browserslistEnv,
|
|
42
|
+
onChange,
|
|
43
|
+
});
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/metro/index.ts"],"names":[],"mappings":";;;;;AA2BA,wCAiDC;AA5ED,gDAAwB;AAExB,iCAAyC;AAEzC,0DAGwC;AAExC,qCAA0D;AAC1D,yCAAyD;AACzD,6CAA+C;AAc/C,MAAM,KAAK,GAAG,IAAA,aAAO,EAAC,YAAY,CAAC,CAAC;AAEpC,SAAgB,cAAc,CAC5B,MAAmB,EACnB,EACE,KAAK,EACL,SAAS,GAAG,EAAE,EACd,UAAU,EAAE,kBAAkB,GAAG,iBAAiB,EAClD,YAAY,GAAG,gBAAgB,EAC/B,eAAe,GAAG,QAAQ,EAC1B,iBAAiB,GAAG,qBAAqB,EACzC,2BAA2B,GAAG,KAAK,EACnC,GAAG,OAAO,KACe,EAA2B;IAEtD,IAAI,KAAK;QAAE,KAAK,GAAG,cAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEvC,KAAK,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC;IAEzB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAc,EAAC,cAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEvE,KAAK,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC;IAEjC,MAAM,GAAG,GAAG,IAAA,sBAAW,EAAC,KAAK,CAAC,CAAC;IAE/B,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACjC,KAAK,CAAC,2BAA2B,CAAC,CAAC;QACnC,IAAA,4BAAe,EAAC,iBAAiB,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,IAAA,sBAAc,EAAC,MAAM,EAAE;QAC5B,GAAG,uCAA8B;QACjC,GAAG,OAAO;QACV,SAAS;QACT,cAAc,EAAE,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACrE,KAAK;QACL,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,YAAY;SACpB;QACD,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YACxC,KAAK,CAAC,sBAAsB,QAAQ,EAAE,CAAC,CAAC;YACxC,OAAO,GAAG,CAAC,iBAAiB,CAAC;gBAC3B,QAAQ;gBACR,KAAK;gBACL,YAAY;gBACZ,eAAe;gBACf,QAAQ;aACT,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare const reset: (s: string) => string;
|
|
2
|
+
export declare const bold: (input: string) => string;
|
|
3
|
+
export declare const dim: (input: string) => string;
|
|
4
|
+
export declare const italic: (input: string) => string;
|
|
5
|
+
export declare const underline: (input: string) => string;
|
|
6
|
+
export declare const inverse: (input: string) => string;
|
|
7
|
+
export declare const hidden: (input: string) => string;
|
|
8
|
+
export declare const strikethrough: (input: string) => string;
|
|
9
|
+
export declare const black: (input: string) => string;
|
|
10
|
+
export declare const red: (input: string) => string;
|
|
11
|
+
export declare const green: (input: string) => string;
|
|
12
|
+
export declare const yellow: (input: string) => string;
|
|
13
|
+
export declare const blue: (input: string) => string;
|
|
14
|
+
export declare const magenta: (input: string) => string;
|
|
15
|
+
export declare const purple: (input: string) => string;
|
|
16
|
+
export declare const cyan: (input: string) => string;
|
|
17
|
+
export declare const white: (input: string) => string;
|
|
18
|
+
export declare const gray: (input: string) => string;
|
|
19
|
+
export declare const bgBlack: (input: string) => string;
|
|
20
|
+
export declare const bgRed: (input: string) => string;
|
|
21
|
+
export declare const bgGreen: (input: string) => string;
|
|
22
|
+
export declare const bgYellow: (input: string) => string;
|
|
23
|
+
export declare const bgBlue: (input: string) => string;
|
|
24
|
+
export declare const bgMagenta: (input: string) => string;
|
|
25
|
+
export declare const bgCyan: (input: string) => string;
|
|
26
|
+
export declare const bgWhite: (input: string) => string;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.bgWhite = exports.bgCyan = exports.bgMagenta = exports.bgBlue = exports.bgYellow = exports.bgGreen = exports.bgRed = exports.bgBlack = exports.gray = exports.white = exports.cyan = exports.purple = exports.magenta = exports.blue = exports.yellow = exports.green = exports.red = exports.black = exports.strikethrough = exports.hidden = exports.inverse = exports.underline = exports.italic = exports.dim = exports.bold = exports.reset = void 0;
|
|
4
|
+
const { env, stdout } = globalThis?.process ?? {};
|
|
5
|
+
const enabled = env &&
|
|
6
|
+
!env.NO_COLOR &&
|
|
7
|
+
(env.FORCE_COLOR || (stdout?.isTTY && !env.CI && env.TERM !== "dumb"));
|
|
8
|
+
const replaceClose = (str, close, replace, index) => {
|
|
9
|
+
const start = str.substring(0, index) + replace;
|
|
10
|
+
const end = str.substring(index + close.length);
|
|
11
|
+
const nextIndex = end.indexOf(close);
|
|
12
|
+
return ~nextIndex
|
|
13
|
+
? start + replaceClose(end, close, replace, nextIndex)
|
|
14
|
+
: start + end;
|
|
15
|
+
};
|
|
16
|
+
const formatter = (open, close, replace = open) => {
|
|
17
|
+
if (!enabled)
|
|
18
|
+
return String;
|
|
19
|
+
return (input) => {
|
|
20
|
+
const string = "" + input;
|
|
21
|
+
const index = string.indexOf(close, open.length);
|
|
22
|
+
return ~index
|
|
23
|
+
? open + replaceClose(string, close, replace, index) + close
|
|
24
|
+
: open + string + close;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
exports.reset = enabled ? (s) => `\x1b[0m${s}\x1b[0m` : String;
|
|
28
|
+
exports.bold = formatter("\x1b[1m", "\x1b[22m", "\x1b[22m\x1b[1m");
|
|
29
|
+
exports.dim = formatter("\x1b[2m", "\x1b[22m", "\x1b[22m\x1b[2m");
|
|
30
|
+
exports.italic = formatter("\x1b[3m", "\x1b[23m");
|
|
31
|
+
exports.underline = formatter("\x1b[4m", "\x1b[24m");
|
|
32
|
+
exports.inverse = formatter("\x1b[7m", "\x1b[27m");
|
|
33
|
+
exports.hidden = formatter("\x1b[8m", "\x1b[28m");
|
|
34
|
+
exports.strikethrough = formatter("\x1b[9m", "\x1b[29m");
|
|
35
|
+
exports.black = formatter("\x1b[30m", "\x1b[39m");
|
|
36
|
+
exports.red = formatter("\x1b[31m", "\x1b[39m");
|
|
37
|
+
exports.green = formatter("\x1b[32m", "\x1b[39m");
|
|
38
|
+
exports.yellow = formatter("\x1b[33m", "\x1b[39m");
|
|
39
|
+
exports.blue = formatter("\x1b[34m", "\x1b[39m");
|
|
40
|
+
exports.magenta = formatter("\x1b[35m", "\x1b[39m");
|
|
41
|
+
exports.purple = formatter("\x1b[38;2;173;127;168m", "\x1b[39m");
|
|
42
|
+
exports.cyan = formatter("\x1b[36m", "\x1b[39m");
|
|
43
|
+
exports.white = formatter("\x1b[37m", "\x1b[39m");
|
|
44
|
+
exports.gray = formatter("\x1b[90m", "\x1b[39m");
|
|
45
|
+
exports.bgBlack = formatter("\x1b[40m", "\x1b[49m");
|
|
46
|
+
exports.bgRed = formatter("\x1b[41m", "\x1b[49m");
|
|
47
|
+
exports.bgGreen = formatter("\x1b[42m", "\x1b[49m");
|
|
48
|
+
exports.bgYellow = formatter("\x1b[43m", "\x1b[49m");
|
|
49
|
+
exports.bgBlue = formatter("\x1b[44m", "\x1b[49m");
|
|
50
|
+
exports.bgMagenta = formatter("\x1b[45m", "\x1b[49m");
|
|
51
|
+
exports.bgCyan = formatter("\x1b[46m", "\x1b[49m");
|
|
52
|
+
exports.bgWhite = formatter("\x1b[47m", "\x1b[49m");
|
|
53
|
+
//# sourceMappingURL=picocolors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"picocolors.js","sourceRoot":"","sources":["../../src/metro/picocolors.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Debugger } from "debug";
|
|
2
|
+
export declare function tailwindCli(debug: Debugger): {
|
|
3
|
+
getCSSForPlatform(options: import("./types").TailwindCliOptions): Promise<string>;
|
|
4
|
+
};
|
|
5
|
+
export declare function tailwindConfig(path: string): import("tailwindcss/types/config").Config;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.tailwindCli = tailwindCli;
|
|
7
|
+
exports.tailwindConfig = tailwindConfig;
|
|
8
|
+
const package_json_1 = __importDefault(require("tailwindcss/package.json"));
|
|
9
|
+
const v3_1 = require("./v3");
|
|
10
|
+
const isV3 = package_json_1.default.version.split(".")[0].includes("3");
|
|
11
|
+
function tailwindCli(debug) {
|
|
12
|
+
if (isV3) {
|
|
13
|
+
return (0, v3_1.tailwindCliV3)(debug);
|
|
14
|
+
}
|
|
15
|
+
throw new Error("NativeWind only supports Tailwind CSS v3");
|
|
16
|
+
}
|
|
17
|
+
function tailwindConfig(path) {
|
|
18
|
+
if (isV3) {
|
|
19
|
+
return (0, v3_1.tailwindConfigV3)(path);
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
throw new Error("NativeWind only supports Tailwind CSS v3");
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/metro/tailwind/index.ts"],"names":[],"mappings":";;;;;AAOA,kCAMC;AAED,wCAMC;AApBD,4EAAuD;AAEvD,6BAAuD;AAEvD,MAAM,IAAI,GAAG,sBAAe,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AAEjE,SAAgB,WAAW,CAAC,KAAe;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,IAAA,kBAAa,EAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;AAC9D,CAAC;AAED,SAAgB,cAAc,CAAC,IAAY;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,IAAA,qBAAgB,EAAC,IAAI,CAAC,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/metro/tailwind/types.ts"],"names":[],"mappings":""}
|
|
File without changes
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
(async function () {
|
|
3
|
+
const fs = require("fs");
|
|
4
|
+
const fakeOutput = "FAKE_OUTPUT";
|
|
5
|
+
let currentContents = "";
|
|
6
|
+
const originalReadFile = fs.promises.readFile;
|
|
7
|
+
fs.promises.readFile = async (path, encoding) => {
|
|
8
|
+
if (path === fakeOutput) {
|
|
9
|
+
return currentContents;
|
|
10
|
+
}
|
|
11
|
+
return originalReadFile(path, encoding);
|
|
12
|
+
};
|
|
13
|
+
const originalMkdir = fs.promises.mkdir.bind(fs.promises.mkdir);
|
|
14
|
+
fs.promises.mkdir = async (path, ...args) => {
|
|
15
|
+
if (path === fakeOutput) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
return originalMkdir(path, ...args);
|
|
19
|
+
};
|
|
20
|
+
let previousData = "";
|
|
21
|
+
fs.promises.writeFile = async (path, data, ...args) => {
|
|
22
|
+
if (path !== fakeOutput) {
|
|
23
|
+
throw new Error(`Tailwind CLI attempted to write file ${path}`);
|
|
24
|
+
}
|
|
25
|
+
if (!process.send) {
|
|
26
|
+
process.exit(42);
|
|
27
|
+
}
|
|
28
|
+
const newData = data.toString();
|
|
29
|
+
if (previousData !== newData) {
|
|
30
|
+
previousData = newData;
|
|
31
|
+
process.send(newData);
|
|
32
|
+
}
|
|
33
|
+
return;
|
|
34
|
+
};
|
|
35
|
+
const { build } = require("tailwindcss/lib/cli/build");
|
|
36
|
+
const args = {
|
|
37
|
+
"--input": process.env.NATIVEWIND_INPUT,
|
|
38
|
+
"--output": fakeOutput,
|
|
39
|
+
};
|
|
40
|
+
if (process.env.NATIVEWIND_WATCH === "true") {
|
|
41
|
+
args["--watch"] = true;
|
|
42
|
+
}
|
|
43
|
+
await build(args);
|
|
44
|
+
})();
|
|
45
|
+
//# sourceMappingURL=child.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"child.js","sourceRoot":"","sources":["../../../../src/metro/tailwind/v3/child.ts"],"names":[],"mappings":";AAGA,CAAC,KAAK;IACJ,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzB,MAAM,UAAU,GAAG,aAAa,CAAC;IACjC,IAAI,eAAe,GAAG,EAAE,CAAC;IAEzB,MAAM,gBAAgB,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC9C,EAAE,CAAC,QAAQ,CAAC,QAAQ,GAAG,KAAK,EAAE,IAAY,EAAE,QAAgB,EAAE,EAAE;QAC9D,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,OAAO,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,EAAE,IAAY,EAAE,GAAG,IAAS,EAAE,EAAE;QACvD,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,OAAO,aAAa,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAI,YAAY,GAAG,EAAE,CAAC;IACtB,EAAE,CAAC,QAAQ,CAAC,SAAS,GAAG,KAAK,EAC3B,IAAY,EACZ,IAAqB,EACrB,GAAG,IAAS,EACZ,EAAE;QACF,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,MAAM,IAAI,KAAK,CAAC,wCAAwC,IAAI,EAAE,CAAC,CAAC;QAClE,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhC,IAAI,YAAY,KAAK,OAAO,EAAE,CAAC;YAC7B,YAAY,GAAG,OAAO,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;QAED,OAAO;IACT,CAAC,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACvD,MAAM,IAAI,GAAiD;QACzD,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,gBAAgB;QACvC,UAAU,EAAE,UAAU;KACvB,CAAC;IAEF,IAAI,OAAO,CAAC,GAAG,CAAC,gBAAgB,KAAK,MAAM,EAAE,CAAC;QAC5C,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Debugger } from "debug";
|
|
2
|
+
import { TailwindCliOptions } from "../types";
|
|
3
|
+
export declare const tailwindCliV3: (debug: Debugger) => {
|
|
4
|
+
getCSSForPlatform(options: TailwindCliOptions): Promise<string>;
|
|
5
|
+
};
|
|
6
|
+
export declare function tailwindConfigV3(path: string): import("tailwindcss/types/config").Config;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.tailwindCliV3 = void 0;
|
|
4
|
+
exports.tailwindConfigV3 = tailwindConfigV3;
|
|
5
|
+
const child_process_1 = require("child_process");
|
|
6
|
+
const child_file = __dirname + "/child.js";
|
|
7
|
+
const getEnv = (options) => {
|
|
8
|
+
return {
|
|
9
|
+
...process.env,
|
|
10
|
+
NATIVEWIND_INPUT: options.input,
|
|
11
|
+
NATIVEWIND_OS: options.platform,
|
|
12
|
+
NATIVEWIND_WATCH: options.onChange ? "true" : "false",
|
|
13
|
+
BROWSERSLIST: options.browserslist ?? undefined,
|
|
14
|
+
BROWSERSLIST_ENV: options.browserslistEnv ?? undefined,
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
const tailwindCliV3 = function (debug) {
|
|
18
|
+
return {
|
|
19
|
+
getCSSForPlatform(options) {
|
|
20
|
+
debug("Start development Tailwind CLI");
|
|
21
|
+
return new Promise((resolve, reject) => {
|
|
22
|
+
try {
|
|
23
|
+
const child = (0, child_process_1.fork)(child_file, {
|
|
24
|
+
stdio: "pipe",
|
|
25
|
+
env: getEnv(options),
|
|
26
|
+
});
|
|
27
|
+
let initialMessage = true;
|
|
28
|
+
let initialDoneIn = true;
|
|
29
|
+
child.stderr?.on("data", (data) => {
|
|
30
|
+
data = data.toString();
|
|
31
|
+
if (data.includes("Done in")) {
|
|
32
|
+
if (initialDoneIn) {
|
|
33
|
+
initialDoneIn = false;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
else if (data.includes("warn -")) {
|
|
37
|
+
console.warn(data);
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
child.stdout?.on("data", (data) => {
|
|
41
|
+
data = data.toString();
|
|
42
|
+
});
|
|
43
|
+
child.on("message", (message) => {
|
|
44
|
+
if (initialMessage) {
|
|
45
|
+
resolve(message.toString());
|
|
46
|
+
initialMessage = false;
|
|
47
|
+
debug("Finished initial development Tailwind CLI");
|
|
48
|
+
}
|
|
49
|
+
else if (options.onChange) {
|
|
50
|
+
debug("Tailwind CLI detected new styles");
|
|
51
|
+
options.onChange(message.toString());
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
catch (e) {
|
|
56
|
+
reject(e);
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
exports.tailwindCliV3 = tailwindCliV3;
|
|
63
|
+
const flattenPresets = (configs = []) => {
|
|
64
|
+
if (!configs)
|
|
65
|
+
return [];
|
|
66
|
+
return configs.flatMap((config) => [
|
|
67
|
+
config,
|
|
68
|
+
...flattenPresets(config.presets),
|
|
69
|
+
]);
|
|
70
|
+
};
|
|
71
|
+
function tailwindConfigV3(path) {
|
|
72
|
+
const config = require("tailwindcss/loadConfig")(path);
|
|
73
|
+
const hasPreset = flattenPresets(config.presets).some((preset) => {
|
|
74
|
+
return preset.nativewind;
|
|
75
|
+
});
|
|
76
|
+
if (!hasPreset) {
|
|
77
|
+
throw new Error("Tailwind CSS has not been configured with the NativeWind preset");
|
|
78
|
+
}
|
|
79
|
+
return config;
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/metro/tailwind/v3/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function setupTypeScript(envPath: string): void;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.setupTypeScript = setupTypeScript;
|
|
4
|
+
const fs_1 = require("fs");
|
|
5
|
+
const comment_json_1 = require("comment-json");
|
|
6
|
+
const picocolors_1 = require("./picocolors");
|
|
7
|
+
function setupTypeScript(envPath) {
|
|
8
|
+
try {
|
|
9
|
+
const ts = require("typescript");
|
|
10
|
+
if (!ts) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
const configFileName = ts.findConfigFile("./", ts.sys.fileExists, "tsconfig.json");
|
|
14
|
+
const userConfig = (0, comment_json_1.parse)((0, fs_1.readFileSync)(configFileName, {
|
|
15
|
+
encoding: "utf-8",
|
|
16
|
+
}));
|
|
17
|
+
if (typeof userConfig !== "object" ||
|
|
18
|
+
!userConfig ||
|
|
19
|
+
Array.isArray(userConfig)) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const output = [];
|
|
23
|
+
let updatedConfig = false;
|
|
24
|
+
if (!(0, fs_1.existsSync)(envPath)) {
|
|
25
|
+
(0, fs_1.writeFileSync)(envPath, `/// <reference types="nativewind/types" />
|
|
26
|
+
|
|
27
|
+
// NOTE: This file should not be edited and should be committed with your source code. It is generated by NativeWind.`);
|
|
28
|
+
output.push(`Created ${(0, picocolors_1.cyan)(envPath)}`);
|
|
29
|
+
}
|
|
30
|
+
userConfig.include ??= new comment_json_1.CommentArray(envPath);
|
|
31
|
+
if (Array.isArray(userConfig.include) &&
|
|
32
|
+
!userConfig.include.includes(envPath)) {
|
|
33
|
+
userConfig.include.push(envPath);
|
|
34
|
+
updatedConfig = true;
|
|
35
|
+
output.push(`Updated ${configFileName} to include the ${(0, picocolors_1.cyan)(envPath)} file`);
|
|
36
|
+
}
|
|
37
|
+
if (updatedConfig) {
|
|
38
|
+
(0, fs_1.writeFileSync)(configFileName, (0, comment_json_1.stringify)(userConfig, null, 2));
|
|
39
|
+
}
|
|
40
|
+
if (output.length) {
|
|
41
|
+
console.log(`${(0, picocolors_1.cyan)((0, picocolors_1.bold)("NativeWind"))} made the following changes to your project to support TypeScript:\n - ${output.join("\n - ")}`);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
catch { }
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=typescript.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typescript.js","sourceRoot":"","sources":["../../src/metro/typescript.ts"],"names":[],"mappings":";;AAMA,0CA8DC;AApED,2BAA6D;AAE7D,+CAA8D;AAE9D,6CAA0C;AAE1C,SAAgB,eAAe,CAAC,OAAe;IAC7C,IAAI,CAAC;QACH,MAAM,EAAE,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QACjC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,EAAE,CAAC,cAAc,CACtC,IAAI,EACJ,EAAE,CAAC,GAAG,CAAC,UAAU,EACjB,eAAe,CAChB,CAAC;QAEF,MAAM,UAAU,GAAG,IAAA,oBAAK,EACtB,IAAA,iBAAY,EAAC,cAAc,EAAE;YAC3B,QAAQ,EAAE,OAAO;SAClB,CAAC,CACH,CAAC;QAEF,IACE,OAAO,UAAU,KAAK,QAAQ;YAC9B,CAAC,UAAU;YACX,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EACzB,CAAC;YACD,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,IAAI,aAAa,GAAG,KAAK,CAAC;QAE1B,IAAI,CAAC,IAAA,eAAU,EAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAA,kBAAa,EACX,OAAO,EACP;;sHAE8G,CAC/G,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,WAAW,IAAA,iBAAI,EAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1C,CAAC;QAED,UAAU,CAAC,OAAO,KAAK,IAAI,2BAAY,CAAC,OAAO,CAAC,CAAC;QACjD,IACE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC;YACjC,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,EACrC,CAAC;YACD,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACjC,aAAa,GAAG,IAAI,CAAC;YACrB,MAAM,CAAC,IAAI,CACT,WAAW,cAAc,mBAAmB,IAAA,iBAAI,EAAC,OAAO,CAAC,OAAO,CACjE,CAAC;QACJ,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,IAAA,kBAAa,EAAC,cAAc,EAAE,IAAA,wBAAS,EAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAChE,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,OAAO,CAAC,GAAG,CACT,GAAG,IAAA,iBAAI,EAAC,IAAA,iBAAI,EAAC,YAAY,CAAC,CAAC,2EAA2E,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAC9H,CAAC;QACJ,CAAC;IACH,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;AACZ,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useColorScheme = useColorScheme;
|
|
4
|
+
const react_native_css_interop_1 = require("react-native-css-interop");
|
|
5
|
+
function useColorScheme() {
|
|
6
|
+
const colorScheme = (0, react_native_css_interop_1.useColorScheme)();
|
|
7
|
+
return {
|
|
8
|
+
...colorScheme,
|
|
9
|
+
setColorScheme(scheme) {
|
|
10
|
+
const darkMode = react_native_css_interop_1.StyleSheet.getFlag("darkMode") ?? "media";
|
|
11
|
+
if (darkMode === "media") {
|
|
12
|
+
throw new Error("Unable to manually set color scheme without using darkMode: class. See: https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually");
|
|
13
|
+
}
|
|
14
|
+
colorScheme?.setColorScheme(scheme);
|
|
15
|
+
},
|
|
16
|
+
toggleColorScheme() {
|
|
17
|
+
const darkMode = react_native_css_interop_1.StyleSheet.getFlag("darkMode") ?? "media";
|
|
18
|
+
if (darkMode === "media") {
|
|
19
|
+
throw new Error("Unable to manually set color scheme without using darkMode: class. See: https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually");
|
|
20
|
+
}
|
|
21
|
+
colorScheme?.toggleColorScheme();
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=stylesheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../src/stylesheet.ts"],"names":[],"mappings":";;AAKA,wCAyBC;AA9BD,uEAGkC;AAElC,SAAgB,cAAc;IAC5B,MAAM,WAAW,GAAG,IAAA,yCAAiB,GAAE,CAAC;IACxC,OAAO;QACL,GAAG,WAAW;QACd,cAAc,CAAC,MAAwD;YACrE,MAAM,QAAQ,GAAG,qCAAU,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC;YAC3D,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;gBACzB,MAAM,IAAI,KAAK,CACb,4IAA4I,CAC7I,CAAC;YACJ,CAAC;YAED,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC;QACD,iBAAiB;YACf,MAAM,QAAQ,GAAG,qCAAU,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC;YAC3D,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;gBACzB,MAAM,IAAI,KAAK,CACb,4IAA4I,CAC7I,CAAC;YACJ,CAAC;YAED,WAAW,EAAE,iBAAiB,EAAE,CAAC;QACnC,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.color = void 0;
|
|
7
|
+
const flattenColorPalette_1 = __importDefault(require("tailwindcss/lib/util/flattenColorPalette"));
|
|
8
|
+
const toColorValue_1 = __importDefault(require("tailwindcss/lib/util/toColorValue"));
|
|
9
|
+
const withAlphaVariable_1 = __importDefault(require("tailwindcss/lib/util/withAlphaVariable"));
|
|
10
|
+
const plugin_1 = __importDefault(require("tailwindcss/plugin"));
|
|
11
|
+
exports.color = (0, plugin_1.default)(function ({ matchUtilities, corePlugins, theme }) {
|
|
12
|
+
matchUtilities({
|
|
13
|
+
color: (value) => {
|
|
14
|
+
if (!corePlugins("textOpacity")) {
|
|
15
|
+
return { color: (0, toColorValue_1.default)(value) };
|
|
16
|
+
}
|
|
17
|
+
return (0, withAlphaVariable_1.default)({
|
|
18
|
+
color: value,
|
|
19
|
+
property: "color",
|
|
20
|
+
variable: "--tw-text-opacity",
|
|
21
|
+
});
|
|
22
|
+
},
|
|
23
|
+
}, { values: (0, flattenColorPalette_1.default)(theme("textColor")), type: ["color", "any"] });
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/tailwind/color.ts"],"names":[],"mappings":";;;;;;AAAA,mGAA2E;AAC3E,qFAA6D;AAC7D,+FAAuE;AACvE,gEAAwC;AAE3B,QAAA,KAAK,GAAG,IAAA,gBAAM,EAAC,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE;IAC1E,cAAc,CACZ;QACE,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC;gBAChC,OAAO,EAAE,KAAK,EAAE,IAAA,sBAAY,EAAC,KAAK,CAAC,EAAE,CAAC;YACxC,CAAC;YAED,OAAO,IAAA,2BAAiB,EAAC;gBACvB,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE,mBAAmB;aAC9B,CAAC,CAAC;QACL,CAAC;KACF,EACD,EAAE,MAAM,EAAE,IAAA,6BAAmB,EAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5E,CAAC;AACJ,CAAC,CAAC,CAAC"}
|