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

package/dist/commands/generate-types.js

@@ -24,7 +24,7 @@ class GenerateTypes extends base_1.default {
     async run() {
         try {
             // Check for necessary deps
-            await this.dependOn('prettier');
+            await this.dependOn('npx');
             await this.dependOn('jtd-codegen');
             await this.log('✓ All dependencies present');
             // Ensure necessary directories exist
@@ -47,7 +47,7 @@ class GenerateTypes extends base_1.default {
             await this.generateAndAppendSchemaType('readonlyPrivate');
             await this.log('✓ Generated ReadonlyPrivateData type');
             // Clean up file formatting
-            await this.cmd(`prettier ${this.typesPath}/index.ts --write`);
+            await this.cmd(`npx prettier ${this.typesPath}/index.ts --write`);
             await this.log('✓ All types created successfully');
             // Garbage collect temporary dir
             await this.cmd(`rm -rf ${this.tmpPath}`);

package/dist/lib/schema/compile.js

@@ -15,13 +15,12 @@ async function compileSchema() {
             strict: false,
             code: { source: true, esm: true },
         });
-        schemaNames.forEach(async (schemaName) => {
+        await Promise.all(schemaNames.map(async (schemaName) => {
             const schemaPath = path_1.default.join(process.cwd(), `./schema/${schemaName}.jtd.json`);
             const schema = await fs_extra_1.default.readJSON(schemaPath);
             ajv.addSchema(schema, schemaName);
-        });
-        const compiled = ajv.compile(true);
-        const moduleCode = (0, index_js_1.default)(ajv, compiled);
+        }));
+        const moduleCode = (0, index_js_1.default)(ajv);
         return moduleCode;
     }
     catch (e) {

package/oclif.manifest.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/create-link-app",
-  "version": "0.3.0-next.30",
+  "version": "0.3.0-next.32",
   "description": "Create a Link App on Linktr.ee.",
   "license": "UNLICENSED",
   "author": "Linktree",
@@ -68,6 +68,7 @@
     "openid-client": "^5.1.6",
     "postcss": "^8.4.21",
     "postcss-loader": "^4.3.0",
+    "prettier": "^2.8.8",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

package/templates/common/schema/editablePrivate.jtd.json

@@ -1,6 +1,6 @@
 {
   "metadata": {
-    "description": "These are properties that the Linker can `read`, but the Visitor will never have access to."
+    "description": "These are properties that the Linker can `read` and `write`, but the Visitor will never have access to."
   },
   "properties": {}
 }

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

@@ -1,11 +1,11 @@
-import { SettingsData } from '../types'
+import { AppProps } from '../types'
 
 const baseStyle = {
   backgroundColor: 'var(--lt-color-primary)',
   color: 'var(--lt-color-on-primary)',
 } as React.CSSProperties
 
-const Featured = (props: SettingsData) => {
+const Featured = (props: AppProps) => {
   return (
     <div
       className="px-6 pt-12 pb-11 h-full"
@@ -19,7 +19,7 @@ const Featured = (props: SettingsData) => {
   )
 }
 
-const Carousel = (props: SettingsData) => {
+const Carousel = (props: AppProps) => {
   return (
     <div
       className="px-4 pt-16 pb-10 h-full"
@@ -33,7 +33,7 @@ const Carousel = (props: SettingsData) => {
   )
 }
 
-const Grid = (props: SettingsData) => {
+const Grid = (props: AppProps) => {
   return (
     <div className="px-3 py-10 h-full" style={{ ...baseStyle, borderRadius: 'var(--lt-grid-container-radius)' }}>
       Grid
@@ -41,7 +41,7 @@ const Grid = (props: SettingsData) => {
   )
 }
 
-const Stack = (props: SettingsData) => {
+const Stack = (props: AppProps) => {
   return (
     <div className="flex p-2 h-full gap-4 w-full" style={{ ...baseStyle, borderRadius: 'var(--lt-stack-container-radius)' }}>
       <div className="w-16 aspect-square"></div>

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

@@ -41,7 +41,7 @@ export const Stack: ComponentStory<typeof LinkApp> = (args) => (
   </div>
 )
 Stack.args = {
-  layout: Layout.stack,
+  layout: Layout.Stack,
 }
 
 export const Grid: ComponentStory<typeof LinkApp> = (args) => (
@@ -56,7 +56,7 @@ export const Grid: ComponentStory<typeof LinkApp> = (args) => (
   </div>
 )
 Grid.args = {
-  layout: Layout.grid,
+  layout: Layout.Grid,
 }
 
 export const Carousel: ComponentStory<typeof LinkApp> = (args) => (
@@ -71,7 +71,7 @@ export const Carousel: ComponentStory<typeof LinkApp> = (args) => (
   </div>
 )
 Carousel.args = {
-  layout: Layout.carousel,
+  layout: Layout.Carousel,
 }
 
 export const Featured: ComponentStory<typeof LinkApp> = (args) => (
@@ -86,7 +86,7 @@ export const Featured: ComponentStory<typeof LinkApp> = (args) => (
   </div>
 )
 Featured.args = {
-  layout: Layout.featured,
+  layout: Layout.Featured,
 }
 
 export const SheetBody: ComponentStory<typeof LinkApp> = (args) => (
@@ -95,5 +95,5 @@ export const SheetBody: ComponentStory<typeof LinkApp> = (args) => (
   </div>
 )
 SheetBody.args = {
-  layout: Layout.sheetBody,
+  layout: Layout.SheetBody,
 }

package/templates/react-ts/src/types/schema/index.ts

@@ -19,8 +19,8 @@ export interface EditablePublicData {
 export interface ReadonlyPublicData {}
 
 /**
- * These are properties that the Linker can `read`, but the Visitor will never
- * have access to.
+ * These are properties that the Linker can `read` and `write`, but the Visitor
+ * will never have access to.
  */
 export interface EditablePrivateData {}