@linktr.ee/create-link-app 1.0.5 → 1.1.0

package/README.md

@@ -94,11 +94,10 @@ Start development server for Link App project
 
 ```
 USAGE
-  $ create-link-app dev [-p <value>] [--https] [--host <value>]
+  $ create-link-app dev [-p <value>] [--https]
 
 FLAGS
   -p, --port=<value>  [default: 3000] Development server listening port
-  --host=<value>      [default: localhost] Hostname
   --https             Use HTTPS for development server
 
 DESCRIPTION

package/dist/commands/dev.js

@@ -18,9 +18,7 @@ class Dev extends base_1.default {
             },
             hot: false,
             https: flags.https,
-            host: flags.host,
             port: flags.port,
-            allowedHosts: 'all',
         }, (0, webpack_1.default)(config));
         await devServer.start();
     }
@@ -37,8 +35,4 @@ Dev.flags = {
     https: core_1.Flags.boolean({
         description: 'Use HTTPS for development server',
     }),
-    host: core_1.Flags.string({
-        description: 'Hostname',
-        default: 'localhost',
-    }),
 };

package/dist/postcss/postcss.config.js

@@ -7,21 +7,16 @@ exports.getPostcssConfig = void 0;
 const path_1 = __importDefault(require("path"));
 const tailwindcss_1 = __importDefault(require("tailwindcss"));
 const autoprefixer_1 = __importDefault(require("autoprefixer"));
-const componentLibraryContentPath = path_1.default.join(require.resolve('@linktr.ee/component-library/tailwind.config').split('/').slice(0, -1).join('/'), 'dist', '**', '*.js');
 const uiLinkKitPath = path_1.default.join(require.resolve('@linktr.ee/ui-link-kit').split('/').slice(0, -2).join('/'), '**', '*.js');
 function getPostcssConfig({ linkTypeSlug, env = 'production' }) {
     const isStorybook = env === 'storybook';
     const content = [`${process.cwd()}/src/**/*.{js,jsx,ts,tsx}`, uiLinkKitPath];
-    if (isStorybook) {
-        content.push(componentLibraryContentPath);
-    }
     return {
         ...(isStorybook && { inject: { insertAtTop: true } }),
         plugins: [
             (0, tailwindcss_1.default)({
                 important: `[data-link-type-id=${linkTypeSlug}]`,
                 content,
-                presets: [require('@linktr.ee/component-library/tailwind.config')],
                 plugins: [],
             }),
             (0, autoprefixer_1.default)(),

package/dist/webpack/development.entry.js

@@ -27,10 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
+const client_1 = require("react-dom/client");
 const extension_1 = __importDefault(require("@linktr.ee/extension"));
 const extension_dev_data_1 = __importDefault(require("@linktr.ee/extension-dev-data"));
-const root = document.getElementById('root');
+const container = document.getElementById('root');
+const root = (0, client_1.createRoot)(container);
 const App = () => {
     // TODO: refactor common postMessage to parent in both entry points
     (0, react_1.useEffect)(() => {
@@ -38,7 +39,7 @@ const App = () => {
             type: 'extension-ready',
             data: {
                 ready: true,
-                height: root.clientHeight,
+                height: container.clientHeight,
             },
         };
         window.parent.postMessage(message, '*');
@@ -56,4 +57,4 @@ const App = () => {
             } }));
     }
 };
-react_dom_1.default.render(react_1.default.createElement(App, null), root);
+root.render(react_1.default.createElement(App, null));

package/dist/webpack/production.entry.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
+const client_1 = require("react-dom/client");
 const extension_1 = __importDefault(require("@linktr.ee/extension"));
 const root = document.getElementById('root');
 // First set up event handler for extension data
@@ -24,7 +24,9 @@ window.parent.postMessage({ type: 'extension-loaded' }, '*');
 document.addEventListener('interaction-event', (event) => window.parent.postMessage({ type: 'interaction-event', data: event.detail }, '*'));
 const renderApp = (data) => {
     const App = () => react_1.default.createElement(extension_1.default, { ...data });
-    react_dom_1.default.render(react_1.default.createElement(App, null), root, postExtensionReadyMessage);
+    const rootContainer = (0, client_1.createRoot)(root);
+    rootContainer.render(react_1.default.createElement(App, null));
+    postExtensionReadyMessage();
 };
 const postExtensionReadyMessage = () => {
     const message = {

package/dist/webpack/webpack.config.js

@@ -11,6 +11,7 @@ const inject_body_webpack_plugin_1 = __importDefault(require("inject-body-webpac
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const path_1 = __importDefault(require("path"));
 const webpack_1 = require("webpack");
+require("webpack-dev-server");
 const camelcase_1 = __importDefault(require("camelcase"));
 const slugify_1 = __importDefault(require("slugify"));
 const compile_1 = __importDefault(require("../lib/schema/compile"));
@@ -74,9 +75,15 @@ async function default_1(env, options) {
                 },
                 {
                     test: /\.css$/,
+                    include: [path_1.default.resolve(appDir, 'src'), /node_modules\/@linktr\.ee\/component-library/],
                     use: [
                         mini_css_extract_plugin_1.default.loader,
-                        'css-loader',
+                        {
+                            loader: 'css-loader',
+                            options: {
+                                importLoaders: 1,
+                            },
+                        },
                         {
                             loader: 'postcss-loader',
                             options: {
@@ -113,7 +120,10 @@ async function default_1(env, options) {
             ...config.resolve.alias,
             '@linktr.ee/extension-dev-data': path_1.default.resolve(appDir, 'fixtures', 'props-data.json'),
         };
-        config.plugins.push(new mini_css_extract_plugin_1.default());
+        config.plugins.push(new mini_css_extract_plugin_1.default({
+            filename: '[name].[contenthash].css',
+            chunkFilename: '[id].[contenthash].css',
+        }));
         config.devServer = {
             host: '0.0.0.0',
             allowedHosts: 'all',

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.5",
+  "version": "1.1.0",
   "commands": {
     "build": {
       "id": "build",
@@ -9,6 +9,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "flags": {
         "allow-any-origin": {
           "name": "allow-any-origin",
@@ -34,6 +35,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "examples": [
         "$ create-link-app create my-link-app",
         "$ create-link-app create my-link-app --template react",
@@ -76,6 +78,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "flags": {
         "path": {
           "name": "path",
@@ -122,6 +125,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "examples": [
         "$ create-link-app dev",
         "$ create-link-app dev --port 8000",
@@ -141,13 +145,6 @@
           "type": "boolean",
           "description": "Use HTTPS for development server",
           "allowNo": false
-        },
-        "host": {
-          "name": "host",
-          "type": "option",
-          "description": "Hostname",
-          "multiple": false,
-          "default": "localhost"
         }
       },
       "args": {}
@@ -160,6 +157,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "flags": {},
       "args": {}
     },
@@ -171,6 +169,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "examples": [
         "$ create-link-app grant-access my-link-app friend"
       ],
@@ -211,6 +210,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "flags": {
         "qa": {
           "name": "qa",
@@ -230,6 +230,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "flags": {
         "qa": {
           "name": "qa",
@@ -249,6 +250,7 @@
       "pluginAlias": "@linktr.ee/create-link-app",
       "pluginType": "core",
       "aliases": [],
+      "hiddenAliases": [],
       "flags": {
         "port": {
           "name": "port",

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "@linktr.ee/create-link-app",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "Create a Link App on Linktr.ee.",
   "license": "UNLICENSED",
   "author": "Linktree",
   "engines": {
-    "node": ">=12.0.0"
-  },
-  "bin": {
-    "create-link-app": "./bin/run"
+    "node": ">=18.0.0"
   },
+  "bin": "./bin/run",
   "files": [
     "/bin",
     "/dist",
@@ -35,7 +33,6 @@
     "@babel/preset-react": "^7.17.12",
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.3",
-    "@linktr.ee/component-library": "latest",
     "@linktr.ee/ui-link-kit": "latest",
     "@oclif/core": "^1.9.0",
     "@oclif/plugin-help": "5.1.23",
@@ -95,6 +92,7 @@
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
     "axios-mock-adapter": "^1.21.1",
+    "babel-jest": "^29.7.0",
     "jest": "^28.1.1",
     "oclif": "^3.0.1",
     "shx": "^0.3.4",