@niibase/uniwind 1.0.0

package/dist/metro/index.mjs

@@ -0,0 +1,158 @@
+import FileStoreBase from 'metro-cache/private/stores/FileStore';
+import os from 'os';
+import path from 'path';
+import { sep, basename, resolve } from 'node:path';
+import { n as name, u as uniq } from '../shared/uniwind.D3fvrgEG.mjs';
+import { P as Platform } from '../shared/uniwind.CyoRUwOj.mjs';
+
+class FileStore extends FileStoreBase {
+  async set(key, value) {
+    if (value?.output?.[0]?.data?.css?.skipCache) {
+      return;
+    }
+    return super.set(key, value);
+  }
+}
+const cacheStore = new FileStore({
+  root: path.join(os.tmpdir(), "metro-cache")
+});
+const patchMetroGraphToSupportUncachedModules = () => {
+  const { Graph } = require("metro/private/DeltaBundler/Graph");
+  const original_traverseDependencies = Graph.prototype.traverseDependencies;
+  if (original_traverseDependencies.__patched) {
+    return;
+  }
+  original_traverseDependencies.__patched = true;
+  function traverseDependencies(paths, options) {
+    this.dependencies.forEach((dependency) => {
+      if (dependency.output.find((file) => file.data.css?.skipCache === true) && !paths.includes(dependency.path)) {
+        dependency.unstable_transformResultKey = `${dependency.unstable_transformResultKey}.`;
+        paths.push(dependency.path);
+      }
+    });
+    return original_traverseDependencies.call(this, paths, options);
+  }
+  Graph.prototype.traverseDependencies = traverseDependencies;
+  traverseDependencies.__patched = true;
+};
+
+const thisModuleDist = resolve(__dirname, "../../dist");
+const thisModuleSrc = resolve(__dirname, "../../src");
+const isFromThisModule = (filename) => filename.startsWith(thisModuleDist) || filename.startsWith(thisModuleSrc);
+const SUPPORTED_COMPONENTS = [
+  "ActivityIndicator",
+  "Button",
+  "FlatList",
+  "Image",
+  "ImageBackground",
+  "InputAccessoryView",
+  "KeyboardAvoidingView",
+  "Modal",
+  "Pressable",
+  "RefreshControl",
+  "SafeAreaView",
+  "ScrollView",
+  "SectionList",
+  "Switch",
+  "Text",
+  "TextInput",
+  "TouchableHighlight",
+  "TouchableNativeFeedback",
+  "TouchableOpacity",
+  "TouchableWithoutFeedback",
+  "View",
+  "VirtualizedList"
+];
+const nativeResolver = ({
+  context,
+  moduleName,
+  platform,
+  resolver
+}) => {
+  const resolution = resolver(context, moduleName, platform);
+  const isInternal = isFromThisModule(context.originModulePath);
+  const isReactNativeIndex = context.originModulePath.endsWith(
+    `react-native${sep}index.js`
+  );
+  if (isInternal || resolution.type !== "sourceFile" || isReactNativeIndex) {
+    return resolution;
+  }
+  if (moduleName === "react-native") {
+    return resolver(context, `${name}/components`, platform);
+  }
+  if (resolution.filePath.includes(`${sep}react-native${sep}Libraries${sep}`)) {
+    const filename = basename(resolution.filePath.split(sep).at(-1) ?? "");
+    const module = filename.split(".").at(0);
+    if (module !== void 0 && SUPPORTED_COMPONENTS.includes(module)) {
+      return resolver(context, `${name}/components/${module}`, platform);
+    }
+  }
+  return resolution;
+};
+const webResolver = ({
+  context,
+  moduleName,
+  platform,
+  resolver
+}) => {
+  const resolution = resolver(context, moduleName, platform);
+  if (isFromThisModule(context.originModulePath) || resolution.type !== "sourceFile" || !resolution.filePath.includes(`${sep}react-native-web${sep}`)) {
+    return resolution;
+  }
+  const segments = resolution.filePath.split(sep);
+  const isIndex = segments.at(-1)?.startsWith("index.");
+  const module = segments.at(-2);
+  if (!isIndex || module === void 0 || !SUPPORTED_COMPONENTS.includes(module) || context.originModulePath.endsWith(`${module}${sep}index.js`)) {
+    return resolution;
+  }
+  return resolver(context, `${name}/components/${module}`, platform);
+};
+
+const withUniwindConfig = (config, uniwindConfig) => {
+  uniwindConfig.themes = uniq([
+    "light",
+    "dark",
+    ...uniwindConfig.extraThemes ?? []
+  ]);
+  patchMetroGraphToSupportUncachedModules();
+  if (typeof uniwindConfig === "undefined") {
+    throw new Error("Uniwind: You need to pass second parameter to withUniwindConfig");
+  }
+  if (typeof uniwindConfig.cssEntryFile === "undefined") {
+    throw new Error(
+      'Uniwind: You need to pass css css entry file to withUniwindConfig, e.g. withUniwindConfig(config, { cssEntryFile: "./global.css" })'
+    );
+  }
+  return {
+    ...config,
+    cacheStores: [cacheStore],
+    transformerPath: require.resolve("./metro-transformer.cjs"),
+    transformer: {
+      ...config.transformer,
+      uniwind: uniwindConfig
+    },
+    resolver: {
+      ...config.resolver,
+      sourceExts: [
+        ...config.resolver?.sourceExts ?? [],
+        "css"
+      ],
+      assetExts: config.resolver?.assetExts?.filter(
+        (ext) => ext !== "css"
+      ),
+      resolveRequest: (context, moduleName, platform) => {
+        const resolver = config.resolver?.resolveRequest ?? context.resolveRequest;
+        const platformResolver = platform === Platform.Web ? webResolver : nativeResolver;
+        const resolved = platformResolver({
+          context,
+          moduleName,
+          platform,
+          resolver
+        });
+        return resolved;
+      }
+    }
+  };
+};
+
+export { withUniwindConfig };