[New Feature] Add web folder to support web documentation

docs/plugins/remark-snackplayer/tests/index.js

@@ -0,0 +1,30 @@
+const path = require('path');
+const fs = require('fs');
+const test = require('tape');
+const remark = require('remark');
+const snackplayer = require('../');
+
+const read = name => fs.readFileSync(path.join(__dirname, name), 'utf8');
+const normalizeLineEndings = str => str.replace(/\r\n/g, '\n');
+
+test('remark-snackplayer', async t => {
+  const processor = remark().use(snackplayer);
+
+  processor.process(read('markdown/test1.md'), (err, file) => {
+    if (err) t.fail('Failed to process markdown/test1.md');
+    t.equal(
+      normalizeLineEndings(String(file)),
+      normalizeLineEndings(read('output/output1.html')),
+      'With 1 Code Block'
+    );
+  });
+
+  processor.process(read('markdown/test2.md'), (err, file) => {
+    if (err) t.fail('Failed to process markdown/test2.md');
+    t.equal(
+      normalizeLineEndings(String(file)),
+      normalizeLineEndings(read('output/output2.html')),
+      'With 2 Code Blocks'
+    );
+  });
+});

docs/plugins/remark-snackplayer/tests/markdown/test1.md

@@ -0,0 +1,16 @@
+```SnackPlayer name=Hello%20World
+import React from 'react';
+import { Text, View } from 'react-native';
+
+const YourApp = () => {
+    return (
+    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+        <Text>
+        Try editing me! 🎉
+        </Text>
+    </View>
+    );
+}
+
+export default YourApp;
+```

docs/plugins/remark-snackplayer/tests/markdown/test2.md

@@ -0,0 +1,38 @@
+```SnackPlayer name=FirstPlayer
+import React from 'react';
+import { Text, View } from 'react-native';
+
+const YourApp = () => {
+    return (
+    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+        <Text>
+        Try editing me! 🎉
+        </Text>
+    </View>
+    );
+}
+
+export default YourApp;
+```
+
+```SnackPlayer name=SecondPlayer&theme=dark&preview=false&supportedPlatforms=ios&loading=eager&dependencies=@react-native-community/slider
+import React from 'react';
+import { View } from 'react-native';
+import Slider from '@react-native-community/slider';
+
+const YourApp = () => {
+    return (
+    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+        <Slider
+          style={{width: 200, height: 40}}
+          minimumValue={0}
+          maximumValue={1}
+          minimumTrackTintColor="#FFFFFF"
+          maximumTrackTintColor="#000000"
+        />
+    </View>
+    );
+}
+
+export default YourApp;
+```

docs/plugins/remark-snackplayer/tests/output/output1.html

@@ -0,0 +1,12 @@
+<div
+  class="snack-player"
+  data-snack-name="Hello World"
+  data-snack-description="Example usage"
+  data-snack-code="import%20React%20from%20'react'%3B%0Aimport%20%7B%20Text%2C%20View%20%7D%20from%20'react-native'%3B%0A%0Aconst%20YourApp%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20return%20(%0A%20%20%20%20%3CView%20style%3D%7B%7B%20flex%3A%201%2C%20justifyContent%3A%20%22center%22%2C%20alignItems%3A%20%22center%22%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20Try%20editing%20me!%20%F0%9F%8E%89%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%3C%2FView%3E%0A%20%20%20%20)%3B%0A%7D%0A%0Aexport%20default%20YourApp%3B"
+  data-snack-dependencies=""
+  data-snack-platform="web"
+  data-snack-supported-platforms="ios,android,web"
+  data-snack-theme="light"
+  data-snack-preview="true"
+  data-snack-loading="lazy"
+></div>

docs/plugins/remark-snackplayer/tests/output/output2.html

@@ -0,0 +1,25 @@
+<div
+  class="snack-player"
+  data-snack-name="FirstPlayer"
+  data-snack-description="Example usage"
+  data-snack-code="import%20React%20from%20'react'%3B%0Aimport%20%7B%20Text%2C%20View%20%7D%20from%20'react-native'%3B%0A%0Aconst%20YourApp%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20return%20(%0A%20%20%20%20%3CView%20style%3D%7B%7B%20flex%3A%201%2C%20justifyContent%3A%20%22center%22%2C%20alignItems%3A%20%22center%22%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%0A%20%20%20%20%20%20%20%20Try%20editing%20me!%20%F0%9F%8E%89%0A%20%20%20%20%20%20%20%20%3C%2FText%3E%0A%20%20%20%20%3C%2FView%3E%0A%20%20%20%20)%3B%0A%7D%0A%0Aexport%20default%20YourApp%3B"
+  data-snack-dependencies=""
+  data-snack-platform="web"
+  data-snack-supported-platforms="ios,android,web"
+  data-snack-theme="light"
+  data-snack-preview="true"
+  data-snack-loading="lazy"
+></div>
+
+<div
+  class="snack-player"
+  data-snack-name="SecondPlayer"
+  data-snack-description="Example usage"
+  data-snack-code="import%20React%20from%20'react'%3B%0Aimport%20%7B%20View%20%7D%20from%20'react-native'%3B%0Aimport%20Slider%20from%20'%40react-native-community%2Fslider'%3B%0A%0Aconst%20YourApp%20%3D%20()%20%3D%3E%20%7B%0A%20%20%20%20return%20(%0A%20%20%20%20%3CView%20style%3D%7B%7B%20flex%3A%201%2C%20justifyContent%3A%20%22center%22%2C%20alignItems%3A%20%22center%22%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20%20%20style%3D%7B%7Bwidth%3A%20200%2C%20height%3A%2040%7D%7D%0A%20%20%20%20%20%20%20%20%20%20minimumValue%3D%7B0%7D%0A%20%20%20%20%20%20%20%20%20%20maximumValue%3D%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20minimumTrackTintColor%3D%22%23FFFFFF%22%0A%20%20%20%20%20%20%20%20%20%20maximumTrackTintColor%3D%22%23000000%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FView%3E%0A%20%20%20%20)%3B%0A%7D%0A%0Aexport%20default%20YourApp%3B"
+  data-snack-dependencies="@react-native-community/slider"
+  data-snack-platform="web"
+  data-snack-supported-platforms="ios"
+  data-snack-theme="dark"
+  data-snack-preview="false"
+  data-snack-loading="eager"
+></div>