@hanzogui/metro-plugin 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var index_exports = {};
+__export(index_exports, {
+  withGui: () => withGui
+});
+module.exports = __toCommonJS(index_exports);
+var import_static = require("@hanzogui/static");
+function withGui(metroConfig, optionsIn) {
+  const { cssInterop, ...guiOptionsIn } = optionsIn || {};
+  cssInterop && console.warn(
+    "[@hanzogui/metro-plugin] cssInterop option is deprecated. Use `gui generate` to pre-generate CSS instead."
+  );
+  const options = {
+    ...guiOptionsIn,
+    ...(0, import_static.loadGuiBuildConfigSync)(guiOptionsIn)
+  };
+  return metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [.../* @__PURE__ */ new Set([...metroConfig.resolver?.sourceExts || [], "css"])]
+  }, metroConfig.transformer = {
+    ...metroConfig.transformer,
+    gui: options
+  }, metroConfig;
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAwD;AAwCjD,SAAS,QACd,aACA,WACkB;AAClB,QAAM,EAAE,YAAY,GAAG,aAAa,IAAI,aAAa,CAAC;AAEtD,EAAI,cACF,QAAQ;AAAA,IACN;AAAA,EACF;AAGF,QAAM,UAAU;AAAA,IACd,GAAG;AAAA,IACH,OAAG,sCAAuB,YAAY;AAAA,EACxC;AAGA,qBAAY,WAAW;AAAA,IACrB,GAAI,YAAY;AAAA,IAChB,YAAY,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAI,YAAY,UAAU,cAAc,CAAC,GAAI,KAAK,CAAC,CAAC;AAAA,EAC/E,GAGA,YAAY,cAAc;AAAA,IACxB,GAAG,YAAY;AAAA,IACf,KAAK;AAAA,EACP,GAEO;AACT;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,21 @@
+import { loadGuiBuildConfigSync } from "@hanzogui/static";
+function withGui(metroConfig, optionsIn) {
+  const {
+    cssInterop,
+    ...guiOptionsIn
+  } = optionsIn || {};
+  cssInterop && console.warn("[@hanzogui/metro-plugin] cssInterop option is deprecated. Use `gui generate` to pre-generate CSS instead.");
+  const options = {
+    ...guiOptionsIn,
+    ...loadGuiBuildConfigSync(guiOptionsIn)
+  };
+  return metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [... /* @__PURE__ */new Set([...(metroConfig.resolver?.sourceExts || []), "css"])]
+  }, metroConfig.transformer = {
+    ...metroConfig.transformer,
+    gui: options
+  }, metroConfig;
+}
+export { withGui };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["loadGuiBuildConfigSync","withGui","metroConfig","optionsIn","cssInterop","guiOptionsIn","console","warn","options","resolver","sourceExts","Set","transformer","gui"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,sBAAA,QAA+C;AAwCjD,SAASC,QACdC,WAAA,EACAC,SAAA,EACkB;EAClB,MAAM;IAAEC,UAAA;IAAY,GAAGC;EAAa,IAAIF,SAAA,IAAa,CAAC;EAElDC,UAAA,IACFE,OAAA,CAAQC,IAAA,CACN,2GACF;EAGF,MAAMC,OAAA,GAAU;IACd,GAAGH,YAAA;IACH,GAAGL,sBAAA,CAAuBK,YAAY;EACxC;EAGA,OAAAH,WAAA,CAAYO,QAAA,GAAW;IACrB,GAAIP,WAAA,CAAYO,QAAA;IAChBC,UAAA,EAAY,CAAC,IAAG,mBAAIC,GAAA,CAAI,CAAC,IAAIT,WAAA,CAAYO,QAAA,EAAUC,UAAA,IAAc,EAAC,GAAI,KAAK,CAAC,CAAC;EAC/E,GAGAR,WAAA,CAAYU,WAAA,GAAc;IACxB,GAAGV,WAAA,CAAYU,WAAA;IACfC,GAAA,EAAKL;EACP,GAEON,WAAA;AACT","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,21 @@
+import { loadGuiBuildConfigSync } from "@hanzogui/static";
+function withGui(metroConfig, optionsIn) {
+  const {
+    cssInterop,
+    ...guiOptionsIn
+  } = optionsIn || {};
+  cssInterop && console.warn("[@hanzogui/metro-plugin] cssInterop option is deprecated. Use `gui generate` to pre-generate CSS instead.");
+  const options = {
+    ...guiOptionsIn,
+    ...loadGuiBuildConfigSync(guiOptionsIn)
+  };
+  return metroConfig.resolver = {
+    ...metroConfig.resolver,
+    sourceExts: [... /* @__PURE__ */new Set([...(metroConfig.resolver?.sourceExts || []), "css"])]
+  }, metroConfig.transformer = {
+    ...metroConfig.transformer,
+    gui: options
+  }, metroConfig;
+}
+export { withGui };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["loadGuiBuildConfigSync","withGui","metroConfig","optionsIn","cssInterop","guiOptionsIn","console","warn","options","resolver","sourceExts","Set","transformer","gui"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,sBAAA,QAA+C;AAwCjD,SAASC,QACdC,WAAA,EACAC,SAAA,EACkB;EAClB,MAAM;IAAEC,UAAA;IAAY,GAAGC;EAAa,IAAIF,SAAA,IAAa,CAAC;EAElDC,UAAA,IACFE,OAAA,CAAQC,IAAA,CACN,2GACF;EAGF,MAAMC,OAAA,GAAU;IACd,GAAGH,YAAA;IACH,GAAGL,sBAAA,CAAuBK,YAAY;EACxC;EAGA,OAAAH,WAAA,CAAYO,QAAA,GAAW;IACrB,GAAIP,WAAA,CAAYO,QAAA;IAChBC,UAAA,EAAY,CAAC,IAAG,mBAAIC,GAAA,CAAI,CAAC,IAAIT,WAAA,CAAYO,QAAA,EAAUC,UAAA,IAAc,EAAC,GAAI,KAAK,CAAC,CAAC;EAC/E,GAGAR,WAAA,CAAYU,WAAA,GAAc;IACxB,GAAGV,WAAA,CAAYU,WAAA;IACfC,GAAA,EAAKL;EACP,GAEON,WAAA;AACT","ignoreList":[]}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@hanzogui/metro-plugin",
+  "version": "2.0.0",
+  "license": "MIT",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build --skip-native",
+    "watch": "hanzo-gui-build --skip-native --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/static": "workspace:*"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "workspace:*"
+  }
+}

package/src/index.ts

@@ -0,0 +1,71 @@
+import { loadGuiBuildConfigSync, type GuiOptions } from '@hanzogui/static'
+
+export type MetroGuiOptions = GuiOptions & {
+  /**
+   * @deprecated CSS interop is no longer supported. Use `gui generate` instead.
+   */
+  cssInterop?: boolean
+}
+
+// Use a loose type for metro config to avoid version-specific type incompatibilities
+type MetroConfigInput = {
+  resolver?: any
+  transformer?: any
+  transformerPath?: string
+  [key: string]: any
+}
+
+/**
+ * Configure Metro for Gui.
+ *
+ * This is now a simplified wrapper that just ensures CSS is enabled and
+ * loads your Hanzo GUI config. For CSS generation, use the CLI:
+ *
+ * 1. Create a `gui.build.ts` with `outputCSS` option
+ * 2. Run `gui generate` before your build
+ * 3. Import the generated CSS in your app's layout
+ *
+ * @example
+ * ```js
+ * // metro.config.js
+ * const { getDefaultConfig } = require('expo/metro-config')
+ * const { withGui } = require('@hanzogui/metro-plugin')
+ *
+ * const config = getDefaultConfig(__dirname, { isCSSEnabled: true })
+ * module.exports = withGui(config, {
+ *   components: ['@hanzo/gui'],
+ *   config: './gui.config.ts',
+ * })
+ * ```
+ */
+export function withGui(
+  metroConfig: MetroConfigInput,
+  optionsIn?: MetroGuiOptions
+): MetroConfigInput {
+  const { cssInterop, ...guiOptionsIn } = optionsIn || {}
+
+  if (cssInterop) {
+    console.warn(
+      '[@hanzogui/metro-plugin] cssInterop option is deprecated. Use `gui generate` to pre-generate CSS instead.'
+    )
+  }
+
+  const options = {
+    ...guiOptionsIn,
+    ...loadGuiBuildConfigSync(guiOptionsIn),
+  }
+
+  // Ensure CSS files can be resolved
+  metroConfig.resolver = {
+    ...(metroConfig.resolver as any),
+    sourceExts: [...new Set([...(metroConfig.resolver?.sourceExts || []), 'css'])],
+  }
+
+  // Store hanzo-gui options for potential use by other tools
+  metroConfig.transformer = {
+    ...metroConfig.transformer,
+    gui: options,
+  }
+
+  return metroConfig
+}

package/types/index.d.ts

@@ -0,0 +1,39 @@
+import { type GuiOptions } from '@hanzogui/static';
+export type MetroGuiOptions = GuiOptions & {
+    /**
+     * @deprecated CSS interop is no longer supported. Use `gui generate` instead.
+     */
+    cssInterop?: boolean;
+};
+type MetroConfigInput = {
+    resolver?: any;
+    transformer?: any;
+    transformerPath?: string;
+    [key: string]: any;
+};
+/**
+ * Configure Metro for Gui.
+ *
+ * This is now a simplified wrapper that just ensures CSS is enabled and
+ * loads your Hanzo GUI config. For CSS generation, use the CLI:
+ *
+ * 1. Create a `gui.build.ts` with `outputCSS` option
+ * 2. Run `gui generate` before your build
+ * 3. Import the generated CSS in your app's layout
+ *
+ * @example
+ * ```js
+ * // metro.config.js
+ * const { getDefaultConfig } = require('expo/metro-config')
+ * const { withGui } = require('@hanzogui/metro-plugin')
+ *
+ * const config = getDefaultConfig(__dirname, { isCSSEnabled: true })
+ * module.exports = withGui(config, {
+ *   components: ['@hanzo/gui'],
+ *   config: './gui.config.ts',
+ * })
+ * ```
+ */
+export declare function withGui(metroConfig: MetroConfigInput, optionsIn?: MetroGuiOptions): MetroConfigInput;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE1E,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IACzC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAGD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,OAAO,CACrB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,CAAC,EAAE,eAAe,GAC1B,gBAAgB,CA2BlB"}