@lukoweb/create-apitogo 0.2.22 → 0.2.24

package/dist/templates/default/ts/landing/LandingPage.tsx

@@ -1,176 +1,176 @@
-import {
-  ApiShowcaseSection,
-  FeaturesSection,
-  HeroSection,
-  LandingShell,
-  PlansPreviewSection,
-  PricingCtaSection,
-  StepsSection,
-} from "@lukoweb/apitogo-module-landing";
-import { usePlansPreview } from "@lukoweb/apitogo-plugin-dev-portal-billing";
-
-export default function LandingPage() {
-  // Plans from modules.userPanel.plans.items (or the live dev portal backend).
-  const plans = usePlansPreview();
-
-  return (
-    <LandingShell
-      title="Test against a real API before you build one"
-      description="Sample API gives you realistic endpoints, authentication, rate limits, and webhooks — a fully working backend for prototypes, demos, and QA."
-    >
-      <HeroSection
-        hero={{
-          badge: "SANDBOX API",
-          title: "Test against a real API before you build one",
-          description:
-            "Sample API gives you realistic endpoints, authentication, rate limits, and webhooks — a fully working backend for prototypes, demos, and QA. No setup, no infrastructure.",
-        }}
-        primaryAction={{ label: "Start for free", href: "/signup" }}
-        secondaryAction={{ label: "Read the docs", href: "/introduction" }}
-        codeExamples={[
-          {
-            filename: "Create a key",
-            language: "bash",
-            code: `$ curl -X POST https://api.sampleapi.dev/v1/keys
-# sk_live_9f2c7a1e...`,
-          },
-          {
-            filename: "Call an endpoint",
-            language: "bash",
-            code: `$ curl https://api.sampleapi.dev/v1/users/42 \\
-  -H "Authorization: Bearer sk_live_9f2c..."
-# { "id": 42, "name": "Priya Shah", "plan": "pro" }`,
-          },
-        ]}
-      />
-      <FeaturesSection
-        section={{
-          label: "Everything a real API has",
-          title: "Built for testing, not just browsing",
-          description:
-            "Realistic data, live auth, rate limits, and webhooks — so you can ship with confidence.",
-        }}
-        features={[
-          {
-            title: "Realistic mock data",
-            description:
-              "Users, orders, products, and posts with relationships and pagination, not lorem ipsum.",
-            icon: "boxes",
-          },
-          {
-            title: "Real auth flow",
-            description:
-              "Every request checks a live API key, so you can test error handling and expiry.",
-            icon: "shield-check",
-          },
-          {
-            title: "Rate limiting",
-            description:
-              "Per-plan request limits and 429 responses, so you can build and test backoff logic.",
-            icon: "gauge",
-          },
-          {
-            title: "Webhooks",
-            description:
-              "Trigger test events and inspect delivered payloads and retries.",
-            icon: "webhook",
-          },
-          {
-            title: "OpenAPI & docs",
-            description:
-              "A full OpenAPI spec and reference docs for every endpoint.",
-            icon: "book-open",
-          },
-          {
-            title: "Usage analytics",
-            description:
-              "Track requests, latency, and errors per key from your dashboard.",
-            icon: "activity",
-          },
-        ]}
-      />
-      <StepsSection
-        steps={[
-          {
-            step: "01",
-            title: "Create an account",
-            description:
-              "Sign up and land straight in your dashboard — no approval queue.",
-          },
-          {
-            step: "02",
-            title: "Generate a key",
-            description:
-              "Every key is scoped and rate-limited to your plan from the moment it's created.",
-          },
-          {
-            step: "03",
-            title: "Call any endpoint",
-            description:
-              "Users, orders, products, posts, and webhooks — all documented, all live.",
-          },
-        ]}
-      />
-      {/* Static sample list. To show your real API operations from the dev portal
-          backend instead, see https://docs.apitogo.com/docs/customization/landing-page#live-apis */}
-      <ApiShowcaseSection
-        apiShowcase={{
-          title: "Sample endpoints",
-          subtitle:
-            "A slice of what's available — see the full reference in the docs.",
-          browseAllHref: "/api",
-          browseAllLabel: "Browse all APIs",
-          layout: "list",
-          items: [
-            {
-              name: "List paginated users",
-              path: "/v1/users",
-              method: "GET",
-              summary: "List paginated users",
-            },
-            {
-              name: "Create a mock order",
-              path: "/v1/orders",
-              method: "POST",
-              summary: "Create a mock order",
-            },
-            {
-              name: "Fetch one product",
-              path: "/v1/products/{id}",
-              method: "GET",
-              summary: "Fetch one product",
-            },
-            {
-              name: "List posts with comments",
-              path: "/v1/posts",
-              method: "GET",
-              summary: "List posts with comments",
-            },
-            {
-              name: "Fire a test webhook event",
-              path: "/v1/webhooks/test",
-              method: "POST",
-              summary: "Fire a test webhook event",
-            },
-            {
-              name: "Delete a mock order",
-              path: "/v1/orders/{id}",
-              method: "DELETE",
-              summary: "Delete a mock order",
-            },
-          ],
-        }}
-      />
-      <PlansPreviewSection plans={plans} />
-      <PricingCtaSection
-        variant="banner"
-        pricingCta={{
-          title: "Start testing in minutes",
-          description:
-            "Free tier includes 1,000 requests a month — no card required.",
-          primaryAction: { label: "Start for free", href: "/signup" },
-        }}
-      />
-    </LandingShell>
-  );
-}
+import {
+  ApiShowcaseSection,
+  FeaturesSection,
+  HeroSection,
+  LandingShell,
+  PlansPreviewSection,
+  PricingCtaSection,
+  StepsSection,
+} from "@lukoweb/apitogo-module-landing";
+import { usePlansPreview } from "@lukoweb/apitogo-plugin-dev-portal-billing";
+
+export default function LandingPage() {
+  // Plans from modules.userPanel.plans.items (or the live dev portal backend).
+  const plans = usePlansPreview();
+
+  return (
+    <LandingShell
+      title="Test against a real API before you build one"
+      description="Sample API gives you realistic endpoints, authentication, rate limits, and webhooks — a fully working backend for prototypes, demos, and QA."
+    >
+      <HeroSection
+        hero={{
+          badge: "SANDBOX API",
+          title: "Test against a real API before you build one",
+          description:
+            "Sample API gives you realistic endpoints, authentication, rate limits, and webhooks — a fully working backend for prototypes, demos, and QA. No setup, no infrastructure.",
+        }}
+        primaryAction={{ label: "Start for free", href: "/signup" }}
+        secondaryAction={{ label: "Read the docs", href: "/introduction" }}
+        codeExamples={[
+          {
+            filename: "Create a key",
+            language: "bash",
+            code: `$ curl -X POST https://api.sampleapi.dev/v1/keys
+# sk_live_9f2c7a1e...`,
+          },
+          {
+            filename: "Call an endpoint",
+            language: "bash",
+            code: `$ curl https://api.sampleapi.dev/v1/users/42 \\
+  -H "Authorization: Bearer sk_live_9f2c..."
+# { "id": 42, "name": "Priya Shah", "plan": "pro" }`,
+          },
+        ]}
+      />
+      <FeaturesSection
+        section={{
+          label: "Everything a real API has",
+          title: "Built for testing, not just browsing",
+          description:
+            "Realistic data, live auth, rate limits, and webhooks — so you can ship with confidence.",
+        }}
+        features={[
+          {
+            title: "Realistic mock data",
+            description:
+              "Users, orders, products, and posts with relationships and pagination, not lorem ipsum.",
+            icon: "boxes",
+          },
+          {
+            title: "Real auth flow",
+            description:
+              "Every request checks a live API key, so you can test error handling and expiry.",
+            icon: "shield-check",
+          },
+          {
+            title: "Rate limiting",
+            description:
+              "Per-plan request limits and 429 responses, so you can build and test backoff logic.",
+            icon: "gauge",
+          },
+          {
+            title: "Webhooks",
+            description:
+              "Trigger test events and inspect delivered payloads and retries.",
+            icon: "webhook",
+          },
+          {
+            title: "OpenAPI & docs",
+            description:
+              "A full OpenAPI spec and reference docs for every endpoint.",
+            icon: "book-open",
+          },
+          {
+            title: "Usage analytics",
+            description:
+              "Track requests, latency, and errors per key from your dashboard.",
+            icon: "activity",
+          },
+        ]}
+      />
+      <StepsSection
+        steps={[
+          {
+            step: "01",
+            title: "Create an account",
+            description:
+              "Sign up and land straight in your dashboard — no approval queue.",
+          },
+          {
+            step: "02",
+            title: "Generate a key",
+            description:
+              "Every key is scoped and rate-limited to your plan from the moment it's created.",
+          },
+          {
+            step: "03",
+            title: "Call any endpoint",
+            description:
+              "Users, orders, products, posts, and webhooks — all documented, all live.",
+          },
+        ]}
+      />
+      {/* Static sample list. To show your real API operations from the dev portal
+          backend instead, see https://docs.apitogo.com/docs/customization/landing-page#live-apis */}
+      <ApiShowcaseSection
+        apiShowcase={{
+          title: "Sample endpoints",
+          subtitle:
+            "A slice of what's available — see the full reference in the docs.",
+          browseAllHref: "/api",
+          browseAllLabel: "Browse all APIs",
+          layout: "list",
+          items: [
+            {
+              name: "List paginated users",
+              path: "/v1/users",
+              method: "GET",
+              summary: "List paginated users",
+            },
+            {
+              name: "Create a mock order",
+              path: "/v1/orders",
+              method: "POST",
+              summary: "Create a mock order",
+            },
+            {
+              name: "Fetch one product",
+              path: "/v1/products/{id}",
+              method: "GET",
+              summary: "Fetch one product",
+            },
+            {
+              name: "List posts with comments",
+              path: "/v1/posts",
+              method: "GET",
+              summary: "List posts with comments",
+            },
+            {
+              name: "Fire a test webhook event",
+              path: "/v1/webhooks/test",
+              method: "POST",
+              summary: "Fire a test webhook event",
+            },
+            {
+              name: "Delete a mock order",
+              path: "/v1/orders/{id}",
+              method: "DELETE",
+              summary: "Delete a mock order",
+            },
+          ],
+        }}
+      />
+      <PlansPreviewSection plans={plans} />
+      <PricingCtaSection
+        variant="banner"
+        pricingCta={{
+          title: "Start testing in minutes",
+          description:
+            "Free tier includes 1,000 requests a month — no card required.",
+          primaryAction: { label: "Start for free", href: "/signup" },
+        }}
+      />
+    </LandingShell>
+  );
+}

package/dist/templates/default/ts/pages/example.mdx

@@ -1,132 +1,132 @@
----
-title: MDX examples
-description:
-  Callouts, fenced code, tabbed code, tables, task lists, links, badges, and buttons available in
-  APIToGo MDX pages.
----
-
-This page lists patterns you can copy into any `.mdx` file under `pages/`. Your site title comes
-from front matter (`title` above) and appears in the sidebar for this route.
-
-<Link to="/introduction">Introduction</Link> · <Link to="/api">API reference</Link> ·
-<Badge variant="secondary">built-in</Badge> <Badge variant="outline">mdx</Badge>
-
-## Callouts (directives)
-
-:::note{title="Note"}
-
-Neutral context readers should notice.
-
-:::
-
-:::tip{title="Tip"}
-
-Suggested workflows or shortcuts.
-
-:::
-
-:::info{title="Info"}
-
-Extra detail that is not urgent.
-
-:::
-
-:::caution{title="Caution"}
-
-Something might break if misconfigured.
-
-:::
-
-:::danger{title="Danger"}
-
-Destructive or security-sensitive actions.
-
-:::
-
-## Fenced code
-
-Inline: `ApitogoConfig`, `apitogo run`, `pages/example.mdx`.
-
-```bash
-apitogo run
-apitogo build
-apitogo build --preview
-```
-
-```json
-{ "example": true }
-```
-
-```ts
-import type { ApitogoConfig } from "@lukoweb/apitogo";
-
-const config: ApitogoConfig = {
-  site: { title: "My API docs" },
-};
-
-export default config;
-```
-
-## Tabbed code (`CodeTabs`)
-
-<CodeTabs>
-
-```bash title="curl"
-curl -sS https://httpbin.org/get
-```
-
-```bash title="HTTPie"
-http GET https://httpbin.org/get
-```
-
-```ts title="fetch"
-const res = await fetch("https://httpbin.org/get");
-console.log(await res.json());
-```
-
-</CodeTabs>
-
-<CodeTabs>
-
-```json title="JSON"
-{ "status": "ok" }
-```
-
-```yaml title="YAML"
-status: ok
-```
-
-</CodeTabs>
-
-## Table
-
-| Topic   | Where to look        |
-| ------- | -------------------- |
-| Config  | `apitogo.config.tsx` |
-| Pages   | `pages/**/*.mdx`     |
-| OpenAPI | `apis/openapi.yaml`  |
-
-## Lists
-
-1. Edit Markdown or MDX under `pages/`.
-2. Adjust `apitogo.config.tsx`.
-3. Run `apitogo build` before deploy.
-
-Task list (GFM):
-
-- [x] Scaffold created
-- [ ] Customize for your API
-
-## Markdown
-
-> Blockquote for quotes or asides.
-
-**Bold**, _italic_, ~~strikethrough~~, and [link to API](/api).
-
----
-
-## Button
-
-<Button variant="outline" type="button">
-  Example button
-</Button>
+---
+title: MDX examples
+description:
+  Callouts, fenced code, tabbed code, tables, task lists, links, badges, and buttons available in
+  APIToGo MDX pages.
+---
+
+This page lists patterns you can copy into any `.mdx` file under `pages/`. Your site title comes
+from front matter (`title` above) and appears in the sidebar for this route.
+
+<Link to="/introduction">Introduction</Link> · <Link to="/api">API reference</Link> ·
+<Badge variant="secondary">built-in</Badge> <Badge variant="outline">mdx</Badge>
+
+## Callouts (directives)
+
+:::note{title="Note"}
+
+Neutral context readers should notice.
+
+:::
+
+:::tip{title="Tip"}
+
+Suggested workflows or shortcuts.
+
+:::
+
+:::info{title="Info"}
+
+Extra detail that is not urgent.
+
+:::
+
+:::caution{title="Caution"}
+
+Something might break if misconfigured.
+
+:::
+
+:::danger{title="Danger"}
+
+Destructive or security-sensitive actions.
+
+:::
+
+## Fenced code
+
+Inline: `ApitogoConfig`, `apitogo run`, `pages/example.mdx`.
+
+```bash
+apitogo run
+apitogo build
+apitogo build --preview
+```
+
+```json
+{ "example": true }
+```
+
+```ts
+import type { ApitogoConfig } from "@lukoweb/apitogo";
+
+const config: ApitogoConfig = {
+  site: { title: "My API docs" },
+};
+
+export default config;
+```
+
+## Tabbed code (`CodeTabs`)
+
+<CodeTabs>
+
+```bash title="curl"
+curl -sS https://httpbin.org/get
+```
+
+```bash title="HTTPie"
+http GET https://httpbin.org/get
+```
+
+```ts title="fetch"
+const res = await fetch("https://httpbin.org/get");
+console.log(await res.json());
+```
+
+</CodeTabs>
+
+<CodeTabs>
+
+```json title="JSON"
+{ "status": "ok" }
+```
+
+```yaml title="YAML"
+status: ok
+```
+
+</CodeTabs>
+
+## Table
+
+| Topic   | Where to look        |
+| ------- | -------------------- |
+| Config  | `apitogo.config.tsx` |
+| Pages   | `pages/**/*.mdx`     |
+| OpenAPI | `apis/openapi.yaml`  |
+
+## Lists
+
+1. Edit Markdown or MDX under `pages/`.
+2. Adjust `apitogo.config.tsx`.
+3. Run `apitogo build` before deploy.
+
+Task list (GFM):
+
+- [x] Scaffold created
+- [ ] Customize for your API
+
+## Markdown
+
+> Blockquote for quotes or asides.
+
+**Bold**, _italic_, ~~strikethrough~~, and [link to API](/api).
+
+---
+
+## Button
+
+<Button variant="outline" type="button">
+  Example button
+</Button>

package/dist/templates/default/ts/pages/introduction.mdx

@@ -1,21 +1,21 @@
----
-title: Welcome to APIToGo
----
-
-Thanks for choosing to use APIToGo to power your API documentation!
-
-## Edit this page
-
-To edit this page, open the `pages/introduction.mdx` file.
-
-## Configuration
-
-You can find the full site configuration in `apitogo.config.json`. Plugins and custom code live in
-`apitogo.config.tsx`. Override values per environment with `APITOGO_CONFIG_*` variables in `.env`.
-
-For further information on how to customize your site, check out the
-[APIToGo documentation](https://docs.apitogo.com).
-
-## MDX building blocks
-
-See [MDX examples](/example) for callouts, code blocks, tabs, tables, and common components.
+---
+title: Welcome to APIToGo
+---
+
+Thanks for choosing to use APIToGo to power your API documentation!
+
+## Edit this page
+
+To edit this page, open the `pages/introduction.mdx` file.
+
+## Configuration
+
+You can find the full site configuration in `apitogo.config.json`. Plugins and custom code live in
+`apitogo.config.tsx`. Override values per environment with `APITOGO_CONFIG_*` variables in `.env`.
+
+For further information on how to customize your site, check out the
+[APIToGo documentation](https://docs.apitogo.com).
+
+## MDX building blocks
+
+See [MDX examples](/example) for callouts, code blocks, tabs, tables, and common components.