Page MenuHomePhabricator
Differential D14468

[native] Add MediaModule expo module
ClosedPublic
Actions

Authored by angelika on Thu, Mar 20, 4:30 AM.
Tags
None
Referenced Files
F5700225: D14468.id47544.diff
Mon, Apr 14, 2:30 AM
Unknown Object (File)
Sun, Apr 13, 4:26 PM
Unknown Object (File)
Thu, Apr 10, 2:19 AM
Unknown Object (File)
Wed, Apr 9, 11:24 PM
Unknown Object (File)
Tue, Apr 8, 1:15 PM
Unknown Object (File)
Mon, Apr 7, 2:43 PM
Unknown Object (File)
Sun, Apr 6, 9:08 AM
Unknown Object (File)
Sun, Apr 6, 12:31 AM
View All 26 Files
Subscribers
ashoat
tomek

Details

Reviewers
bartek
Commits
rCOMM7be92c55a5d9: [native] Add MediaModule expo module
Summary

https://linear.app/comm/issue/ENG-10314/migrate-comm-app-to-use-new-media-module

Just some boilerplate, I based the module structure on existing expo modules in the app.

Test Plan

Build the app

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Revision Contents
Changeset List

PathSize
native/
expo-modules/
comm-expo-package/
android/
src/
main/
java/
app/
comm/
android/
media/
18 lines
10 lines
ios/
13 lines
utils/
6 lines

Diff 47594

View Options

native/expo-modules/comm-expo-package/android/src/main/java/app/comm/android/media/MediaModule.kt

Show First 20 Lines • Show All 85 Lines • ▼ Show 20 Lines output: {
filename: 'app.build.cjs', filename: 'app.build.cjs',
library: 'app', library: 'app',
libraryTarget: 'commonjs2', libraryTarget: 'commonjs2',
path: path.join(__dirname, 'dist'), path: path.join(__dirname, 'dist'),
}, },
}; };
const baseWebWorkersConfig = { const baseWebWorkersConfig = {
plugins: [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist'),
},
],
}),
],
entry: { entry: {
pushNotif: './push-notif/service-worker.js', pushNotif: './push-notif/service-worker.js',
database: './database/worker/db-worker.js', database: './database/worker/db-worker.js',
}, },
output: { output: {
filename: '[name].build.js', filename: '[name].build.js',
path: path.join(__dirname, 'dist', 'webworkers'), path: path.join(__dirname, 'dist', 'webworkers'),
}, },
resolve: { resolve: {
fallback: { fallback: {
crypto: false, crypto: false,
fs: false, fs: false,
path: false, path: false,
}, },
}, },
}; };
const devWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist', 'webworkers'),
},
],
}),
];
const prodWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(
__dirname,
'dist',
'webworkers',
'sql-wasm.[contenthash:12].wasm',
),
},
],
}),
new WebpackManifestPlugin({
publicPath: '',
}),
];
module.exports = function (env) { module.exports = function (env) {
const browserConfig = env.prod const browserConfig = env.prod
? createProdBrowserConfig(baseProdBrowserConfig, babelConfig) ? createProdBrowserConfig(baseProdBrowserConfig, babelConfig)
: createDevBrowserConfig(baseDevBrowserConfig, babelConfig); : createDevBrowserConfig(baseDevBrowserConfig, babelConfig);
const nodeConfig = createNodeServerRenderingConfig( const nodeConfig = createNodeServerRenderingConfig(
baseNodeServerRenderingConfig, baseNodeServerRenderingConfig,
babelConfig, babelConfig,
); );
const nodeServerRenderingConfig = { const nodeServerRenderingConfig = {
...nodeConfig, ...nodeConfig,
mode: env.prod ? 'production' : 'development', mode: env.prod ? 'production' : 'development',
}; };
const workersConfig = {
...baseWebWorkersConfig,
plugins: env.prod ? prodWebWorkersPlugins : devWebWorkersPlugins,
};
const webWorkersConfig = createWebWorkersConfig( const webWorkersConfig = createWebWorkersConfig(
env, env,
baseWebWorkersConfig, workersConfig,
babelConfig, babelConfig,
); );
return [browserConfig, nodeServerRenderingConfig, webWorkersConfig]; return [browserConfig, nodeServerRenderingConfig, webWorkersConfig];
}; };
View Options

native/expo-modules/comm-expo-package/expo-module.config.json

Show First 20 Lines • Show All 85 Lines • ▼ Show 20 Lines output: {
filename: 'app.build.cjs', filename: 'app.build.cjs',
library: 'app', library: 'app',
libraryTarget: 'commonjs2', libraryTarget: 'commonjs2',
path: path.join(__dirname, 'dist'), path: path.join(__dirname, 'dist'),
}, },
}; };
const baseWebWorkersConfig = { const baseWebWorkersConfig = {
plugins: [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist'),
},
],
}),
],
entry: { entry: {
pushNotif: './push-notif/service-worker.js', pushNotif: './push-notif/service-worker.js',
database: './database/worker/db-worker.js', database: './database/worker/db-worker.js',
}, },
output: { output: {
filename: '[name].build.js', filename: '[name].build.js',
path: path.join(__dirname, 'dist', 'webworkers'), path: path.join(__dirname, 'dist', 'webworkers'),
}, },
resolve: { resolve: {
fallback: { fallback: {
crypto: false, crypto: false,
fs: false, fs: false,
path: false, path: false,
}, },
}, },
}; };
const devWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist', 'webworkers'),
},
],
}),
];
const prodWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(
__dirname,
'dist',
'webworkers',
'sql-wasm.[contenthash:12].wasm',
),
},
],
}),
new WebpackManifestPlugin({
publicPath: '',
}),
];
module.exports = function (env) { module.exports = function (env) {
const browserConfig = env.prod const browserConfig = env.prod
? createProdBrowserConfig(baseProdBrowserConfig, babelConfig) ? createProdBrowserConfig(baseProdBrowserConfig, babelConfig)
: createDevBrowserConfig(baseDevBrowserConfig, babelConfig); : createDevBrowserConfig(baseDevBrowserConfig, babelConfig);
const nodeConfig = createNodeServerRenderingConfig( const nodeConfig = createNodeServerRenderingConfig(
baseNodeServerRenderingConfig, baseNodeServerRenderingConfig,
babelConfig, babelConfig,
); );
const nodeServerRenderingConfig = { const nodeServerRenderingConfig = {
...nodeConfig, ...nodeConfig,
mode: env.prod ? 'production' : 'development', mode: env.prod ? 'production' : 'development',
}; };
const workersConfig = {
...baseWebWorkersConfig,
plugins: env.prod ? prodWebWorkersPlugins : devWebWorkersPlugins,
};
const webWorkersConfig = createWebWorkersConfig( const webWorkersConfig = createWebWorkersConfig(
env, env,
baseWebWorkersConfig, workersConfig,
babelConfig, babelConfig,
); );
return [browserConfig, nodeServerRenderingConfig, webWorkersConfig]; return [browserConfig, nodeServerRenderingConfig, webWorkersConfig];
}; };
View Options

native/expo-modules/comm-expo-package/ios/MediaModule.swift

Show First 20 Lines • Show All 85 Lines • ▼ Show 20 Lines output: {
filename: 'app.build.cjs', filename: 'app.build.cjs',
library: 'app', library: 'app',
libraryTarget: 'commonjs2', libraryTarget: 'commonjs2',
path: path.join(__dirname, 'dist'), path: path.join(__dirname, 'dist'),
}, },
}; };
const baseWebWorkersConfig = { const baseWebWorkersConfig = {
plugins: [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist'),
},
],
}),
],
entry: { entry: {
pushNotif: './push-notif/service-worker.js', pushNotif: './push-notif/service-worker.js',
database: './database/worker/db-worker.js', database: './database/worker/db-worker.js',
}, },
output: { output: {
filename: '[name].build.js', filename: '[name].build.js',
path: path.join(__dirname, 'dist', 'webworkers'), path: path.join(__dirname, 'dist', 'webworkers'),
}, },
resolve: { resolve: {
fallback: { fallback: {
crypto: false, crypto: false,
fs: false, fs: false,
path: false, path: false,
}, },
}, },
}; };
const devWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist', 'webworkers'),
},
],
}),
];
const prodWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(
__dirname,
'dist',
'webworkers',
'sql-wasm.[contenthash:12].wasm',
),
},
],
}),
new WebpackManifestPlugin({
publicPath: '',
}),
];
module.exports = function (env) { module.exports = function (env) {
const browserConfig = env.prod const browserConfig = env.prod
? createProdBrowserConfig(baseProdBrowserConfig, babelConfig) ? createProdBrowserConfig(baseProdBrowserConfig, babelConfig)
: createDevBrowserConfig(baseDevBrowserConfig, babelConfig); : createDevBrowserConfig(baseDevBrowserConfig, babelConfig);
const nodeConfig = createNodeServerRenderingConfig( const nodeConfig = createNodeServerRenderingConfig(
baseNodeServerRenderingConfig, baseNodeServerRenderingConfig,
babelConfig, babelConfig,
); );
const nodeServerRenderingConfig = { const nodeServerRenderingConfig = {
...nodeConfig, ...nodeConfig,
mode: env.prod ? 'production' : 'development', mode: env.prod ? 'production' : 'development',
}; };
const workersConfig = {
...baseWebWorkersConfig,
plugins: env.prod ? prodWebWorkersPlugins : devWebWorkersPlugins,
};
const webWorkersConfig = createWebWorkersConfig( const webWorkersConfig = createWebWorkersConfig(
env, env,
baseWebWorkersConfig, workersConfig,
babelConfig, babelConfig,
); );
return [browserConfig, nodeServerRenderingConfig, webWorkersConfig]; return [browserConfig, nodeServerRenderingConfig, webWorkersConfig];
}; };
View Options

native/utils/media-module.js

Show First 20 Lines • Show All 85 Lines • ▼ Show 20 Lines output: {
filename: 'app.build.cjs', filename: 'app.build.cjs',
library: 'app', library: 'app',
libraryTarget: 'commonjs2', libraryTarget: 'commonjs2',
path: path.join(__dirname, 'dist'), path: path.join(__dirname, 'dist'),
}, },
}; };
const baseWebWorkersConfig = { const baseWebWorkersConfig = {
plugins: [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist'),
},
],
}),
],
entry: { entry: {
pushNotif: './push-notif/service-worker.js', pushNotif: './push-notif/service-worker.js',
database: './database/worker/db-worker.js', database: './database/worker/db-worker.js',
}, },
output: { output: {
filename: '[name].build.js', filename: '[name].build.js',
path: path.join(__dirname, 'dist', 'webworkers'), path: path.join(__dirname, 'dist', 'webworkers'),
}, },
resolve: { resolve: {
fallback: { fallback: {
crypto: false, crypto: false,
fs: false, fs: false,
path: false, path: false,
}, },
}, },
}; };
const devWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(__dirname, 'dist', 'webworkers'),
},
],
}),
];
const prodWebWorkersPlugins = [
new CopyPlugin({
patterns: [
{
from: 'node_modules/sql.js/dist/sql-wasm.wasm',
to: path.join(
__dirname,
'dist',
'webworkers',
'sql-wasm.[contenthash:12].wasm',
),
},
],
}),
new WebpackManifestPlugin({
publicPath: '',
}),
];
module.exports = function (env) { module.exports = function (env) {
const browserConfig = env.prod const browserConfig = env.prod
? createProdBrowserConfig(baseProdBrowserConfig, babelConfig) ? createProdBrowserConfig(baseProdBrowserConfig, babelConfig)
: createDevBrowserConfig(baseDevBrowserConfig, babelConfig); : createDevBrowserConfig(baseDevBrowserConfig, babelConfig);
const nodeConfig = createNodeServerRenderingConfig( const nodeConfig = createNodeServerRenderingConfig(
baseNodeServerRenderingConfig, baseNodeServerRenderingConfig,
babelConfig, babelConfig,
); );
const nodeServerRenderingConfig = { const nodeServerRenderingConfig = {
...nodeConfig, ...nodeConfig,
mode: env.prod ? 'production' : 'development', mode: env.prod ? 'production' : 'development',
}; };
const workersConfig = {
...baseWebWorkersConfig,
plugins: env.prod ? prodWebWorkersPlugins : devWebWorkersPlugins,
};
const webWorkersConfig = createWebWorkersConfig( const webWorkersConfig = createWebWorkersConfig(
env, env,
baseWebWorkersConfig, workersConfig,
babelConfig, babelConfig,
); );
return [browserConfig, nodeServerRenderingConfig, webWorkersConfig]; return [browserConfig, nodeServerRenderingConfig, webWorkersConfig];
}; };