refs 120355: apply FB

apps/app/src/client/services/renderer/renderer.tsx

@@ -34,6 +34,7 @@ import loggerFactory from '~/utils/logger';
 // import EasyGrid from './PreProcessor/EasyGrid';
 
 import '@growi/remark-lsx/dist/client/style.css';
+import '@growi/remark-attachment-refs/dist/client/style.css';
 
 
 const logger = loggerFactory('growi:cli:services:renderer');

packages/remark-attachment-refs/README.md

@@ -11,9 +11,9 @@ Examples
 
 ![refsimg](https://user-images.githubusercontent.com/1638767/64986528-1c54eb00-d902-11e9-95dc-2784fa15746c.gif)
 
-### Image Carousel
+<!-- ### Image Carousel
 
-![lightbox](https://user-images.githubusercontent.com/1638767/64986530-1e1eae80-d902-11e9-8711-b5df3572769c.gif)
+![lightbox](https://user-images.githubusercontent.com/1638767/64986530-1e1eae80-d902-11e9-8711-b5df3572769c.gif) -->
 
 
 Usage
@@ -113,7 +113,7 @@ $refsimg(prefix=/somewhere, grid=autofill, grid-gap=1px)
   - `col-6` : Grid layout with 6 columns
 - *`grid-gap`* : Grid gap
   - e.g. `grid-gap=1px`
-- *`no-carousel`* : Omit carousel function and just show images
+<!-- - *`no-carousel`* : Omit carousel function and just show images -->
 
 
 ### `$gallery` tag

packages/remark-attachment-refs/package.json

@@ -29,11 +29,11 @@
     "test": ""
   },
   "dependencies": {
-    "browser-bunyan": "^1.6.3",
     "bunyan": "^1.8.15",
-    "http-errors": "^2.0.0",
     "universal-bunyan": "^0.9.2",
-    "@growi/core": "^6.1.0-RC.0"
+    "@growi/core": "^6.1.0-RC.0",
+    "@growi/remark-growi-directive": "^6.1.0-RC.0",
+    "@growi/ui": "^6.1.0-RC.0"
   },
   "devDependencies": {
     "eslint-plugin-regex": "^1.8.0",

packages/remark-attachment-refs/src/client/components/ExtractedAttachments.tsx

@@ -15,7 +15,7 @@ type Props = {
  *  1. when 'fileFormat' is image, render Attachment as an image
  *  2. when 'fileFormat' is not image, render Attachment as an Attachment component
  */
-// TODO: implement image carousel modal without using react-images
+// TODO https://redmine.weseek.co.jp/issues/121095: implement image carousel modal without using react-images
 export const ExtractedAttachments = React.memo(({
   attachments,
   refsContext,

packages/remark-attachment-refs/vite.client.config.ts

@@ -19,10 +19,11 @@ export default defineConfig({
     rollupOptions: {
       external: [
         'bunyan',
-        'http-errors',
         'universal-bunyan',
         'react',
         'react-dom',
+        /^hast-.*/,
+        /^unist-.*/,
         /^@growi\/.*/,
       ],
     },

packages/remark-attachment-refs/vite.server.config.ts

@@ -23,10 +23,11 @@ export default defineConfig({
       },
       external: [
         'bunyan',
-        'http-errors',
         'universal-bunyan',
         'react',
         'react-dom',
+        /^hast-.*/,
+        /^unist-.*/,
         /^@growi\/.*/,
       ],
     },

turbo.json

@@ -20,7 +20,7 @@
     },
 
     "@growi/remark-attachment-refs#build": {
-      "dependsOn": ["^build"],
+      "dependsOn": ["@growi/core#build", "@growi/remark-growi-directive#build", "@growi/ui#build"],
       "outputs": ["dist/**"],
       "outputMode": "new-only"
     },
@@ -64,7 +64,7 @@
     },
 
     "@growi/remark-attachment-refs#dev": {
-      "dependsOn": ["^dev"],
+      "dependsOn": ["@growi/core#dev", "@growi/remark-growi-directive#dev", "@growi/ui#dev"],
       "outputs": ["dist/**"],
       "outputMode": "new-only"
     },
@@ -133,7 +133,7 @@
     },
 
     "@growi/remark-attachment-refs#lint": {
-      "dependsOn": ["^dev"]
+      "dependsOn": ["@growi/core#dev", "@growi/remark-growi-directive#dev", "@growi/ui#dev"]
     },
     "@growi/ui#lint": {
       "dependsOn": ["@growi/core#dev"]