expo-module-template 10.7.13 → 10.8.0

package/$.gitignore

@@ -0,0 +1,61 @@
+# OSX
+#
+.DS_Store
+
+# VSCode
+.vscode/
+jsconfig.json
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IJ
+#
+.classpath
+.cxx
+.gradle
+.idea
+.project
+.settings
+local.properties
+android.iml
+
+# Cocoapods
+#
+example/ios/Pods
+
+# Ruby
+example/vendor/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+android/app/libs
+android/keystores/debug.keystore
+
+# Expo
+.expo/*

package/$.npmignore

@@ -0,0 +1,11 @@
+# Exclude all top-level hidden directories by convention
+/.*/
+
+__mocks__
+__tests__
+
+/babel.config.js
+/android/src/androidTest/
+/android/src/test/
+/android/build/
+/example/

package/$package.json

@@ -2,8 +2,8 @@
   "name": "<%- project.slug %>",
   "version": "<%- project.version %>",
   "description": "<%- project.description %>",
-  "main": "build/<%- project.name %>.js",
-  "types": "build/<%- project.name %>.d.ts",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/android/src/main/java/{%= project.package %}/{{%- project.name %}Module.kt → {%- project.moduleName %}.kt }

@@ -3,7 +3,7 @@ package <%- project.package %>
 import expo.modules.kotlin.modules.Module
 import expo.modules.kotlin.modules.ModuleDefinition
 
-class <%- project.name %>Module : Module() {
+class <%- project.moduleName %> : Module() {
   // Each module class must implement the definition function. The definition consists of components
   // that describes the module's functionality and behavior.
   // See https://docs.expo.dev/modules/module-api for more details about available components.
@@ -37,9 +37,9 @@ class <%- project.name %>Module : Module() {
 
     // Enables the module to be used as a native view. Definition components that are accepted as part of
     // the view definition: Prop, Events.
-    View(<%- project.name %>View::class) {
+    View(<%- project.viewName %>::class) {
       // Defines a setter for the `name` prop.
-      Prop("name") { view: <%- project.name %>View, prop: String ->
+      Prop("name") { view: <%- project.viewName %>, prop: String ->
         println(prop)
       }
     }

package/android/src/main/java/{%= project.package %}/{{%- project.name %}View.kt → {%- project.viewName %}.kt }

@@ -4,4 +4,4 @@ import android.content.Context
 import expo.modules.kotlin.AppContext
 import expo.modules.kotlin.views.ExpoView
 
-class <%- project.name %>View(context: Context, appContext: AppContext) : ExpoView(context, appContext)
+class <%- project.viewName %>(context: Context, appContext: AppContext) : ExpoView(context, appContext)

package/example/babel.config.js

@@ -10,7 +10,7 @@ module.exports = function (api) {
           extensions: ['.tsx', '.ts', '.js', '.json'],
           alias: {
             // For development, we want to alias the library to the source
-            '<%- project.slug %>': path.join(__dirname, '..', 'src', '<%- project.name %>.ts'),
+            '<%- project.slug %>': path.join(__dirname, '..', 'src', 'index.ts'),
           },
         },
       ],

package/example/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "strict": true,
     "paths": {
-      "<%- project.slug %>": ["../src/<%- project.name %>"],
+      "<%- project.slug %>": ["../src/index"],
       "<%- project.slug %>/*": ["../src/*"]
     }
   }

package/expo-module.config.json

@@ -1,9 +1,9 @@
 {
   "platforms": ["ios", "android", "web"],
   "ios": {
-    "modules": ["<%- project.name %>Module"]
+    "modules": ["<%- project.moduleName %>"]
   },
   "android": {
-    "modules": ["<%- project.package %>.<%- project.name %>Module"]
+    "modules": ["<%- project.package %>.<%- project.moduleName %>"]
   }
 }

package/ios/{{%- project.name %}Module.swift → {%- project.moduleName %}.swift }

@@ -1,6 +1,6 @@
 import ExpoModulesCore
 
-public class <%- project.name %>Module: Module {
+public class <%- project.moduleName %>: Module {
   // Each module class must implement the definition function. The definition consists of components
   // that describes the module's functionality and behavior.
   // See https://docs.expo.dev/modules/module-api for more details about available components.
@@ -34,9 +34,9 @@ public class <%- project.name %>Module: Module {
 
     // Enables the module to be used as a native view. Definition components that are accepted as part of the
     // view definition: Prop, Events.
-    View(<%- project.name %>View.self) {
+    View(<%- project.viewName %>.self) {
       // Defines a setter for the `name` prop.
-      Prop("name") { (view: <%- project.name %>View, prop: String) in
+      Prop("name") { (view: <%- project.viewName %>, prop: String) in
         print(prop)
       }
     }

package/ios/{%- project.name %}.podspec

@@ -22,11 +22,6 @@ Pod::Spec.new do |s|
     'DEFINES_MODULE' => 'YES',
     'SWIFT_COMPILATION_MODE' => 'wholemodule'
   }
-
-  if !$ExpoUseSources&.include?(package['name']) && ENV['EXPO_USE_SOURCE'].to_i == 0 && File.exist?("#{s.name}.xcframework") && Gem::Version.new(Pod::VERSION) >= Gem::Version.new('1.10.0')
-    s.source_files = "**/*.h"
-    s.vendored_frameworks = "#{s.name}.xcframework"
-  else
-    s.source_files = "**/*.{h,m,swift}"
-  end
+  
+  s.source_files = "**/*.{h,m,swift}"
 end

package/ios/{{%- project.name %}View.swift → {%- project.viewName %}.swift }

@@ -2,6 +2,6 @@ import ExpoModulesCore
 
 // This view will be used as a native component. Make sure to inherit from `ExpoView`
 // to apply the proper styling (e.g. border radius and shadows).
-class <%- project.name %>View: ExpoView {
+class <%- project.viewName %>: ExpoView {
   
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-module-template",
-  "version": "10.7.13",
+  "version": "10.8.0",
   "description": "ExpoModuleTemplate standalone module",
   "main": "build/ModuleTemplate.js",
   "types": "build/ModuleTemplate.d.ts",
@@ -24,5 +24,5 @@
   "dependencies": {},
   "devDependencies": {},
   "peerDependencies": {},
-  "gitHead": "1bc67275465be02dd20df306091bdb4d7f798278"
+  "gitHead": "caf250e77e77fd1d4e03d10f31f5b10857654e70"
 }

package/src/index.ts

@@ -0,0 +1,26 @@
+import { NativeModulesProxy, EventEmitter, Subscription } from 'expo-modules-core';
+
+// Import the native module. On web, it will be resolved to <%- project.name %>.web.ts
+// and on native platforms to <%- project.name %>.ts
+import <%- project.moduleName %> from './<%- project.moduleName %>';
+import <%- project.viewName %> from './<%- project.viewName %>';
+import { ChangeEventPayload, <%- project.viewName %>Props } from './<%- project.name %>.types';
+
+// Get the native constant value.
+export const PI = <%- project.moduleName %>.PI;
+
+export function hello(): string {
+  return <%- project.moduleName %>.hello();
+}
+
+export async function setValueAsync(value: string) {
+  return await <%- project.moduleName %>.setValueAsync(value);
+}
+
+const emitter = new EventEmitter(<%- project.moduleName %> ?? NativeModulesProxy.<%- project.name %>);
+
+export function addChangeListener(listener: (event: ChangeEventPayload) => void): Subscription {
+  return emitter.addListener<ChangeEventPayload>('onChange', listener);
+}
+
+export { <%- project.viewName %>, <%- project.viewName %>Props, ChangeEventPayload };

package/src/{%- project.name %}.types.ts

@@ -2,6 +2,6 @@ export type ChangeEventPayload = {
   value: string;
 };
 
-export type <%- project.name %>ViewProps = {
+export type <%- project.viewName %>Props = {
   name: string;
 };

package/src/{%- project.viewName %}.tsx

@@ -0,0 +1,11 @@
+import { requireNativeViewManager } from 'expo-modules-core';
+import * as React from 'react';
+
+import { <%- project.viewName %>Props } from './<%- project.name %>.types';
+
+const NativeView: React.ComponentType<<%- project.viewName %>Props> =
+  requireNativeViewManager('<%- project.name %>');
+
+export default function <%- project.viewName %>(props: <%- project.viewName %>Props) {
+  return <NativeView {...props} />;
+}

package/src/{%- project.viewName %}.web.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+import { <%- project.viewName %>Props } from './<%- project.name %>.types';
+
+export default function <%- project.viewName %>(props: <%- project.viewName %>Props) {
+  return (
+    <div>
+      <span>{props.name}</span>
+    </div>
+  );
+}

package/src/{%- project.name %}.ts

@@ -1,29 +0,0 @@
-import { NativeModulesProxy, EventEmitter, Subscription } from 'expo-modules-core';
-
-// Import the native module. On web, it will be resolved to <%- project.name %>.web.ts
-// and on native platforms to <%- project.name %>.ts
-import <%- project.name %> from './<%- project.name %>Module';
-import <%- project.name %>View from './<%- project.name %>View';
-import { ChangeEventPayload, <%- project.name %>ViewProps } from './<%- project.name %>.types';
-
-// Get the native constant value.
-export const PI = <%- project.name %>.PI;
-
-export function hello(): string {
-  return <%- project.name %>.hello();
-}
-
-export async function setValueAsync(value: string) {
-  return await <%- project.name %>.setValueAsync(value);
-}
-
-// For now the events are not going through the JSI, so we have to use its bridge equivalent.
-// This will be fixed in the stable release and built into the module object.
-// Note: On web, NativeModulesProxy.<%- project.name %> is undefined, so we fall back to the directly imported implementation
-const emitter = new EventEmitter(NativeModulesProxy.<%- project.name %> ?? <%- project.name %>);
-
-export function addChangeListener(listener: (event: ChangeEventPayload) => void): Subscription {
-  return emitter.addListener<ChangeEventPayload>('onChange', listener);
-}
-
-export { <%- project.name %>View, <%- project.name %>ViewProps, ChangeEventPayload };

package/src/{%- project.name %}View.tsx

@@ -1,11 +0,0 @@
-import { requireNativeViewManager } from 'expo-modules-core';
-import * as React from 'react';
-
-import { <%- project.name %>ViewProps } from './<%- project.name %>.types';
-
-const NativeView: React.ComponentType<<%- project.name %>ViewProps> =
-  requireNativeViewManager('<%- project.name %>');
-
-export default function <%- project.name %>View(props: <%- project.name %>ViewProps) {
-  return <NativeView name={props.name} />;
-}

package/src/{%- project.name %}View.web.tsx

@@ -1,13 +0,0 @@
-import * as React from 'react';
-
-import { <%- project.name %>ViewProps } from './<%- project.name %>.types';
-
-function <%- project.name %>WebView(props: <%- project.name %>ViewProps) {
-  return (
-    <div>
-      <span>{props.name}</span>
-    </div>
-  );
-}
-
-export default <%- project.name %>WebView;