@alpaca-editor/core 1.0.3913 → 1.0.3914

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  export function Spinner({ size = "4xl", }) {
3
- return (_jsx("i", { className: `pi pi-cog pi-spin text-${size} text-theme-secondary-light` }));
3
+ return (_jsx("i", { className: `pi pi-cog pi-spin text-${size} text-theme-secondary/40` }));
4
4
  }
5
5
  //# sourceMappingURL=Spinner.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/editor/ui/Spinner.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAAG,KAAK,GAGb;IACC,OAAO,CACL,YACE,SAAS,EAAE,0BAA0B,IAAI,6BAA6B,GACnE,CACN,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/editor/ui/Spinner.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAAG,KAAK,GAGb;IACC,OAAO,CACL,YAAG,SAAS,EAAE,0BAA0B,IAAI,0BAA0B,GAAM,CAC7E,CAAC;AACJ,CAAC"}
@@ -1,2 +1,2 @@
1
- export declare const version = "1.0.3913";
2
- export declare const buildDate = "2025-05-31 06:42:50";
1
+ export declare const version = "1.0.3914";
2
+ export declare const buildDate = "2025-06-02 01:46:23";
package/dist/revision.js CHANGED
@@ -1,3 +1,3 @@
1
- export const version = "1.0.3913";
2
- export const buildDate = "2025-05-31 06:42:50";
1
+ export const version = "1.0.3914";
2
+ export const buildDate = "2025-06-02 01:46:23";
3
3
  //# sourceMappingURL=revision.js.map
@@ -6,6 +6,7 @@ import { useEffect, useState } from "react";
6
6
  import { getWizards } from "../page-wizard/service";
7
7
  import { ActionButton } from "../components/ActionButton";
8
8
  import { RecentPages } from "./RecentPages";
9
+ import { Spinner } from "../editor/ui/Spinner";
9
10
  export function SplashScreen() {
10
11
  const editContext = useEditContext();
11
12
  const [demoId, setDemoId] = useState(null);
@@ -54,8 +55,10 @@ export function SplashScreen() {
54
55
  },
55
56
  });
56
57
  };
58
+ if (demoId && !demoWizard)
59
+ return (_jsxs("div", { className: "relative flex h-full w-full bg-gray-100 md:items-center md:justify-center", children: [_jsx(Spinner, {}), _jsx("div", { className: "bg-wizard absolute inset-0" })] }));
57
60
  if (demoWizard) {
58
- return (_jsxs("div", { className: "relative flex h-full w-full bg-gray-100 md:items-center md:justify-center", children: [_jsxs("div", { className: "z-10 flex flex-1 flex-col items-stretch gap-4 p-4 md:max-w-screen-xl md:flex-row", children: [_jsxs("div", { className: "flex-1 flex-col gap-7 rounded-lg bg-white p-6", children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("h1", { className: "text-normal flex items-center gap-2 font-bold", children: [_jsx(Logo, { className: "h-5" }), " Create content like magic"] }), _jsx("h2", { className: "mb-2 text-xs text-gray-500", children: "Stunning business pages in no time. Just describe your idea and let the AI-wizard do the magic." })] }), _jsxs(ActionButton, { onClick: launchDemoWizard, children: ["Launch wizard ", _jsx(MagicEditIcon, {})] })] }), _jsx("div", { className: "bg-wizard-demo mt-3 aspect-[1.75] w-full rounded-lg" })] }), _jsx("div", { className: "flex-1", children: _jsx(RecentPages, {}) })] }), _jsx("div", { className: "bg-wizard absolute inset-0" })] }));
61
+ return (_jsxs("div", { className: "relative flex h-full w-full bg-gray-100 md:items-center md:justify-center", children: [_jsxs("div", { className: "mt-2 flex flex-col gap-6 p-4 md:mt-6 md:gap-12", children: [_jsxs("div", { className: "z-10", children: [_jsx("h1", { className: "text-xl font-semibold", children: "Your global website" }), _jsx("div", { className: "text-sm text-gray-500", children: "Add a new page or manage existing ones" })] }), _jsxs("div", { className: "z-10 flex flex-1 flex-col items-stretch gap-4 md:max-w-screen-xl md:flex-row", children: [_jsxs("div", { className: "flex-1 flex-col gap-7 rounded-lg bg-white p-6", children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("h1", { className: "text-normal flex items-center gap-2 font-bold", children: [_jsx(Logo, { className: "h-5" }), " Create content like magic"] }), _jsx("h2", { className: "mb-2 text-xs text-gray-500", children: "Stunning business pages in no time. Just describe your idea and let the AI-wizard do the magic." })] }), _jsxs(ActionButton, { onClick: launchDemoWizard, children: ["Launch wizard ", _jsx(MagicEditIcon, {})] })] }), _jsx("div", { className: "bg-wizard-demo mt-3 aspect-[1.75] w-full rounded-lg" })] }), _jsx("div", { className: "flex-1", children: _jsx(RecentPages, {}) })] })] }), _jsx("div", { className: "bg-wizard absolute inset-0" })] }));
59
62
  }
60
63
  else {
61
64
  return (_jsxs("div", { className: "flex h-full w-full gap-2 bg-gray-100 md:items-center md:justify-center", children: [_jsxs("div", { className: "z-10 flex flex-1 flex-col items-stretch gap-4 p-4 md:min-h-[40vh] md:max-w-screen-xl md:flex-row", children: [_jsx(Card, { title: "Welcome to the Editor Without A Name", description: "The easiest way to create and manage your content", icon: _jsx(Logo, {}), className: "flex-1", children: _jsxs("div", { className: "flex flex-col gap-4 text-sm text-gray-500", children: ["Ewan is an editor for your favorite content management system. It allows you to create and manage your content in a simple and intuitive way.", _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(ActionButton, { onClick: () => editContext?.switchView("new-page"), children: "Create new page" }), _jsx(ActionButton, { onClick: () => editContext?.switchView("open-page"), children: "Open existing page" }), _jsxs(ActionButton, { onClick: () => editContext?.startTour(), children: ["Take tour ", _jsx(MagicEditIcon, {})] })] })] }) }), _jsx("div", { className: "flex-1", children: _jsx(RecentPages, {}) })] }), _jsx("div", { className: "bg-wizard absolute inset-0" })] }));
@@ -1 +1 @@
1
- {"version":3,"file":"SplashScreen.js","sourceRoot":"","sources":["../../src/splash-screen/SplashScreen.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SplashScreen.js","sourceRoot":"","sources":["../../src/splash-screen/SplashScreen.tsx"],"names":[],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -1674,8 +1674,8 @@
1674
1674
  .text-theme-secondary {
1675
1675
  color: var(--color-theme-secondary);
1676
1676
  }
1677
- .text-theme-secondary-light {
1678
- color: var(--color-theme-secondary-light);
1677
+ .text-theme-secondary\/40 {
1678
+ color: color-mix(in oklab, var(--color-theme-secondary) 40%, transparent);
1679
1679
  }
1680
1680
  .text-white {
1681
1681
  color: var(--color-white);
@@ -2358,6 +2358,11 @@
2358
2358
  margin-top: calc(var(--spacing) * 0);
2359
2359
  }
2360
2360
  }
2361
+ .md\:mt-6 {
2362
+ @media (width >= 48rem) {
2363
+ margin-top: calc(var(--spacing) * 6);
2364
+ }
2365
+ }
2361
2366
  .md\:mb-20 {
2362
2367
  @media (width >= 48rem) {
2363
2368
  margin-bottom: calc(var(--spacing) * 20);
@@ -2458,6 +2463,11 @@
2458
2463
  gap: calc(var(--spacing) * 10);
2459
2464
  }
2460
2465
  }
2466
+ .md\:gap-12 {
2467
+ @media (width >= 48rem) {
2468
+ gap: calc(var(--spacing) * 12);
2469
+ }
2470
+ }
2461
2471
  .md\:p-6 {
2462
2472
  @media (width >= 48rem) {
2463
2473
  padding: calc(var(--spacing) * 6);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpaca-editor/core",
3
- "version": "1.0.3913",
3
+ "version": "1.0.3914",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -4,8 +4,6 @@ export function Spinner({
4
4
  size?: "2xl" | "3xl" | "4xl" | "5xl";
5
5
  }) {
6
6
  return (
7
- <i
8
- className={`pi pi-cog pi-spin text-${size} text-theme-secondary-light`}
9
- ></i>
7
+ <i className={`pi pi-cog pi-spin text-${size} text-theme-secondary/40`}></i>
10
8
  );
11
9
  }
package/src/revision.ts CHANGED
@@ -1,2 +1,2 @@
1
- export const version = "1.0.3913";
2
- export const buildDate = "2025-05-31 06:42:50";
1
+ export const version = "1.0.3914";
2
+ export const buildDate = "2025-06-02 01:46:23";
@@ -6,6 +6,7 @@ import { getWizards } from "../page-wizard/service";
6
6
  import { Wizard } from "../page-wizard/PageWizard";
7
7
  import { ActionButton } from "../components/ActionButton";
8
8
  import { RecentPages } from "./RecentPages";
9
+ import { Spinner } from "../editor/ui/Spinner";
9
10
 
10
11
  export function SplashScreen() {
11
12
  const editContext = useEditContext();
@@ -59,30 +60,47 @@ export function SplashScreen() {
59
60
  });
60
61
  };
61
62
 
62
- if (demoWizard) {
63
+ if (demoId && !demoWizard)
63
64
  return (
64
65
  <div className="relative flex h-full w-full bg-gray-100 md:items-center md:justify-center">
65
- <div className="z-10 flex flex-1 flex-col items-stretch gap-4 p-4 md:max-w-screen-xl md:flex-row">
66
- <div className="flex-1 flex-col gap-7 rounded-lg bg-white p-6">
67
- <div className="flex flex-col gap-4 md:flex-row">
68
- <div className="flex flex-col gap-2">
69
- <h1 className="text-normal flex items-center gap-2 font-bold">
70
- <Logo className="h-5" /> Create content like magic
71
- </h1>
72
- <h2 className="mb-2 text-xs text-gray-500">
73
- Stunning business pages in no time. Just describe your idea
74
- and let the AI-wizard do the magic.
75
- </h2>
76
- </div>
66
+ <Spinner />
67
+ <div className="bg-wizard absolute inset-0" />
68
+ </div>
69
+ );
77
70
 
78
- <ActionButton onClick={launchDemoWizard}>
79
- Launch wizard <MagicEditIcon />
80
- </ActionButton>
71
+ if (demoWizard) {
72
+ return (
73
+ <div className="relative flex h-full w-full bg-gray-100 md:items-center md:justify-center">
74
+ <div className="mt-2 flex flex-col gap-6 p-4 md:mt-6 md:gap-12">
75
+ <div className="z-10">
76
+ <h1 className="text-xl font-semibold">Your global website</h1>
77
+ <div className="text-sm text-gray-500">
78
+ Add a new page or manage existing ones
81
79
  </div>
82
- <div className="bg-wizard-demo mt-3 aspect-[1.75] w-full rounded-lg"></div>
83
80
  </div>
84
- <div className="flex-1">
85
- <RecentPages />
81
+
82
+ <div className="z-10 flex flex-1 flex-col items-stretch gap-4 md:max-w-screen-xl md:flex-row">
83
+ <div className="flex-1 flex-col gap-7 rounded-lg bg-white p-6">
84
+ <div className="flex flex-col gap-4 md:flex-row">
85
+ <div className="flex flex-col gap-2">
86
+ <h1 className="text-normal flex items-center gap-2 font-bold">
87
+ <Logo className="h-5" /> Create content like magic
88
+ </h1>
89
+ <h2 className="mb-2 text-xs text-gray-500">
90
+ Stunning business pages in no time. Just describe your idea
91
+ and let the AI-wizard do the magic.
92
+ </h2>
93
+ </div>
94
+
95
+ <ActionButton onClick={launchDemoWizard}>
96
+ Launch wizard <MagicEditIcon />
97
+ </ActionButton>
98
+ </div>
99
+ <div className="bg-wizard-demo mt-3 aspect-[1.75] w-full rounded-lg"></div>
100
+ </div>
101
+ <div className="flex-1">
102
+ <RecentPages />
103
+ </div>
86
104
  </div>
87
105
  </div>
88
106
  <div className="bg-wizard absolute inset-0" />