@linktr.ee/create-link-app 0.2.2 → 0.3.0-next.1

package/README.md

@@ -24,7 +24,7 @@ yarn create @linktr.ee/create-link-app my-link-app
 * [`create-link-app deploy`](#create-link-app-deploy)
 * [`create-link-app dev`](#create-link-app-dev)
 * [`create-link-app grant-access LINK_APP_ID USERNAME`](#create-link-app-grant-access-link_app_id-username)
-* [`create-link-app help [COMMAND]`](#create-link-app-help-command)
+* [`create-link-app help [COMMANDS]`](#create-link-app-help-commands)
 * [`create-link-app login`](#create-link-app-login)
 * [`create-link-app logout`](#create-link-app-logout)
 
@@ -125,16 +125,16 @@ EXAMPLES
   $ create-link-app grant-access my-link-app friend
 ```
 
-## `create-link-app help [COMMAND]`
+## `create-link-app help [COMMANDS]`
 
 Display help for create-link-app.
 
 ```
 USAGE
-  $ create-link-app help [COMMAND] [-n]
+  $ create-link-app help [COMMANDS] [-n]
 
 ARGUMENTS
-  COMMAND  Command to show help for.
+  COMMANDS  Command to show help for.
 
 FLAGS
   -n, --nested-commands  Include all nested commands in the output.
@@ -143,7 +143,7 @@ DESCRIPTION
   Display help for create-link-app.
 ```
 
-_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v5.1.23/src/commands/help.ts)_
+_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v5.2.9/src/commands/help.ts)_
 
 ## `create-link-app login`
 

package/dist/lib/deploy/create-form-data.js

@@ -12,6 +12,11 @@ const RequiredAssets = [
         fileName: 'manifest.json',
         contentType: 'application/json',
     },
+    {
+        key: 'settings',
+        fileName: 'settings.json',
+        contentType: 'application/json',
+    },
     {
         key: 'package',
         fileName: 'package.tgz',
@@ -24,11 +29,6 @@ const OptionalAssets = [
         fileName: 'icon.svg',
         contentType: 'image/svg+xml',
     },
-    {
-        key: 'settings',
-        fileName: 'settings.json',
-        contentType: 'application/json',
-    },
     {
         key: 'url_match_rules',
         fileName: 'url_match_rules.json',

package/dist/lib/deploy/pack-project.js

@@ -31,9 +31,9 @@ async function packProject() {
         });
         archive.on('warning', (err) => {
             if (err.code === 'ENOENT') {
-                // package, lock files and tsconfig may or may not exist
+                // lock files and tsconfig may or may not exist
                 const fileName = path_1.default.basename(err.path);
-                if (fileName === 'package.json' || fileName === 'package-lock.json' || fileName === 'yarn.lock' || fileName === 'tsconfig.json') {
+                if (fileName === 'package-lock.json' || fileName === 'yarn.lock' || fileName === 'tsconfig.json') {
                     return;
                 }
             }

package/dist/webpack/webpack.config.js

@@ -10,10 +10,16 @@ const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
 const inject_body_webpack_plugin_1 = __importDefault(require("inject-body-webpack-plugin"));
 const path_1 = __importDefault(require("path"));
 const webpack_1 = require("webpack");
+const camelcase_1 = __importDefault(require("camelcase"));
+const slugify_1 = __importDefault(require("slugify"));
+const { ModuleFederationPlugin } = webpack_1.container;
 function default_1(env, options) {
     const appDir = process.cwd();
     const entryFile = path_1.default.resolve(__dirname, `${env}.entry`);
     const htmlTemplateFile = path_1.default.resolve(__dirname, '..', '..', 'html-template', `${env}.html`);
+    const manifestJson = JSON.parse(fs_1.default.readFileSync(path_1.default.resolve(appDir, 'manifest.json'), 'utf8'));
+    const linkTypeName = manifestJson.name.replace(/[^A-Za-z0-9 ]/g, '');
+    const linkTypeId = (0, camelcase_1.default)((0, slugify_1.default)(linkTypeName, { lower: true }), { pascalCase: true });
     const hasTsconfig = fileExists(path_1.default.resolve(appDir, 'tsconfig.json'));
     const config = {
         target: 'web',
@@ -57,6 +63,7 @@ function default_1(env, options) {
         plugins: [
             new html_webpack_plugin_1.default({
                 template: htmlTemplateFile,
+                excludeChunks: [`LinkApp_${linkTypeId}`],
             }),
         ],
     };
@@ -90,6 +97,26 @@ function default_1(env, options) {
         new inject_body_webpack_plugin_1.default({
             position: 'start',
             content: `<!-- ${getBuildInfo()} -->`,
+        }), new ModuleFederationPlugin({
+            name: `LinkApp_${linkTypeId}`,
+            filename: 'remoteEntry.js',
+            exposes: {
+                [`LinkApp_${linkTypeId}`]: path_1.default.resolve(appDir, 'src'),
+            },
+            shared: {
+                react: {
+                    singleton: true,
+                    requiredVersion: '17 || 18',
+                },
+                'react-dom': {
+                    singleton: true,
+                    requiredVersion: '17 || 18',
+                },
+                'styled-components': {
+                    singleton: true,
+                    requiredVersion: '5',
+                },
+            },
         }));
     }
     return config;

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.2",
+  "version": "0.3.0-next.1",
   "commands": {
     "build": {
       "id": "build",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/create-link-app",
-  "version": "0.2.2",
+  "version": "0.3.0-next.1",
   "description": "Create a Link App on Linktr.ee.",
   "license": "UNLICENSED",
   "author": "Linktree",
@@ -39,6 +39,7 @@
     "archiver": "^5.3.1",
     "axios": "^0.27.2",
     "babel-loader": "^8.2.5",
+    "camelcase": "^6.3.0",
     "fork-ts-checker-webpack-plugin": "^7.2.11",
     "form-data": "^4.0.0",
     "fs-extra": "^10.1.0",
@@ -49,6 +50,7 @@
     "openid-client": "^5.1.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "slugify": "^1.6.6",
     "styled-components": "^5.3.5",
     "typescript": "^4.7.3",
     "webpack": "^5.75.0",