@linktr.ee/create-link-app 0.3.0-next.32 → 0.3.0-next.34

package/dist/webpack/webpack.config.js

@@ -43,10 +43,33 @@ function toVirtualModule(code) {
     const base64 = Buffer.from(code).toString('base64');
     return `data:text/javascript;base64,${base64}`;
 }
+function hasEntrypoint(appDir, file) {
+    try {
+        fs_1.default.accessSync(path_1.default.resolve(appDir, 'src', file));
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
 async 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 useAppEntry = hasEntrypoint(appDir, 'App.tsx');
+    const useSheetEntry = hasEntrypoint(appDir, 'Sheet.tsx');
+    const useEditorEntry = hasEntrypoint(appDir, 'Editor.tsx');
+    const exposedEntryPoints = {
+        // Default entry points
+        ['./App']: useAppEntry ? path_1.default.resolve(appDir, 'src/App') : path_1.default.resolve(appDir, 'src'),
+        ['./validate']: toVirtualModule((await (0, compile_1.default)())),
+    };
+    if (useEditorEntry) {
+        exposedEntryPoints['./Editor'] = path_1.default.resolve(appDir, 'src/Editor');
+    }
+    if (useSheetEntry) {
+        exposedEntryPoints['./Sheet'] = path_1.default.resolve(appDir, 'src/Sheet');
+    }
     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 linkTypeSlug = (0, slugify_1.default)(linkTypeName, { lower: true });
@@ -103,7 +126,7 @@ async function default_1(env, options) {
             // TODO: The behaviour here with module resolution is confusing, can we make it more explicit?
             modules: [path_1.default.resolve(appDir, 'node_modules'), 'node_modules'],
             alias: {
-                '@linktr.ee/extension': path_1.default.resolve(appDir, 'src'),
+                '@linktr.ee/extension': exposedEntryPoints['./App'],
             },
         },
         plugins: [
@@ -149,10 +172,7 @@ async function default_1(env, options) {
         }), new ModuleFederationPlugin({
             name: `LinkApp_${linkTypeId}`,
             filename: 'remoteEntry.js',
-            exposes: {
-                ['./App']: path_1.default.resolve(appDir, 'src'),
-                ['./validate']: toVirtualModule((await (0, compile_1.default)())),
-            },
+            exposes: exposedEntryPoints,
             shared: {
                 react: {
                     singleton: true,

package/oclif.manifest.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/create-link-app",
-  "version": "0.3.0-next.32",
+  "version": "0.3.0-next.34",
   "description": "Create a Link App on Linktr.ee.",
   "license": "UNLICENSED",
   "author": "Linktree",

package/templates/react-ts/src/{index.tsx → App.tsx}

@@ -1,4 +1,4 @@
-import { Featured, Carousel, Grid, Stack, SheetBody } from './components/Layouts'
+import { Featured, Carousel, Grid, Stack } from './components/Layouts'
 import { AppProps, Layout } from './types'
 
 import './tailwind.css'
@@ -15,8 +15,6 @@ function App(props: AppProps) {
       return <Carousel {...props} />
     case Layout.Featured:
       return <Featured {...props} />
-    case Layout.SheetBody:
-      return <SheetBody />
     default:
       return <div>Unknown layout: {props.layout}</div>
   }

package/templates/react-ts/src/Editor.tsx

@@ -0,0 +1,7 @@
+import './tailwind.css'
+
+const Editor = () => {
+  return <div>Editor</div>
+}
+
+export default Editor

package/templates/react-ts/src/Sheet.tsx

@@ -0,0 +1,7 @@
+import './tailwind.css'
+
+const Sheet = () => {
+  return <div>Sheet</div>
+}
+
+export default Sheet

package/templates/react-ts/src/components/Layouts.tsx

@@ -50,8 +50,4 @@ const Stack = (props: AppProps) => {
   )
 }
 
-const SheetBody = () => {
-  return <div>sheet body</div>
-}
-
-export { Featured, Carousel, Grid, Stack, SheetBody }
+export { Featured, Carousel, Grid, Stack }

package/templates/react-ts/src/stories/LinkApp.stories.tsx

@@ -88,12 +88,3 @@ export const Featured: ComponentStory<typeof LinkApp> = (args) => (
 Featured.args = {
   layout: Layout.Featured,
 }
-
-export const SheetBody: ComponentStory<typeof LinkApp> = (args) => (
-  <div className="m-2">
-    <LinkApp {...args} />
-  </div>
-)
-SheetBody.args = {
-  layout: Layout.SheetBody,
-}