Cloudfront customOriginSource with s3 reference seems to be broken

Given the following resources:

const bucket = new s3.Bucket(this, `${props.name}Bucket`, {
  publicReadAccess: true,
  websiteIndexDocument: "index.html",
  websiteErrorDocument: "404.html",
  removalPolicy: cdk.RemovalPolicy.Orphan
});


new cloudfront.CloudFrontWebDistribution(
  this,
  `${props.name}Distribution`,
  {
    aliasConfiguration: {
      names: props.domainNames,
      acmCertRef: props.certificateArn 
    },
    viewerProtocolPolicy: cloudfront.ViewerProtocolPolicy.RedirectToHTTPS,
    priceClass: cloudfront.PriceClass.PriceClass200,
    originConfigs: [
      {
        customOriginSource: {
          originProtocolPolicy: cloudfront.OriginProtocolPolicy.HttpOnly,
          domainName: bucket.bucketWebsiteUrl
        },
        behaviors: [{ isDefaultBehavior: true }]
      }
    ]
  }
);

The stack synthesizes properly, but the creation fails with the following error message:

 5/10 | 11:37:27 PM | CREATE_FAILED        | AWS::CloudFront::Distribution | LivejamDistribution/LivejamMainDistribution/CFDistribution (LivejamDistributionLivejamMainDistributionCFDistribution579AF62B) The parameter origin name cannot contain a colon. (Service: AmazonCloudFront; Status Code: 400; Error Code: InvalidArgument; Request ID: ed592c47-394d-11e9-9a3d-7928c3cc16b1)

When I provide the domainName as string input, it works as expected.

[vahdet]

A quick workaround for getting rid of http:// or https:// is splitting the WebsiteURL of the bucket. See the DomainName value in the following snippet:

Resources:
  MyBucket:
    Type: AWS::S3::Bucket
    ...

  MyCloudFrontDistribution:
    Type: AWS::CloudFront::Distribution
    Properties:
      DistributionConfig:
        Enabled: true
        Origins:
          - Id: MyCloudFrontDistributionId
            DomainName: !Select [1, !Split ["//", !GetAtt MyBucket.WebsiteURL]]
            CustomOriginConfig:
              ...

[PinkyJie]

For anyone others who stumble into the same issues, I found 2 working solutions:

customOriginSource: {
 domainName: URL.substring("https://".length, URL.indexOf("/", "https://".length))
},

customOriginSource: {
  domainName: cdk.Fn.select(2, cdk.Fn.split("/", URL))
},