use module script

wikimedia · Nov 13, 2023 · d6e27d1 · d6e27d1
1 parent 38408ee
commit d6e27d1
Show file tree

Hide file tree

Showing 11 changed files with 28 additions and 28 deletions.
diff --git a/demo/articles/arabic.html b/demo/articles/arabic.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'ar'
             });

diff --git a/demo/articles/bahasaIndonesia.html b/demo/articles/bahasaIndonesia.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -49,8 +49,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'id',
                 detectLinks: true

diff --git a/demo/articles/english.html b/demo/articles/english.html
@@ -9,15 +9,15 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../../dist/style.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
-        <a href="../../index.html">
+        <a href="../index.html">
             <div class="header">Wikipedia Preview demo</div>
         </a>
         <div class="container">
             <div class="cover" style="background-image: url('../img/english-pic.png');">
-                <a href="../../index.html">
+                <a href="../index.html">
                     <div class="close-btn">
                         <div class="outer">
                             <img alt="Image/" src="../img/oval.png" class="oval" />
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script type="module" src="../../dist/wikipedia-preview.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'en',
                 detectLinks: true,

diff --git a/demo/articles/french.html b/demo/articles/french.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'fr'
             });

diff --git a/demo/articles/hindi.html b/demo/articles/hindi.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -55,8 +55,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'hi'
             });

diff --git a/demo/articles/spanish.html b/demo/articles/spanish.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
         <style>
             @media screen and (max-width: 650px) {
                 .customize-background-position {    
@@ -64,8 +64,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'es'
             });

diff --git a/demo/articles/test.html b/demo/articles/test.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -52,8 +52,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'en',
                 events: {

diff --git a/demo/articles/thai.html b/demo/articles/thai.html
@@ -9,7 +9,7 @@
         <link href="../css/header.css" rel="stylesheet" type="text/css"/>
         <link href="../css/footer.css" rel="stylesheet" type="text/css"/>
         <link href="../css/article.css" rel="stylesheet" type="text/css"/>
-        <link href="../wikipedia-preview.css" rel="stylesheet" type="text/css"/>
+        <link href="../../style/link.css" rel="stylesheet" type="text/css"/>
     </head>
     <body>
         <a href="../index.html">
@@ -49,8 +49,8 @@
             </p>
         </div>
         <!-- Scripts -->
-        <script src="../wikipedia-preview.development.js"></script>
-        <script>
+        <script type="module">
+            import wikipediaPreview from '/src/index.js' ;
             wikipediaPreview.init({
                 lang: 'th'
             });

diff --git a/index.html → demo/index.html b/index.html → demo/index.html
diff --git a/src/index.js b/src/index.js
@@ -201,4 +201,4 @@ function init( {
 
 // version()
 
-export { init, version, getPreviewHtml }
+export default { init, version, getPreviewHtml }
diff --git a/vite.config.js b/vite.config.js
@@ -11,7 +11,7 @@ export default defineConfig({
 //   plugins: [
 //     vue(),
 //   ],
-  base: './',
+  base: '/',
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./demo', import.meta.url))
Original file line number	Diff line number	Diff line change
Expand Up		@@ -201,4 +201,4 @@ function init( {

		// version()

		export { init, version, getPreviewHtml }
		export default { init, version, getPreviewHtml }