mirror of https://github.com/Squidex/squidex.git
Browse Source
* Simple SDK. * Fixes. * More progress with embedding. * Check extension. * Fix tests. * Fix code. * Open api tests and many fixes. * More fixes. * Final fixes. * Optional tag restoring. * Fix backup tests.pull/837/head
Sebastian Stehle
4 years ago
committed by
GitHub
GitHub
91 changed files with 39327 additions and 477 deletions
@ -0,0 +1,53 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using System.Text; |
|||
using Squidex.Domain.Apps.Core; |
|||
using Squidex.Infrastructure.Json; |
|||
|
|||
namespace Squidex.Domain.Apps.Entities.Contents.Queries.Steps |
|||
{ |
|||
public sealed class CalculateTokens : IContentEnricherStep |
|||
{ |
|||
private readonly IJsonSerializer jsonSerializer; |
|||
private readonly IUrlGenerator urlGenerator; |
|||
|
|||
public CalculateTokens(IUrlGenerator urlGenerator, IJsonSerializer jsonSerializer) |
|||
{ |
|||
this.jsonSerializer = jsonSerializer; |
|||
this.urlGenerator = urlGenerator; |
|||
} |
|||
|
|||
public Task EnrichAsync(Context context, IEnumerable<ContentEntity> contents, ProvideSchema schemas, |
|||
CancellationToken ct) |
|||
{ |
|||
if (context.IsFrontendClient) |
|||
{ |
|||
return Task.CompletedTask; |
|||
} |
|||
|
|||
var url = urlGenerator.Root(); |
|||
|
|||
foreach (var content in contents) |
|||
{ |
|||
var token = new |
|||
{ |
|||
a = content.AppId.Name, |
|||
s = content.SchemaId.Name, |
|||
i = content.Id.ToString(), |
|||
u = url |
|||
}; |
|||
|
|||
var json = jsonSerializer.Serialize(token); |
|||
|
|||
content.EditToken = Convert.ToBase64String(Encoding.UTF8.GetBytes(json)); |
|||
} |
|||
|
|||
return Task.CompletedTask; |
|||
} |
|||
} |
|||
} |
|||
@ -1,144 +0,0 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using Microsoft.AspNetCore.Builder; |
|||
using Microsoft.AspNetCore.Http; |
|||
using Microsoft.Extensions.DependencyInjection; |
|||
|
|||
namespace Squidex.Web.Pipeline |
|||
{ |
|||
public static class SameSiteCookiesServiceCollectionExtensions |
|||
{ |
|||
/// <summary>
|
|||
/// -1 defines the unspecified value, which tells ASPNET Core to NOT
|
|||
/// send the SameSite attribute. With ASPNET Core 3.1 the
|
|||
/// <seealso cref="SameSiteMode" /> enum will have a definition for
|
|||
/// Unspecified.
|
|||
/// </summary>
|
|||
private const SameSiteMode Unspecified = (SameSiteMode)(-1); |
|||
|
|||
/// <summary>
|
|||
/// Configures a cookie policy to properly set the SameSite attribute
|
|||
/// for Browsers that handle unknown values as Strict. Ensure that you
|
|||
/// add the <seealso cref="Microsoft.AspNetCore.CookiePolicy.CookiePolicyMiddleware" />
|
|||
/// into the pipeline before sending any cookies!.
|
|||
/// </summary>
|
|||
/// <remarks>
|
|||
/// Minimum ASPNET Core Version required for this code:
|
|||
/// - 2.1.14
|
|||
/// - 2.2.8
|
|||
/// - 3.0.1
|
|||
/// - 3.1.0-preview1
|
|||
/// Starting with version 80 of Chrome (to be released in February 2020)
|
|||
/// cookies with NO SameSite attribute are treated as SameSite=Lax.
|
|||
/// In order to always get the cookies send they need to be set to
|
|||
/// SameSite=None. But since the current standard only defines Lax and
|
|||
/// Strict as valid values there are some browsers that treat invalid
|
|||
/// values as SameSite=Strict. We therefore need to check the browser
|
|||
/// and either send SameSite=None or prevent the sending of SameSite=None.
|
|||
/// Relevant links:
|
|||
/// - https://tools.ietf.org/html/draft-west-first-party-cookies-07#section-4.1
|
|||
/// - https://tools.ietf.org/html/draft-west-cookie-incrementalism-00
|
|||
/// - https://www.chromium.org/updates/same-site
|
|||
/// - https://devblogs.microsoft.com/aspnet/upcoming-samesite-cookie-changes-in-asp-net-and-asp-net-core/
|
|||
/// - https://bugs.webkit.org/show_bug.cgi?id=198181.
|
|||
/// </remarks>
|
|||
/// <param name="services">The service collection to register <see cref="CookiePolicyOptions" /> into.</param>
|
|||
/// <returns>The modified <see cref="IServiceCollection" />.</returns>
|
|||
public static IServiceCollection AddNonBreakingSameSiteCookies(this IServiceCollection services) |
|||
{ |
|||
services.Configure<CookiePolicyOptions>(options => |
|||
{ |
|||
options.MinimumSameSitePolicy = Unspecified; |
|||
|
|||
options.OnAppendCookie = cookieContext => CheckSameSite(cookieContext.Context, cookieContext.CookieOptions); |
|||
options.OnDeleteCookie = cookieContext => CheckSameSite(cookieContext.Context, cookieContext.CookieOptions); |
|||
}); |
|||
|
|||
return services; |
|||
} |
|||
|
|||
private static void CheckSameSite(HttpContext httpContext, CookieOptions options) |
|||
{ |
|||
if (options.SameSite == SameSiteMode.None) |
|||
{ |
|||
var userAgent = httpContext.Request.Headers["User-Agent"].ToString(); |
|||
|
|||
if (DisallowsSameSiteNone(userAgent)) |
|||
{ |
|||
options.SameSite = Unspecified; |
|||
} |
|||
} |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Checks if the UserAgent is known to interpret an unknown value as Strict.
|
|||
/// For those the <see cref="CookieOptions.SameSite" /> property should be
|
|||
/// set to <see cref="Unspecified" />.
|
|||
/// </summary>
|
|||
/// <remarks>
|
|||
/// This code is taken from Microsoft:
|
|||
/// https://devblogs.microsoft.com/aspnet/upcoming-samesite-cookie-changes-in-asp-net-and-asp-net-core/.
|
|||
/// </remarks>
|
|||
/// <param name="userAgent">The user agent string to check.</param>
|
|||
/// <returns>Whether the specified user agent (browser) accepts SameSite=None or not.</returns>
|
|||
private static bool DisallowsSameSiteNone(string userAgent) |
|||
{ |
|||
// Cover all iOS based browsers here.
|
|||
// This includes:
|
|||
// - Safari on iOS 12 for iPhone, iPod Touch, iPad
|
|||
// - WkWebview on iOS 12 for iPhone, iPod Touch, iPad
|
|||
// - Chrome on iOS 12 for iPhone, iPod Touch, iPad
|
|||
// All of which are broken by SameSite=None, because they use the
|
|||
// iOS networking stack.
|
|||
// Notes from Thinktecture:
|
|||
// Regarding https://caniuse.com/#search=samesite iOS versions lower
|
|||
// than 12 are not supporting SameSite at all. Starting with version 13
|
|||
// unknown values are NOT treated as strict anymore. Therefore we only
|
|||
// need to check version 12.
|
|||
if (userAgent.Contains("CPU iPhone OS 12", StringComparison.Ordinal) || |
|||
userAgent.Contains("iPad; CPU OS 12", StringComparison.Ordinal)) |
|||
{ |
|||
return true; |
|||
} |
|||
|
|||
// Cover Mac OS X based browsers that use the Mac OS networking stack.
|
|||
// This includes:
|
|||
// - Safari on Mac OS X.
|
|||
// This does not include:
|
|||
// - Chrome on Mac OS X
|
|||
// because they do not use the Mac OS networking stack.
|
|||
// Notes from Thinktecture:
|
|||
// Regarding https://caniuse.com/#search=samesite MacOS X versions lower
|
|||
// than 10.14 are not supporting SameSite at all. Starting with version
|
|||
// 10.15 unknown values are NOT treated as strict anymore. Therefore we
|
|||
// only need to check version 10.14.
|
|||
if (userAgent.Contains("Safari", StringComparison.Ordinal) && |
|||
userAgent.Contains("Macintosh; Intel Mac OS X 10_14", StringComparison.Ordinal) && |
|||
userAgent.Contains("Version/", StringComparison.Ordinal)) |
|||
{ |
|||
return true; |
|||
} |
|||
|
|||
// Cover Chrome 50-69, because some versions are broken by SameSite=None
|
|||
// and none in this range require it.
|
|||
// Note: this covers some pre-Chromium Edge versions,
|
|||
// but pre-Chromium Edge does not require SameSite=None.
|
|||
// Notes from Thinktecture:
|
|||
// We can not validate this assumption, but we trust Microsofts
|
|||
// evaluation. And overall not sending a SameSite value equals to the same
|
|||
// behavior as SameSite=None for these old versions anyways.
|
|||
if (userAgent.Contains("Chrome/5", StringComparison.Ordinal) || |
|||
userAgent.Contains("Chrome/6", StringComparison.Ordinal)) |
|||
{ |
|||
return true; |
|||
} |
|||
|
|||
return false; |
|||
} |
|||
} |
|||
} |
|||
@ -1,36 +0,0 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using Squidex.Areas.Api.Config.OpenApi; |
|||
using Squidex.Web; |
|||
using Squidex.Web.Pipeline; |
|||
|
|||
namespace Squidex.Areas.Api |
|||
{ |
|||
public static class Startup |
|||
{ |
|||
public static void ConfigureApi(this IApplicationBuilder app) |
|||
{ |
|||
app.Map(Constants.PrefixApi, builder => |
|||
{ |
|||
builder.UseAccessTokenQueryString(); |
|||
|
|||
builder.UseRouting(); |
|||
|
|||
builder.UseAuthentication(); |
|||
builder.UseAuthorization(); |
|||
|
|||
builder.UseSquidexOpenApi(); |
|||
|
|||
builder.UseEndpoints(endpoints => |
|||
{ |
|||
endpoints.MapControllers(); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,37 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
namespace Squidex.Areas.Frontend.Middlewares |
|||
{ |
|||
public sealed class EmbedMiddleware |
|||
{ |
|||
private readonly RequestDelegate next; |
|||
|
|||
public EmbedMiddleware(RequestDelegate next) |
|||
{ |
|||
this.next = next; |
|||
} |
|||
|
|||
public Task InvokeAsync(HttpContext context) |
|||
{ |
|||
var request = context.Request; |
|||
|
|||
if (request.Path.StartsWithSegments("/embed", StringComparison.Ordinal, out var remaining)) |
|||
{ |
|||
request.Path = remaining; |
|||
|
|||
var uiOptions = new OptionsFeature(); |
|||
uiOptions.Options["embedded"] = true; |
|||
uiOptions.Options["embedPath"] = "/embed"; |
|||
|
|||
context.Features.Set(uiOptions); |
|||
} |
|||
|
|||
return next(context); |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using Microsoft.AspNetCore.Mvc; |
|||
using Squidex.Shared.Identity; |
|||
|
|||
namespace Squidex.Areas.IdentityServer.Controllers.Info |
|||
{ |
|||
public sealed class InfoController : IdentityServerController |
|||
{ |
|||
[Route("info")] |
|||
[HttpGet] |
|||
public IActionResult Info() |
|||
{ |
|||
var displayName = User.Claims.DisplayName(); |
|||
|
|||
return Ok(new { displayName }); |
|||
} |
|||
} |
|||
} |
|||
@ -1,41 +0,0 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using Squidex.Web; |
|||
|
|||
namespace Squidex.Areas.IdentityServer |
|||
{ |
|||
public static class Startup |
|||
{ |
|||
public static void ConfigureIdentityServer(this IApplicationBuilder app) |
|||
{ |
|||
var environment = app.ApplicationServices.GetRequiredService<IWebHostEnvironment>(); |
|||
|
|||
app.Map(Constants.PrefixIdentityServer, builder => |
|||
{ |
|||
if (environment.IsDevelopment()) |
|||
{ |
|||
builder.UseDeveloperExceptionPage(); |
|||
} |
|||
else |
|||
{ |
|||
builder.UseExceptionHandler("/error"); |
|||
} |
|||
|
|||
builder.UseRouting(); |
|||
|
|||
builder.UseAuthentication(); |
|||
builder.UseAuthorization(); |
|||
|
|||
builder.UseEndpoints(endpoints => |
|||
{ |
|||
endpoints.MapControllers(); |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
@ -1,28 +0,0 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using Orleans; |
|||
using Squidex.Areas.OrleansDashboard.Middlewares; |
|||
using Squidex.Web; |
|||
|
|||
namespace Squidex.Areas.OrleansDashboard |
|||
{ |
|||
public static class Startup |
|||
{ |
|||
public static void ConfigureOrleansDashboard(this IApplicationBuilder app) |
|||
{ |
|||
app.Map(Constants.PrefixOrleans, builder => |
|||
{ |
|||
builder.UseAuthentication(); |
|||
builder.UseAuthorization(); |
|||
|
|||
builder.UseMiddleware<OrleansDashboardAuthenticationMiddleware>(); |
|||
builder.UseOrleansDashboard(); |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
@ -1,27 +0,0 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using Squidex.Areas.Portal.Middlewares; |
|||
using Squidex.Web; |
|||
|
|||
namespace Squidex.Areas.Portal |
|||
{ |
|||
public static class Startup |
|||
{ |
|||
public static void ConfigurePortal(this IApplicationBuilder app) |
|||
{ |
|||
app.Map(Constants.PrefixPortal, builder => |
|||
{ |
|||
builder.UseAuthentication(); |
|||
builder.UseAuthorization(); |
|||
|
|||
builder.UseMiddleware<PortalDashboardAuthenticationMiddleware>(); |
|||
builder.UseMiddleware<PortalRedirectMiddleware>(); |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,76 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
<meta name="mobile-web-app-capable" content="yes"> |
|||
<meta name="apple-mobile-web-app-capable" content="yes"> |
|||
|
|||
<style> |
|||
.element { |
|||
border: 2px dashed red; |
|||
border-radius: 0; |
|||
box-sizing: border-box; |
|||
padding: 20px; |
|||
position: fixed; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
width: 200px; |
|||
} |
|||
|
|||
.element-left { |
|||
left: -100px; |
|||
} |
|||
|
|||
.element-right { |
|||
right: -100px; |
|||
} |
|||
|
|||
.element-top { |
|||
top: -30px; |
|||
} |
|||
|
|||
.element-bottom { |
|||
bottom: -30px; |
|||
} |
|||
|
|||
.element-left, |
|||
.element-center, |
|||
.element-right { |
|||
top: 50%; |
|||
margin-top: -30px; |
|||
} |
|||
|
|||
.element-top, |
|||
.element-center, |
|||
.element-bottom { |
|||
left: 50%; |
|||
margin-left: -100px; |
|||
} |
|||
</style> |
|||
|
|||
<script src="embed-sdk.js"></script> |
|||
</head> |
|||
<body> |
|||
<div class="element element-top" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Top Aligned |
|||
</div> |
|||
|
|||
<div class="element element-right" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Right Aligned |
|||
</div> |
|||
|
|||
<div class="element element-bottom" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Bottom Aligned |
|||
</div> |
|||
|
|||
<div class="element element-left" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Left Aligned |
|||
</div> |
|||
|
|||
<div class="element element-center" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Center |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1 @@ |
|||
.squidex *,.squidex-overlay{box-sizing:border-box}.squidex-overlay{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;position:fixed}.squidex-overlay-border{border:2px solid #3284f4;border-radius:0;pointer-events:none;position:fixed;z-index:100000}.squidex-overlay-toolbar{color:#fff;cursor:pointer;font-size:13px;font-weight:400;position:fixed;white-space:nowrap;z-index:100000}.squidex-overlay-links,.squidex-overlay-schema{display:inline-block;height:30px;padding:5px 8px 3px}.squidex-overlay-schema{background-color:#4a93f5;border:0;border-radius:0}.squidex-overlay-links{background-color:#3284f4;border:0;border-radius:0}.squidex-overlay-links a{color:#fff!important;margin-left:7px;text-decoration:none;text-overflow:inherit}.squidex-overlay-links a:hover{text-decoration:underline!important}.squidex-iframe{background-color:#fff;border:1px solid #dedfe3;border-radius:2px;bottom:50px;box-shadow:0 0 20px rgba(0,0,0,.2);left:50px;position:fixed;right:50px;top:50px}.squidex-iframe iframe{bottom:0;left:0;min-height:100%;min-width:100%;position:absolute;right:0;top:0}.squidex-iframe-close{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#000;border:0;border-radius:20px;box-shadow:0 0 4px rgba(0,0,0,.9);cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;max-height:30px;max-width:30px;min-height:30px;min-width:30px;opacity:.7;position:absolute;right:-15px;top:-15px;transition:opacity .3s ease-in;z-index:1000}.squidex-iframe-close:hover{box-shadow:0 0 4px #000;opacity:1}.squidex-iframe-close svg{fill:#fff} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,84 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using FakeItEasy; |
|||
using Squidex.Domain.Apps.Core.Schemas; |
|||
using Squidex.Domain.Apps.Entities.Contents.Queries.Steps; |
|||
using Squidex.Domain.Apps.Entities.Schemas; |
|||
using Squidex.Domain.Apps.Entities.TestHelpers; |
|||
using Squidex.Infrastructure; |
|||
using Squidex.Infrastructure.Caching; |
|||
using Xunit; |
|||
|
|||
namespace Squidex.Domain.Apps.Entities.Contents.Queries |
|||
{ |
|||
public class EnrichForCachingTests |
|||
{ |
|||
private readonly ISchemaEntity schema; |
|||
private readonly IRequestCache requestCache = A.Fake<IRequestCache>(); |
|||
private readonly Context requestContext; |
|||
private readonly NamedId<DomainId> appId = NamedId.Of(DomainId.NewGuid(), "my-app"); |
|||
private readonly NamedId<DomainId> schemaId = NamedId.Of(DomainId.NewGuid(), "my-schema"); |
|||
private readonly ProvideSchema schemaProvider; |
|||
private readonly EnrichForCaching sut; |
|||
|
|||
public EnrichForCachingTests() |
|||
{ |
|||
requestContext = new Context(Mocks.ApiUser(), Mocks.App(appId)); |
|||
|
|||
schema = Mocks.Schema(appId, schemaId); |
|||
schemaProvider = x => Task.FromResult((schema, ResolvedComponents.Empty)); |
|||
|
|||
sut = new EnrichForCaching(requestCache); |
|||
} |
|||
|
|||
[Fact] |
|||
public async Task Should_add_cache_headers() |
|||
{ |
|||
var headers = new List<string>(); |
|||
|
|||
A.CallTo(() => requestCache.AddHeader(A<string>._)) |
|||
.Invokes(new Action<string>(header => headers.Add(header))); |
|||
|
|||
await sut.EnrichAsync(requestContext, default); |
|||
|
|||
Assert.Equal(new List<string> |
|||
{ |
|||
"X-Flatten", |
|||
"X-Languages", |
|||
"X-NoCleanup", |
|||
"X-NoEnrichment", |
|||
"X-NoResolveLanguages", |
|||
"X-ResolveFlow", |
|||
"X-Resolve-Urls", |
|||
"X-Unpublished" |
|||
}, headers); |
|||
} |
|||
|
|||
[Fact] |
|||
public async Task Should_add_app_version_and_schema_as_dependency() |
|||
{ |
|||
var content = CreateContent(); |
|||
|
|||
await sut.EnrichAsync(requestContext, Enumerable.Repeat(content, 1), schemaProvider, default); |
|||
|
|||
A.CallTo(() => requestCache.AddDependency(content.UniqueId, content.Version)) |
|||
.MustHaveHappened(); |
|||
|
|||
A.CallTo(() => requestCache.AddDependency(schema.UniqueId, schema.Version)) |
|||
.MustHaveHappened(); |
|||
|
|||
A.CallTo(() => requestCache.AddDependency(requestContext.App.UniqueId, requestContext.App.Version)) |
|||
.MustHaveHappened(); |
|||
} |
|||
|
|||
private ContentEntity CreateContent() |
|||
{ |
|||
return new ContentEntity { AppId = appId, Id = DomainId.NewGuid(), SchemaId = schemaId, Version = 13 }; |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,35 @@ |
|||
// ==========================================================================
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex UG (haftungsbeschraenkt)
|
|||
// All rights reserved. Licensed under the MIT license.
|
|||
// ==========================================================================
|
|||
|
|||
using NSwag; |
|||
using TestSuite.Fixtures; |
|||
using Xunit; |
|||
|
|||
#pragma warning disable SA1300 // Element should begin with upper-case letter
|
|||
|
|||
namespace TestSuite.ApiTests |
|||
{ |
|||
public class OpenApiTests : IClassFixture<ClientManagerFixture> |
|||
{ |
|||
public ClientManagerFixture _ { get; } |
|||
|
|||
public OpenApiTests(ClientManagerFixture fixture) |
|||
{ |
|||
_ = fixture; |
|||
} |
|||
|
|||
[Fact] |
|||
public async Task Should_provide_spec() |
|||
{ |
|||
var url = $"{_.ClientManager.Options.Url}/api/swagger/v1/swagger.json"; |
|||
|
|||
var document = await OpenApiDocument.FromUrlAsync(url); |
|||
|
|||
Assert.NotNull(document); |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
node_modules |
|||
/build |
|||
/*.log |
|||
@ -0,0 +1,19 @@ |
|||
# sdk |
|||
|
|||
## CLI Commands |
|||
* `npm install`: Installs dependencies |
|||
|
|||
* `npm run dev`: Run a development, HMR server |
|||
|
|||
* `npm run serve`: Run a production-like server |
|||
|
|||
* `npm run build`: Production-ready build |
|||
|
|||
* `npm run lint`: Pass TypeScript files using ESLint |
|||
|
|||
* `npm run test`: Run Jest and Enzyme with |
|||
[`enzyme-adapter-preact-pure`](https://github.com/preactjs/enzyme-adapter-preact-pure) for |
|||
your tests |
|||
|
|||
|
|||
For detailed explanation on how things work, checkout the [CLI Readme](https://github.com/developit/preact-cli/blob/master/README.md). |
|||
File diff suppressed because it is too large
@ -0,0 +1,42 @@ |
|||
{ |
|||
"private": true, |
|||
"name": "sdk", |
|||
"version": "0.0.0", |
|||
"license": "MIT", |
|||
"scripts": { |
|||
"build": "preact build --prerender false --sw false --esm false --inline-css", |
|||
"dev": "preact watch", |
|||
"lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'", |
|||
"serve": "sirv build --port 8080 --cors --single", |
|||
"start": "preact watch" |
|||
}, |
|||
"eslintConfig": { |
|||
"parser": "@typescript-eslint/parser", |
|||
"extends": [ |
|||
"preact", |
|||
"plugin:@typescript-eslint/recommended" |
|||
], |
|||
"ignorePatterns": [ |
|||
"build/" |
|||
] |
|||
}, |
|||
"dependencies": { |
|||
"preact": "^10.3.1", |
|||
"preact-render-to-string": "^5.1.4" |
|||
}, |
|||
"devDependencies": { |
|||
"@types/enzyme": "^3.10.5", |
|||
"@types/jest": "^26.0.8", |
|||
"@typescript-eslint/eslint-plugin": "^2.25.0", |
|||
"@typescript-eslint/parser": "^2.25.0", |
|||
"enzyme": "^3.11.0", |
|||
"enzyme-adapter-preact-pure": "^3.1.0", |
|||
"eslint": "^6.8.0", |
|||
"eslint-config-preact": "^1.1.1", |
|||
"preact-cli": "^3.0.0", |
|||
"sass": "^1.49.0", |
|||
"sass-loader": "^10.2.1", |
|||
"sirv-cli": "^1.0.0-next.3", |
|||
"typescript": "^4.5.2" |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
[{"timestamp":1643040747792,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":0,"diff":-665},{"filename":"index.html","previous":971,"size":982,"diff":11},{"filename":"bundle.*****.js","previous":7778,"size":7944,"diff":166},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0},{"filename":"bundle.9727e.css","previous":0,"size":686,"diff":686}]},{"timestamp":1643037266163,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":951,"size":971,"diff":20},{"filename":"bundle.*****.js","previous":7778,"size":7778,"diff":0},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1643037028401,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":861,"size":951,"diff":90},{"filename":"bundle.*****.js","previous":7778,"size":7778,"diff":0},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1643036552475,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":860,"size":861,"diff":1},{"filename":"bundle.*****.js","previous":7779,"size":7778,"diff":-1},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1642880373297,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":770,"size":860,"diff":90},{"filename":"bundle.*****.js","previous":7165,"size":7779,"diff":614},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1642793188355,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":770,"size":770,"diff":0},{"filename":"bundle.*****.js","previous":7169,"size":7165,"diff":-4},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1642792886072,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":771,"size":770,"diff":-1},{"filename":"bundle.*****.js","previous":7165,"size":7169,"diff":4},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1642792872086,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":770,"size":771,"diff":1},{"filename":"bundle.*****.js","previous":7122,"size":7165,"diff":43},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1642792547160,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"index.html","previous":772,"size":770,"diff":-2},{"filename":"bundle.*****.js","previous":7029,"size":7122,"diff":93},{"filename":"polyfills.*****.js","previous":2291,"size":2291,"diff":0}]},{"timestamp":1642792111367,"files":[{"filename":"bundle.8ec41.css","previous":665,"size":665,"diff":0},{"filename":"bundle.*****.esm.js","previous":6968,"size":0,"diff":-6968},{"filename":"polyfills.*****.esm.js","previous":2191,"size":0,"diff":-2191},{"filename":"sw.js","previous":10444,"size":0,"diff":-10444},{"filename":"sw-esm.js","previous":10447,"size":0,"diff":-10447},{"filename":"bundle.dbe17.js","previous":7062,"size":0,"diff":-7062},{"filename":"polyfills.03377.js","previous":2291,"size":0,"diff":-2291},{"filename":"index.html","previous":806,"size":772,"diff":-34},{"filename":"200.html","previous":806,"size":0,"diff":-806},{"filename":"bundle.*****.js","previous":0,"size":7029,"diff":7029},{"filename":"polyfills.*****.js","previous":0,"size":2291,"diff":2291}]},{"timestamp":1642792036250,"files":[{"filename":"bundle.8ec41.css","previous":0,"size":665,"diff":665},{"filename":"bundle.*****.esm.js","previous":0,"size":6968,"diff":6968},{"filename":"polyfills.*****.esm.js","previous":0,"size":2191,"diff":2191},{"filename":"sw.js","previous":0,"size":10444,"diff":10444},{"filename":"sw-esm.js","previous":0,"size":10447,"diff":10447},{"filename":"bundle.dbe17.js","previous":0,"size":7062,"diff":7062},{"filename":"polyfills.03377.js","previous":0,"size":2291,"diff":2291},{"filename":"index.html","previous":0,"size":806,"diff":806},{"filename":"200.html","previous":0,"size":806,"diff":806}]}] |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"presets": [ |
|||
"preact-cli/babel" |
|||
] |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
import { h } from 'preact'; |
|||
|
|||
export interface IFrameProps { |
|||
// The url to embed.
|
|||
url: string; |
|||
|
|||
// When closed.
|
|||
onClose: () => void; |
|||
} |
|||
|
|||
export const IFrame = (props: IFrameProps) => { |
|||
const { url, onClose } = props; |
|||
return ( |
|||
<div class='squidex-iframe'> |
|||
<button class='squidex-iframe-close' onClick={onClose}> |
|||
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'> |
|||
<path d='M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z'></path> |
|||
</svg> |
|||
</button> |
|||
|
|||
<iframe src={url} frameBorder={0}></iframe> |
|||
</div> |
|||
); |
|||
}; |
|||
@ -0,0 +1,230 @@ |
|||
import { h } from 'preact'; |
|||
import { useCallback, useEffect, useRef, useState } from 'preact/hooks'; |
|||
import { IFrame } from './iframe'; |
|||
import { Overlay } from './Overlay'; |
|||
import { TokenInfo } from './shared'; |
|||
|
|||
export interface OverlayContainerProps { |
|||
// The base url of the script.
|
|||
baseUrl: string | null | undefined; |
|||
} |
|||
|
|||
type AuthState = 'Authenticated' | 'Failed' | 'Pending'; |
|||
|
|||
const UNSET = { x: Number.NEGATIVE_INFINITY, y: Number.NEGATIVE_INFINITY }; |
|||
|
|||
export const OverlayContainer = (props: OverlayContainerProps) => { |
|||
const div = useRef<any>(); |
|||
const [auth, setAuth] = useState<{ [url: string]: AuthState }>({}); |
|||
const [target, setTarget] = useState<{ target: HTMLElement, token: TokenInfo }>(); |
|||
const [targetUrl, setTargetUrl] = useState<string>(); |
|||
const authRef = useRef(auth); |
|||
|
|||
useEffect(() => { |
|||
let previousElement: any; |
|||
let previousTarget: HTMLElement | undefined = undefined; |
|||
let previousPosition = UNSET; |
|||
|
|||
const updateTarget = (target?: HTMLElement, token?: TokenInfo) => { |
|||
if (target !== previousTarget) { |
|||
if (target && token) { |
|||
setTarget({ target, token }); |
|||
} else { |
|||
setTarget(undefined); |
|||
} |
|||
|
|||
previousTarget = target; |
|||
} |
|||
}; |
|||
|
|||
function listen(event: MouseEvent) { |
|||
const element = event.target as HTMLElement; |
|||
|
|||
console.log(element); |
|||
|
|||
if (!element || isToolbar(element)) { |
|||
return; |
|||
} |
|||
|
|||
const { token, target } = parseTokenInPath(element, Object.keys(authRef.current)); |
|||
const position = { x: event.clientX, y: event.clientY }; |
|||
|
|||
if (token && target) { |
|||
updateTarget(target, token); |
|||
|
|||
previousPosition = position; |
|||
} else if (Math.abs(position.x - previousPosition.x) + Math.abs(position.y - previousPosition.y) > 20) { |
|||
updateTarget(undefined, undefined); |
|||
} |
|||
|
|||
previousElement = element; |
|||
} |
|||
|
|||
document.addEventListener('mousemove', listen); |
|||
|
|||
return () => { |
|||
document.removeEventListener('mousemove', listen); |
|||
} |
|||
}, []); |
|||
|
|||
const checkAuth = useCallback((url: string | null | undefined) => { |
|||
if (!url) { |
|||
return; |
|||
} |
|||
|
|||
if (authRef.current[url]) { |
|||
return; |
|||
} |
|||
|
|||
const updateAuth = (state: AuthState) => { |
|||
const newAuth = { |
|||
...authRef.current, |
|||
[url]: state |
|||
}; |
|||
|
|||
authRef.current = newAuth; |
|||
|
|||
setAuth(newAuth); |
|||
}; |
|||
|
|||
if (url.indexOf('http://') === 0) { |
|||
updateAuth('Authenticated'); |
|||
return; |
|||
} |
|||
|
|||
const fetchStatus = async () => { |
|||
updateAuth('Pending'); |
|||
|
|||
try { |
|||
const response = await fetch(`${url}/identity-server/info`, { |
|||
credentials: 'include' |
|||
}); |
|||
|
|||
const json = await response.json(); |
|||
|
|||
updateAuth(json.displayName ? 'Authenticated' : 'Failed'); |
|||
} catch { |
|||
updateAuth('Failed'); |
|||
} |
|||
}; |
|||
|
|||
fetchStatus(); |
|||
}, [auth]); |
|||
|
|||
useEffect(() => { |
|||
checkAuth(props.baseUrl); |
|||
}, [props.baseUrl]); |
|||
|
|||
useEffect(() => { |
|||
checkAuth(target?.token.u); |
|||
}, [target?.token.u]); |
|||
|
|||
const isAuthenticated = auth[target?.token.u!] === 'Authenticated' |
|||
|
|||
return ( |
|||
<div class='squidex' ref={div}> |
|||
{target && isAuthenticated && |
|||
<Overlay onOpen={setTargetUrl} {...target} /> |
|||
} |
|||
|
|||
{targetUrl && |
|||
<IFrame url={targetUrl} onClose={() => setTargetUrl(undefined)} /> |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
const CDN_URL = 'https://assets.squidex.io'; |
|||
|
|||
function isToolbar(target: HTMLElement) { |
|||
let current = target; |
|||
|
|||
while (current) { |
|||
if (current.className === 'squidex-overlay-toolbar') { |
|||
return true; |
|||
} |
|||
|
|||
current = current.parentElement as HTMLElement; |
|||
} |
|||
|
|||
return false; |
|||
} |
|||
|
|||
function parseTokenInPath(target: HTMLElement, baseUrls: string[]): { token?: TokenInfo, target?: HTMLElement } { |
|||
let current = target; |
|||
|
|||
while (current) { |
|||
const token = parseToken(current, baseUrls); |
|||
|
|||
if (token) { |
|||
return { token, target: current }; |
|||
} |
|||
|
|||
current = current.parentElement as HTMLElement; |
|||
} |
|||
|
|||
return {}; |
|||
} |
|||
|
|||
function parseToken(target: HTMLElement, baseUrls: string[]): TokenInfo | null { |
|||
const value = target.getAttribute('squidex-token'); |
|||
|
|||
if (!value && target.nodeName === 'IMG') { |
|||
const src = (target as any)['src'] as string; |
|||
|
|||
if (src) { |
|||
for (const baseUrl of baseUrls) { |
|||
if (src.indexOf(baseUrl) === 0) { |
|||
const parts = src.substring(baseUrl.length + 1).split('/'); |
|||
|
|||
if (parts[0] === 'api' && |
|||
parts[1] === 'assets' && |
|||
parts[2]?.length > 0 && |
|||
parts[3]?.length > 0) { |
|||
return { |
|||
u: baseUrl, |
|||
a: parts[2], |
|||
i: parts[3] |
|||
}; |
|||
} |
|||
} |
|||
} |
|||
|
|||
if (src.indexOf(CDN_URL) === 0) { |
|||
const parts = src.substring(CDN_URL.length + 1).split('/'); |
|||
|
|||
if (parts[0]?.length > 0 && |
|||
parts[1]?.length > 0) { |
|||
return { |
|||
u: CDN_URL, |
|||
a: parts[0], |
|||
i: parts[1] |
|||
}; |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
if (!value) { |
|||
return null; |
|||
} |
|||
|
|||
try { |
|||
const decoded = atob(value); |
|||
|
|||
let token = JSON.parse(decoded) as TokenInfo; |
|||
|
|||
if (!token.u || !token.i || !token.a) { |
|||
return null; |
|||
} |
|||
|
|||
while (token.u.endsWith('/')) { |
|||
token.u = token.u.substring(0, token.u.length - 1); |
|||
} |
|||
|
|||
return token; |
|||
} catch { |
|||
return null; |
|||
} |
|||
} |
|||
@ -0,0 +1,147 @@ |
|||
import { h } from 'preact'; |
|||
import { useEffect, useState, useMemo, useRef, useLayoutEffect } from 'preact/hooks'; |
|||
import { TokenInfo } from './shared'; |
|||
|
|||
export interface OverlayProps { |
|||
// The target element ot attach to.
|
|||
target: HTMLElement; |
|||
|
|||
// The token string.
|
|||
token: TokenInfo; |
|||
|
|||
// When opened.
|
|||
onOpen: (url: string) => void; |
|||
} |
|||
|
|||
const PADDING = 2; |
|||
|
|||
export const Overlay = (props: OverlayProps) => { |
|||
const { onOpen, target, token } = props; |
|||
const toolbarRef = useRef<HTMLDivElement>(); |
|||
const linksRect = useRef<DOMRect>(); |
|||
const targetRect = useRef<DOMRect>(); |
|||
const [_, render] = useState(0); |
|||
|
|||
useEffect(() => { |
|||
render(x => x + 1); |
|||
}, [token]); |
|||
|
|||
useEffect(() => { |
|||
function layout() { |
|||
const rect = target.getBoundingClientRect(); |
|||
|
|||
const current = targetRect.current; |
|||
|
|||
if (!current || |
|||
rect.height !== current.height || |
|||
rect.width !== current.width || |
|||
rect.x !== current.x || |
|||
rect.y !== current.y) { |
|||
targetRect.current = rect; |
|||
render(x => x + 1); |
|||
} |
|||
} |
|||
|
|||
document.body.addEventListener('scroll', layout); |
|||
|
|||
const timer = setInterval(() => { |
|||
layout(); |
|||
}, 500); |
|||
|
|||
layout(); |
|||
|
|||
return () => { |
|||
clearInterval(timer); |
|||
|
|||
document.body.removeEventListener('scroll', layout); |
|||
}; |
|||
}, [target]); |
|||
|
|||
useLayoutEffect(() => { |
|||
if (!toolbarRef.current) { |
|||
return; |
|||
} |
|||
|
|||
const rect = toolbarRef.current.getBoundingClientRect(); |
|||
|
|||
const current = linksRect.current; |
|||
|
|||
if (!current || |
|||
rect.height !== current.height || |
|||
rect.width !== current.width) { |
|||
linksRect.current = rect; |
|||
render(x => x + 1); |
|||
} |
|||
}, [render]); |
|||
|
|||
const externalUrl = useMemo(() => { |
|||
let { a, i, s, u } = token; |
|||
|
|||
if (s) { |
|||
return `${u}/app/${a}/content/${s}/${i}`; |
|||
} else { |
|||
return `${u}/app/${a}/assets/?ref=${i}`; |
|||
} |
|||
}, [token]); |
|||
|
|||
const embedUrl = useMemo(() => { |
|||
let { a, i, s, u } = token; |
|||
|
|||
if (s) { |
|||
return `${u}/embed/app/${a}/content/${s}/${i}`; |
|||
} else { |
|||
return `${u}/embed/app/${a}/assets/?ref=${i}`; |
|||
} |
|||
}, [token]); |
|||
|
|||
const x = (targetRect.current?.x || 0) - PADDING; |
|||
const y = (targetRect.current?.y || 0) - PADDING; |
|||
|
|||
const overlayWidth = (targetRect.current?.width || 0) + 2 * PADDING; |
|||
const overlayHeight = (targetRect.current?.height || 0) + 2 * PADDING; |
|||
|
|||
const toolbarWidth = (linksRect.current?.width || 0); |
|||
const toolbarHeight = (linksRect.current?.height || 0); |
|||
|
|||
let linkX = x; |
|||
let linkY = y - toolbarHeight + 2; |
|||
|
|||
if (linkY < 0) { |
|||
linkY = y + overlayHeight - 2; |
|||
} |
|||
|
|||
if (linkY + toolbarHeight > window.innerHeight) { |
|||
linkX = window.innerHeight - toolbarHeight; |
|||
} |
|||
|
|||
if (linkX < 0) { |
|||
linkX = 0; |
|||
} |
|||
|
|||
if (linkX + toolbarWidth > window.innerWidth) { |
|||
linkX = window.innerWidth - toolbarWidth; |
|||
} |
|||
|
|||
return ( |
|||
<div class='squidex-overlay'> |
|||
<div class='squidex-overlay-border' style={{ left: x, top: y, width: overlayWidth, height: overlayHeight }}> |
|||
</div> |
|||
|
|||
<div class='squidex-overlay-toolbar' style={{ left: linkX, top: linkY }} ref={toolbarRef as any}> |
|||
<div class='squidex-overlay-schema'> |
|||
{token?.s || 'Asset'} |
|||
</div> |
|||
|
|||
<div class='squidex-overlay-links' data-links={true}> |
|||
<a onClick={() => onOpen(embedUrl)}> |
|||
Edit Inline |
|||
</a> |
|||
|
|||
<a href={externalUrl!} target='_blank'> |
|||
Edit In Squidex |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
}; |
|||
@ -0,0 +1,13 @@ |
|||
export interface TokenInfo { |
|||
// The content or asset id.
|
|||
i: string; |
|||
|
|||
// The app name.
|
|||
a: string; |
|||
|
|||
// The schema name.
|
|||
s?: string; |
|||
|
|||
// The base url.
|
|||
u: string; |
|||
} |
|||
@ -0,0 +1,37 @@ |
|||
/* |
|||
* Squidex Headless CMS |
|||
* |
|||
* @license |
|||
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. |
|||
*/ |
|||
|
|||
import './style/index.scss'; |
|||
import { renderOverlay } from './render'; |
|||
import { getBaseUrl } from './utils'; |
|||
|
|||
const baseUrl = getBaseUrl(); |
|||
|
|||
function init() { |
|||
renderOverlay(baseUrl); |
|||
renderStyles(); |
|||
} |
|||
|
|||
function renderStyles() { |
|||
if (!baseUrl) { |
|||
return; |
|||
} |
|||
|
|||
const styleElement = document.createElement('link'); |
|||
|
|||
styleElement.rel = 'stylesheet'; |
|||
styleElement.href = `${baseUrl}/scripts/embed-sdk.css`; |
|||
styleElement.type = 'text/css'; |
|||
|
|||
document.head?.appendChild(styleElement); |
|||
} |
|||
|
|||
if (document.readyState === 'complete') { |
|||
init(); |
|||
} else { |
|||
window.addEventListener('load', () => init()); |
|||
} |
|||
@ -0,0 +1,21 @@ |
|||
{ |
|||
"name": "sdk", |
|||
"short_name": "sdk", |
|||
"start_url": "/", |
|||
"display": "standalone", |
|||
"orientation": "portrait", |
|||
"background_color": "#fff", |
|||
"theme_color": "#673ab8", |
|||
"icons": [ |
|||
{ |
|||
"src": "/assets/icons/android-chrome-192x192.png", |
|||
"type": "image/png", |
|||
"sizes": "192x192" |
|||
}, |
|||
{ |
|||
"src": "/assets/icons/android-chrome-512x512.png", |
|||
"type": "image/png", |
|||
"sizes": "512x512" |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
/* |
|||
* Squidex Headless CMS |
|||
* |
|||
* @license |
|||
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. |
|||
*/ |
|||
|
|||
import { h, render } from 'preact'; |
|||
import { OverlayContainer } from './components/overlay-container'; |
|||
|
|||
let element: HTMLDivElement | null = null; |
|||
|
|||
export function renderOverlay(baseUrl: string | null | undefined) { |
|||
if (!element) { |
|||
element = document.body.appendChild(document.createElement('div')); |
|||
} |
|||
|
|||
render(<OverlayContainer baseUrl={baseUrl} />, element) |
|||
} |
|||
@ -0,0 +1,125 @@ |
|||
$color-theme-brand: #3389ff; |
|||
$color-theme-brand-dark: #3284f4; |
|||
$color-theme-brand-darker: #2f7deb; |
|||
$color-border: #dedfe3; |
|||
|
|||
@mixin position($t: null, $r: null, $b: null, $l: null) { |
|||
bottom: $b; left: $l; right: $r; top: $t; |
|||
} |
|||
|
|||
@mixin absolute($t: null, $r: null, $b: null, $l: null) { |
|||
@include position($t, $r, $b, $l); |
|||
position: absolute; |
|||
} |
|||
|
|||
@mixin fixed($t: null, $r: null, $b: null, $l: null) { |
|||
@include position($t, $r, $b, $l); |
|||
position: fixed; |
|||
} |
|||
|
|||
.squidex { |
|||
* { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
&-overlay { |
|||
box-sizing: border-box; |
|||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; |
|||
font-weight: normal; |
|||
position: fixed; |
|||
|
|||
&-border { |
|||
border: 2px solid $color-theme-brand-dark; |
|||
border-radius: 0; |
|||
position: fixed; |
|||
pointer-events: none; |
|||
z-index: 100000; |
|||
} |
|||
|
|||
&-toolbar { |
|||
color: #fff; |
|||
cursor: pointer; |
|||
font-size: 13px; |
|||
font-weight: normal; |
|||
position: fixed; |
|||
white-space: nowrap; |
|||
z-index: 100000; |
|||
} |
|||
|
|||
&-schema, |
|||
&-links { |
|||
display: inline-block; |
|||
height: 30px; |
|||
padding: 3px 8px; |
|||
padding-top: 5px; |
|||
} |
|||
|
|||
&-schema { |
|||
background-color: lighten($color-theme-brand-dark, 5%); |
|||
border: 0; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
&-links { |
|||
background-color: $color-theme-brand-dark; |
|||
border: 0; |
|||
border-radius: 0; |
|||
|
|||
a { |
|||
margin-left: 7px; |
|||
text-overflow: inherit; |
|||
text-decoration: none; |
|||
|
|||
& { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
&:hover { |
|||
text-decoration: underline !important; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
&-iframe { |
|||
@include fixed(50px, 50px, 50px, 50px); |
|||
background-color: white; |
|||
border: 1px solid $color-border; |
|||
border-radius: 2px; |
|||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); |
|||
|
|||
iframe { |
|||
@include absolute(0, 0, 0, 0); |
|||
min-width: 100%; |
|||
min-height: 100%; |
|||
} |
|||
|
|||
&-close { |
|||
@include absolute(-15px, -15px); |
|||
align-items: center; |
|||
background-color: black; |
|||
border-radius: 20px; |
|||
border: 0; |
|||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.9); |
|||
cursor: pointer; |
|||
display: flex; |
|||
max-height: 30px; |
|||
max-width: 30px; |
|||
min-height: 30px; |
|||
min-width: 30px; |
|||
justify-content: center; |
|||
transition: opacity .3s ease-in; |
|||
opacity: .7; |
|||
z-index: 1000; |
|||
|
|||
&:hover { |
|||
box-shadow: 0 0 4px rgba(0, 0, 0, 1); |
|||
opacity: 1; |
|||
} |
|||
|
|||
svg { |
|||
fill: white; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,99 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title><% preact.title %></title> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
<meta name="mobile-web-app-capable" content="yes"> |
|||
<meta name="apple-mobile-web-app-capable" content="yes"> |
|||
<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png"> |
|||
<% preact.headEnd %> |
|||
|
|||
<style> |
|||
.element { |
|||
border: 2px dashed red; |
|||
border-radius: 0; |
|||
box-sizing: border-box; |
|||
padding: 20px; |
|||
position: fixed; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
width: 200px; |
|||
} |
|||
|
|||
.element-left { |
|||
left: -100px; |
|||
} |
|||
|
|||
.element-right { |
|||
right: -100px; |
|||
} |
|||
|
|||
.element-top { |
|||
top: -30px; |
|||
} |
|||
|
|||
.element-bottom { |
|||
bottom: -30px; |
|||
} |
|||
|
|||
.element-left, |
|||
.element-center, |
|||
.element-right { |
|||
top: 50%; |
|||
margin-top: -30px; |
|||
} |
|||
|
|||
.element-top, |
|||
.element-center, |
|||
.element-bottom { |
|||
left: 50%; |
|||
margin-left: -100px; |
|||
} |
|||
|
|||
.element-image { |
|||
padding: 0; |
|||
left: 50%; |
|||
margin-left: -300px; |
|||
margin-top: -150px; |
|||
top: 50%; |
|||
width: 600px; |
|||
} |
|||
|
|||
.element-image img { |
|||
max-width: 100%; |
|||
max-height: none; |
|||
display: block; |
|||
} |
|||
</style> |
|||
|
|||
<script src="https://localhost:5001/scripts/test.js"></script> |
|||
</head> |
|||
<body> |
|||
<% preact.bodyEnd %> |
|||
|
|||
<div class="element element-top" squidex-token="eyJhIjoic3F1aWRleC13ZWJzaXRlIiwicyI6ImJsb2ciLCJpIjoiZmQxZDkzNjYtNDY3ZS00MmFiLWE5MzYtYmNmNDk3NjIxYjk4IiwidSI6Imh0dHBzOi8vbG9jYWxob3N0OjUwMDEvIn0="> |
|||
Top Aligned |
|||
</div> |
|||
|
|||
<div class="element element-right" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Right Aligned |
|||
</div> |
|||
|
|||
<div class="element element-bottom" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Bottom Aligned |
|||
</div> |
|||
|
|||
<div class="element element-left" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Left Aligned |
|||
</div> |
|||
|
|||
<div class="element element-image"> |
|||
<img src="https://localhost:5001/api/assets/test/51135569-96e0-45f2-a5c2-8102ad4b4bf3/mydraft.gif?version=0"> |
|||
</div> |
|||
|
|||
<div class="element element-center" squidex-token="ewogICJ1IjogImh0dHBzOi8vbG9jYWxob3N0OjUwMDEiLAogICJhIjogInRlc3QiLAogICJzIjogInRlc3QiLAogICJpIjogIjI0ZWQxMWJhLWJjNzItNDMzZS04ODRjLWE0NGE3ODIwYjU1MSIgIAp9"> |
|||
Center |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,52 @@ |
|||
/* |
|||
* Squidex Headless CMS |
|||
* |
|||
* @license |
|||
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. |
|||
*/ |
|||
|
|||
export function isArray(value: any): value is any[] { |
|||
return Array.isArray(value); |
|||
} |
|||
|
|||
export function isString(value: any): value is string { |
|||
return typeof value === 'string' || value instanceof String; |
|||
} |
|||
|
|||
export function isUndefined(value: any): value is undefined { |
|||
return typeof value === 'undefined'; |
|||
} |
|||
|
|||
export function isBoolean(value: any): value is boolean { |
|||
return typeof value === 'boolean'; |
|||
} |
|||
|
|||
export function isFunction(value: any): value is Function { |
|||
return typeof value === 'function'; |
|||
} |
|||
|
|||
export function isNumber(value: any): value is number { |
|||
return typeof value === 'number' && Number.isFinite(value); |
|||
} |
|||
|
|||
export function isObject(value: any): value is Object { |
|||
return value && typeof value === 'object' && value.constructor === Object; |
|||
} |
|||
|
|||
export function getBaseUrl() { |
|||
let url = (document.currentScript as any)?.['src'] as string; |
|||
|
|||
if (!isString(url)) { |
|||
return null; |
|||
} |
|||
|
|||
url = url.trim(); |
|||
|
|||
let indexOfHash = url.indexOf('/', 'https://'.length); |
|||
|
|||
if (indexOfHash > 0) { |
|||
url = url.substring(0, indexOfHash); |
|||
} |
|||
|
|||
return url; |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"allowJs": true, |
|||
"esModuleInterop": true, |
|||
"jsx": "react", |
|||
"jsxFactory": "h", |
|||
"jsxFragmentFactory": "Fragment", |
|||
"module": "ESNext", |
|||
"moduleResolution": "node", |
|||
"noEmit": true, |
|||
"skipLibCheck": true, |
|||
"strict": true, |
|||
"target": "ES5" |
|||
}, |
|||
"include": ["src/**/*", "tests/**/*"] |
|||
} |
|||
Loading…
Reference in new issue