You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/04/17 22:15:05 UTC
[royale-asjs] branch develop updated: a new example showing
markdown with highlight code,
this could be the seed for a future royale website
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 58d4d7b a new example showing markdown with highlight code, this could be the seed for a future royale website
58d4d7b is described below
commit 58d4d7b3eed68794f90a0715193d44f7e75352fc
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sat Apr 18 00:15:00 2020 +0200
a new example showing markdown with highlight code, this could be the seed for a future royale website
---
examples/jewel/royale-website/README.txt | 23 ++++
examples/jewel/royale-website/asconfig.json | 19 +++
examples/jewel/royale-website/build.xml | 64 ++++++++++
examples/jewel/royale-website/pom.xml | 141 +++++++++++++++++++++
.../src/main/config/compile-app-config.xml | 34 +++++
.../main/resources/assets/apache-royale-logo.svg | 20 +++
.../src/main/resources/assets/royale_spheres.png | Bin 0 -> 64660 bytes
.../resources/jewel-example-index-template.html | 30 +++++
.../src/main/resources/jewel-example-styles.css | 70 ++++++++++
.../jewel/royale-website/src/main/royale/App.mxml | 47 +++++++
.../src/main/royale/MainContent.mxml | 77 +++++++++++
.../jewel/royale-website/src/main/royale/hljs.as | 61 +++++++++
.../royale-website/src/main/royale/markdownit.as | 47 +++++++
13 files changed, 633 insertions(+)
diff --git a/examples/jewel/royale-website/README.txt b/examples/jewel/royale-website/README.txt
new file mode 100644
index 0000000..f8548a6
--- /dev/null
+++ b/examples/jewel/royale-website/README.txt
@@ -0,0 +1,23 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+DESCRIPTION
+
+WebSite with Markdown
+
diff --git a/examples/jewel/royale-website/asconfig.json b/examples/jewel/royale-website/asconfig.json
new file mode 100644
index 0000000..f3a1cad
--- /dev/null
+++ b/examples/jewel/royale-website/asconfig.json
@@ -0,0 +1,19 @@
+{
+ "config": "royale",
+ "compilerOptions": {
+ "debug": false,
+ "targets": ["JSRoyale"],
+ "source-path": [
+ "src/main/resources"
+ ],
+ "source-map": true,
+ "html-template": "src/main/resources/jewel-example-index-template.html",
+ "theme": "${royalelib}/themes/JewelTheme/src/main/resources/defaults.css"
+ },
+ "copySourcePathAssets": true,
+ "additionalOptions": "-js-dynamic-access-unknown-members=true",
+ "files":
+ [
+ "src/main/royale/App.mxml"
+ ]
+}
diff --git a/examples/jewel/royale-website/build.xml b/examples/jewel/royale-website/build.xml
new file mode 100644
index 0000000..e22a4f4
--- /dev/null
+++ b/examples/jewel/royale-website/build.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<project name="royale-website" default="main" basedir=".">
+ <property name="ROYALE_HOME" location="../../.."/>
+ <property name="example" value="App" />
+
+ <property file="${ROYALE_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${ROYALE_HOME}/build.properties"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+
+ <include file="${basedir}/../../build_example.xml" />
+
+ <target name="main" depends="clean,build_example.compile" description="Clean build of ${example}">
+ <mkdir dir="${basedir}/bin/js-debug/assets" />
+ <copy todir="${basedir}/bin/js-debug/assets" failonerror="false">
+ <fileset dir="${basedir}/src/main/resources/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ <mkdir dir="${basedir}/bin/js-release/assets" />
+ <copy todir="${basedir}/bin/js-release/assets" failonerror="false">
+ <fileset dir="${basedir}/src/main/resources/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ </target>
+
+ <target name="clean">
+ <delete dir="${basedir}/bin" failonerror="false" />
+ <delete dir="${basedir}/bin-debug" failonerror="false" />
+ <delete dir="${basedir}/bin-release" failonerror="false" />
+ <delete dir="${basedir}/target" failonerror="false" />
+ </target>
+
+ <target name="examine" depends="build_example.get.browser">
+ <property name="which" value="debug" />
+ <echo message="See various team members."/>
+ <exec executable="${browser}" dir="${basedir}/bin/js-${which}" failonerror="true">
+ <arg value="${basedir}/bin/js-${which}/index.html"/>
+ </exec>
+ </target>
+
+
+</project>
diff --git a/examples/jewel/royale-website/pom.xml b/examples/jewel/royale-website/pom.xml
new file mode 100644
index 0000000..56e20ce
--- /dev/null
+++ b/examples/jewel/royale-website/pom.xml
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+
+ <parent>
+ <groupId>org.apache.royale.examples</groupId>
+ <artifactId>examples-jewel</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ </parent>
+
+ <artifactId>royale-website</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <packaging>swf</packaging>
+
+ <name>Apache Royale: Examples: Jewel: Royale Website</name>
+
+ <build>
+ <sourceDirectory>src/main/royale</sourceDirectory>
+ <plugins>
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-dependency-plugin</artifactId>
+ <executions>
+ <execution>
+ <id>copy-themes</id>
+ <phase>generate-resources</phase>
+ <configuration>
+ <includes>defaults.css</includes>
+ </configuration>
+ </execution>
+ </executions>
+ </plugin>
+ <plugin>
+ <groupId>org.apache.royale.compiler</groupId>
+ <artifactId>royale-maven-plugin</artifactId>
+ <extensions>true</extensions>
+ <configuration>
+ <mainClass>App.mxml</mainClass>
+ <targets>JSRoyale</targets>
+ <debug>false</debug>
+ <htmlTemplate>${basedir}/target/javascript/bin/js-debug/jewel-example-index-template.html</htmlTemplate>
+ <additionalCompilerOptions>-source-map=true;-js-dynamic-access-unknown-members=true</additionalCompilerOptions>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
+
+ <dependencies>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Formatters</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>js</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Icons</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>js</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Network</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>js</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>JewelTheme</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <scope>theme</scope>
+ <classifier>js</classifier>
+ </dependency>
+ </dependencies>
+
+ <profiles>
+ <profile>
+ <id>option-with-swf</id>
+ <dependencies>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Formatters</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Jewel</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Icons</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>HTML</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Network</artifactId>
+ <version>0.9.7-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ </dependencies>
+ </profile>
+ </profiles>
+
+</project>
diff --git a/examples/jewel/royale-website/src/main/config/compile-app-config.xml b/examples/jewel/royale-website/src/main/config/compile-app-config.xml
new file mode 100644
index 0000000..ce3103c
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/config/compile-app-config.xml
@@ -0,0 +1,34 @@
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<royale-config>
+ <js-output-optimization>
+ <optimization>skipAsCoercions</optimization>
+ </js-output-optimization>
+ <compiler>
+ <targets>
+ <target>JSRoyale</target>
+ </targets>
+ <theme>
+ <filename>../../../../../../frameworks/libs/JewelTheme.swc</filename>
+ <filename>../../../../../../frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css</filename>
+ <filename>../../../../../../frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css</filename>
+ <filename>../../../../../../frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css</filename>
+ </theme>
+ </compiler>
+</royale-config>
diff --git a/examples/jewel/royale-website/src/main/resources/assets/apache-royale-logo.svg b/examples/jewel/royale-website/src/main/resources/assets/apache-royale-logo.svg
new file mode 100644
index 0000000..1402ae3
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/resources/assets/apache-royale-logo.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 180 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g><path d="M34.727,161.312l-5.923,0l0,-21.483l10.563,0c0.994,0 1.954,0.117 2.879,0.351c0.925,0.23 [...]
\ No newline at end of file
diff --git a/examples/jewel/royale-website/src/main/resources/assets/royale_spheres.png b/examples/jewel/royale-website/src/main/resources/assets/royale_spheres.png
new file mode 100644
index 0000000..f579008
Binary files /dev/null and b/examples/jewel/royale-website/src/main/resources/assets/royale_spheres.png differ
diff --git a/examples/jewel/royale-website/src/main/resources/jewel-example-index-template.html b/examples/jewel/royale-website/src/main/resources/jewel-example-index-template.html
new file mode 100644
index 0000000..764fe53
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/resources/jewel-example-index-template.html
@@ -0,0 +1,30 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta name="Custom Template for injecting custom style CSS">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+ <link rel="stylesheet" type="text/css" href="${application}.css">
+ <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
+${head}
+</head>
+<body>
+${body}
+</body>
+</html>
diff --git a/examples/jewel/royale-website/src/main/resources/jewel-example-styles.css b/examples/jewel/royale-website/src/main/resources/jewel-example-styles.css
new file mode 100644
index 0000000..17fd2b6
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/resources/jewel-example-styles.css
@@ -0,0 +1,70 @@
+/*
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+*/
+
+@namespace "http://www.w3.org/1999/xhtml";
+@namespace j "library://ns.apache.org/royale/jewel";
+
+j|IconButtonBar
+{
+ iconClass: ClassReference("org.apache.royale.icons.MaterialIcon")
+}
+
+.jewel.item.selected .basicItem, .jewel.item.selectable:active .basicItem, .jewel.item.hovered .basicItem {
+ color: #ffffff;
+}
+
+
+.jewel.drawerheader::before
+{
+ /*padding-top: 9 / 16 * 100%;*/
+ padding-top: 56.25%; /* 16:9 Aspect Ratio */
+}
+
+.wrapper {
+ outline: 1px dashed navy;
+}
+
+.box {
+ background: #666;
+ border-radius: 3px;
+ padding: 12px;
+ color: white;
+}
+
+.jewel.item.string
+{
+ background: #dedede;
+ border: 1px dashed #cccccc;
+ border-radius: 3px;
+ padding: 14px;
+}
+
+.codeExample
+{
+ border-radius: 10px;
+ border: 0px solid;
+}
+
+.navSectionItemRenderer .fonticon
+{
+ margin-right: 24px;
+}
+
diff --git a/examples/jewel/royale-website/src/main/royale/App.mxml b/examples/jewel/royale-website/src/main/royale/App.mxml
new file mode 100644
index 0000000..ba38f2b
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/royale/App.mxml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!---
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+-->
+<j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:local="*" initialize="setUp()">
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.royale.jewel.beads.validators.Validator;
+ import org.apache.royale.utils.css.loadCSS;
+
+ public function setUp():void
+ {
+ // you can change language here
+ //Validator.locale = "es_ES";
+ }
+ ]]>
+ </fx:Script>
+ <fx:Style source="../../main/resources/jewel-example-styles.css"/>
+
+ <j:valuesImpl>
+ <js:SimpleCSSValuesImpl />
+ </j:valuesImpl>
+
+ <j:initialView>
+ <local:MainContent/>
+ </j:initialView>
+</j:Application>
diff --git a/examples/jewel/royale-website/src/main/royale/MainContent.mxml b/examples/jewel/royale-website/src/main/royale/MainContent.mxml
new file mode 100644
index 0000000..ac14c68
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/royale/MainContent.mxml
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements. See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License. You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+-->
+<j:ApplicationResponsiveView xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:local="*"
+ >
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.royale.events.Event;
+
+ public var md:markdownit;
+
+ public function initComplete(event:Event):void
+ {
+ md = new markdownit('commonmark', {
+ html:true,
+ xhtmlOut: true,
+ breaks: true,
+ linkify: true,
+ typographer: true,
+ highlight: myHighlight
+ });
+
+ lab.html = md.render('# Marked in browser\n\nRendered by **marked**. Syntax highlighting\n ```js \n var foo = function (bar) { \n return bar++; \n }; \n console.log(foo(5));\n ```');
+ }
+
+ public function myHighlight(str:String, lang:String):String {
+ if (lang && hljs.getLanguage(lang))
+ {
+ try {
+ return '<pre class="hljs"><code>' + hljs.highlight(lang, str, true).value + '</code></pre>';
+ // return hljs.highlight(lang, str).value;
+ } catch (error:Error)
+ {
+
+ }
+ }
+
+ return ''; // use external default escaping
+ }
+
+ public function markDownComplete():void
+ {
+ trace("finished!!");
+ }
+ ]]>
+ </fx:Script>
+
+ <j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
+
+ <j:VContainer initComplete="initComplete(event)" width="400" height="400">
+ <j:Label localId="lab" multiline="true"/>
+ </j:VContainer>
+
+</j:ApplicationResponsiveView>
diff --git a/examples/jewel/royale-website/src/main/royale/hljs.as b/examples/jewel/royale-website/src/main/royale/hljs.as
new file mode 100644
index 0000000..f6e636c
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/royale/hljs.as
@@ -0,0 +1,61 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+ /**
+ * @externs
+ */
+ COMPILE::JS
+ public class hljs
+ {
+ /**
+ * <inject_html>
+ * <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
+ * <link rel="stylesheet" title="Atom One Dark" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css">
+ * </inject_html>
+ */
+ public function hljs(){}
+
+ public static function highlightBlock(block:Element):void {}
+
+ public static function getLanguage(name:String):Object {
+ return null;
+ }
+
+ /**
+ * Core highlighting function.
+ *
+ * @param {string} languageName - the language to use for highlighting
+ * @param {string} code - the code to highlight
+ * @param {boolean} ignore_illegals - whether to ignore illegal matches, default is to bail
+ * @param {array<mode>} continuation - array of continuation modes
+ *
+ * @returns an object that represents the result
+ * @property {string} language - the language name
+ * @property {number} relevance - the relevance score
+ * @property {string} value - the highlighted HTML code
+ * @property {string} code - the original raw code
+ * @property {mode} top - top of the current mode stack
+ * @property {boolean} illegal - indicates whether any illegal matches were found
+ */
+ public static function highlight(languageName:String, code:String, ignore_illegals:Boolean = false, continuation:Array = null):Object {
+ return null;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/jewel/royale-website/src/main/royale/markdownit.as b/examples/jewel/royale-website/src/main/royale/markdownit.as
new file mode 100644
index 0000000..ca73014
--- /dev/null
+++ b/examples/jewel/royale-website/src/main/royale/markdownit.as
@@ -0,0 +1,47 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+ /**
+ * @externs
+ */
+ COMPILE::JS
+ public class markdownit
+ {
+ /**
+ *
+ * <inject_html>
+ * <script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/10.0.0/markdown-it.min.js"></script>
+ * </inject_html>
+ *
+ * presetName: 'commonmark', 'default', 'zero'
+ */
+ public function markdownit(presetName:Object = 'default', options:Object = null) {}
+
+ public function render(s:String):String
+ {
+ return null;
+ }
+
+ public function renderInline(s:String):String
+ {
+ return null;
+ }
+ }
+}
\ No newline at end of file