Class: Scriptorium::StandardFiles

Inherits:
Object
  • Object
show all
Includes:
Helpers
Defined in:
lib/scriptorium/standard_files.rb

Instance Method Summary collapse

Methods included from Helpers

#cf_time, #change_config, #clean_slugify, #copy_gem_asset_to_user, #copy_to_clipboard, #d4, #escape_html, #generate_missing_asset_svg, #get_asset_path, #get_from_clipboard, #getvars, #list_gem_assets, #make_dir, #make_tree, #need, #read_commented_file, #read_file, #see, #see_file, #slugify, #substitute, #system!, #view_dir, #write_file, #write_file!, #ymdhms

Methods included from Exceptions

#make_exception

Constructor Details

#initialize ⇒ StandardFiles

remove?



7
8
 
# File 'lib/scriptorium/standard_files.rb', line 7

def initialize   # remove?
end

Instance Method Details

#available_widgets ⇒ Object 



208
209
210
211
212
213
214
 
# File 'lib/scriptorium/standard_files.rb', line 208

def available_widgets
  <<~EOS
    links
    pages
    featuredposts
  EOS
end

#bootstrap_css ⇒ Object 



189
190
191
192
193
194
195
196
197
 
# File 'lib/scriptorium/standard_files.rb', line 189

def bootstrap_css
  <<~EOS
  href         https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
  rel          stylesheet
  # integrity has a problem - compute instead?
  # integrity    sha384-KyZXEJ04F5o1v7V5b7ZMjGhGjxA8yQmBfvZwzI1r+0gEv+9KnQIMJxWwzD0u8nZ7
  # crossorigin  anonymous
  EOS
end

#bootstrap_js ⇒ Object 



199
200
201
202
203
204
205
206
 
# File 'lib/scriptorium/standard_files.rb', line 199

def bootstrap_js
  <<~EOS
  src          https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js
  # integrity has a problem - compute instead?
  # integrity    sha384-pzjw8f+ua7Kw1TIq0+v5+GZkR6P/6v03cI0myXcJU22Hc5p5BY5/X93HmaJXjm4C
  crossorigin  anonymous
  EOS
end

#common_js ⇒ Object 



27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
 
# File 'lib/scriptorium/standard_files.rb', line 27

def common_js
  <<~EOS
    // Handle the back button (or JavaScript history.go(-1))
    window.onpopstate = function(event) {
      console.log('onpopstate event:', event); // Log the event object
      if (event.state && event.state.slug) {
        console.log('Navigating to slug:', event.state.slug); // Log the slug
        load_main(event.state.slug);  // Load the post for the previous history state
      }
    };

      // Initialize with the front page when navigating via the back button or similar
window.onload = function() {
  // Check if the URL has a post parameter and load it automatically
  const urlParams = new URLSearchParams(window.location.search);
  const postParam = urlParams.get('post');
  
  if (postParam) {
    // URL has a post parameter, load the post content
    console.log('Auto-loading post from URL parameter:', postParam);
    load_main('index.html?post=' + postParam);
    return;
  }
  
  // Check if the initial state exists, if not, set it
  if (!history.state) {
     // Don't try to load post_index.html if there are no posts
     // The "No posts yet!" message is already in the main container
     history.replaceState({ slug: "index.html" }, "", "index.html");
  }
  

};

  // Load the main content and other page containers (header, footer, left, right)
  function load_main(slug) {
      // Get all container elements (header, footer, left, right, and main)
      const contentDiv = document.getElementById("main");
      const headerDiv = document.querySelector("header");
      const footerDiv = document.querySelector("footer");
      const leftDiv = document.querySelector(".left");
      const rightDiv = document.querySelector(".right");
      console.log('Loading main with slug:', slug); // Log the slug

                    // Check if this is a post parameter request
    if (slug.includes('?post=')) {
        const postSlug = slug.split('?post=')[1];
        console.log('Loading post:', postSlug);
        
        // Load the post content - add .html extension if it's missing
        const postFile = postSlug.endsWith('.html') ? postSlug : postSlug + '.html';
        fetch('posts/' + postFile)
            .then(response => {
                if (response.ok) {
                    return response.text();
                } else {
                    console.error('Failed to load post:', response.status);
                    return 'Post not found';
                }
            })
            .then(content => {
                contentDiv.innerHTML = content;
                history.pushState({slug: 'index.html?post=' + postSlug}, "", 'index.html?post=' + postSlug);
            })
            .catch(error => {
                console.log("Error loading post:", error);
                contentDiv.innerHTML = 'Error loading post';
            });
        return;
    }

    // Check if this is a static page request (pages/, assets/, etc.)
    if (slug.startsWith('pages/') || slug.startsWith('assets/') || slug.includes('/')) {
        console.log('Loading static page:', slug);
        // Simple approach: always go back to index.html directory and fetch from there
        fetch(slug)
            .then(response => {
                if (response.ok) {
                    return response.text();
                } else {
                    console.error('Failed to load static page:', response.status);
                    return 'Page not found';
                }
            })
            .then(content => {
                contentDiv.innerHTML = content;
                // Don't change the URL for static pages to avoid path resolution issues
                history.pushState({slug: slug}, "", window.location.pathname);
            })
            .catch(error => {
                console.log("Error loading static page:", error);
                contentDiv.innerHTML = 'Error loading page';
            });
        return;
    }

    fetch(slug)
      .then(response => {
          if (response.ok) {
              console.log('Response is ok');
              return response.text();
          } else {
              console.error('Failed to load:', response.status); // Log the failed response
          }
      })
      .then(content => {
          console.log('Loaded content into div'); // Log successful content insertion

          // Now, reload the content into the respective containers:
          // Main section
          contentDiv.innerHTML = content;

          // Re-insert header, footer, left, and right (if necessary)
          // If you want the static layout to be kept, you can preserve these parts
          // with additional logic or predefined structure (here it's assumed 
          // that header/footer/left/right are already statically included).
          
          // You can also replace the other parts (left, right, header, footer) if needed.
          history.pushState({slug: slug}, "", slug);  // Update browser history
          

      })
      .catch(error => {
          console.log("Error loading content:", error); // Log any errors during fetch
      });
    }

    // Copy permalink to clipboard functionality
    function copyPermalinkToClipboard() {
      // Get the current post slug from the URL or construct it
      const currentUrl = window.location.href;
      let permalinkUrl;
      
      if (currentUrl.includes('?post=')) {
        // We're on the main blog page, construct the permalink URL
        const postSlug = currentUrl.split('?post=')[1];
        const baseUrl = window.location.origin + window.location.pathname.replace(/\/[^\/]*$/, '');
        permalinkUrl = baseUrl + '/permalink/' + postSlug;
      } else {
        // We're already on a permalink page, use current URL
        permalinkUrl = currentUrl;
      }
      
      navigator.clipboard.writeText(permalinkUrl).then(function() {
        // Change button text temporarily to show success
        const button = event.target;
        const originalText = button.textContent;
        button.textContent = 'Copied!';
        button.style.background = '#28a745';
        setTimeout(function() {
          button.textContent = originalText;
          button.style.background = '#007bff';
        }, 2000);
      }).catch(function(err) {
        console.error('Failed to copy: ', err);
        alert('Failed to copy link to clipboard');
      });
    }
  EOS
end

#deploy_text ⇒ Object 



494
495
496
497
498
499
500
501
502
 
# File 'lib/scriptorium/standard_files.rb', line 494

def deploy_text
  <<~EOS
    user      root
    server    %{domain}
    docroot   /var/www/html
    path      %{view}
    proto     https
  EOS
end

#html_head_content(view = nil) ⇒ Object 



10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
# File 'lib/scriptorium/standard_files.rb', line 10

def html_head_content(view = nil)
  line1global = "# This global file supplies the default values for all views."
  line2view   = "# This view-specific file supplies the default values for this view."
  line1 = view ? line2view : line1global
  str = <<~EOS
    #{line1}
    # title is omitted - filled in at generation 
    charset    UTF-8
    desc       A blog powered by Scriptorium. This is default text intended to be changed by the user.
    viewport   width=device-width  initial-scale=1.0
    robots     index  follow
    javascript # See common.js 
    bootstrap  # See bootstrap.txt
    social     # See social.txt for configuration
  EOS
end

#index_entry ⇒ Object

<!– posts/%Scriptorium::StandardFiles.postpost.slug“ –>



410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
 
# File 'lib/scriptorium/standard_files.rb', line 410

def index_entry
  # Note the use of %% to escape the % in the flex-basis attribute!
  <<~EOS
    <div class="index-entry" style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;">
      <!-- Left Side: Date (right aligned) -->
      <div style="text-align: right; font-size: 0.7em; flex-basis: 10%%; padding-top: 3px;">
        <div>%{post.pubdate.month} %{post.pubdate.day}</div>
        <div>%{post.pubdate.year}</div>
      </div>
      <!-- Right Side: Title and Blurb (left aligned) -->
      <div style="font-size: 1.2em; margin-left: 10px; flex-grow: 1; padding-top: 0;">
        <div><a href="javascript:void(0)" 
                style="text-decoration: none;"
                onclick="load_main('index.html?post=%{post.slug}')">%{post.title}</a></div>
        <div style="font-size: 0.9em;">%{post.blurb}</div>
      </div>
    </div>
  EOS
end

#initial_post(mode = :filled, num: "0", title: nil, blurb: nil, views: nil, tags: nil, body: nil) ⇒ Object 



243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
 
# File 'lib/scriptorium/standard_files.rb', line 243

def initial_post(mode = :filled, num: "0", title: nil, blurb: nil, views: nil,
                tags: nil, body:  nil)
  # FIXME - screwed up?
  title ||= "ADD TITLE HERE"
  blurb ||= "ADD BLURB HERE"
  views ||= %w[sample]
  tags  ||= %w[sample tags]
  body  ||= "BEGIN HERE..."

  str = 
  <<~EOS
    . Initial file created by StandardFiles#post_template(num)
    
    .id %{num}
    .created %{created}
    
    .title %{title}
    .blurb %{blurb}
    
    .views %{views}  
    .tags  %{tags}   
    
    #{body}
  EOS

  return str if mode == :raw
  mytags = tags
  mytags = tags.join(", ") if tags.is_a?(Array)
  str2 = str % {num: d4(num.to_i), created: ymdhms, title: title, blurb: blurb,
                views: views.join(" "), tags: mytags}
  return str2
end

#initial_post_content(title: nil, blurb: nil, views: nil, tags: nil, body: nil) ⇒ Object 



276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
 
# File 'lib/scriptorium/standard_files.rb', line 276

def initial_post_content(title: nil, blurb: nil, views: nil, tags: nil, body: nil)
  title ||= "ADD TITLE HERE"
  blurb ||= "ADD BLURB HERE"
  views ||= %w[sample]
  tags  ||= %w[sample tags]
  body  ||= "BEGIN HERE..."

  mytags = tags
  mytags = tags.join(", ") if tags.is_a?(Array)

  <<~EOS
    .title #{title}
    .blurb #{blurb}
    .views #{views.join(" ")}
    .tags  #{mytags}
    
    #{body}
  EOS
end

#initial_post_metadata(num: "0", title: nil, blurb: nil, views: nil, tags: nil) ⇒ Object 



296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
 
# File 'lib/scriptorium/standard_files.rb', line 296

def initial_post_metadata(num: "0", title: nil, blurb: nil, views: nil, tags: nil)
  title ||= "ADD TITLE HERE"
  blurb ||= "ADD BLURB HERE"
  views ||= %w[sample]
  tags  ||= %w[sample tags]

  mytags = tags
  mytags = tags.join(", ") if tags.is_a?(Array)

  <<~EOS
    post.id #{d4(num.to_i)}
    post.created #{ymdhms}
    post.published no
    post.deployed no
    post.title #{title}
    post.blurb #{blurb}
    post.views #{views.join(" ")}
    post.tags  #{mytags}
  EOS
end

#layout_text ⇒ Object 



338
339
340
341
342
343
344
345
346
 
# File 'lib/scriptorium/standard_files.rb', line 338

def layout_text
  <<~EOS
    header      # Top (banner? title? navbar? etc.)
    left   15%  # Left sidebar, 15% width
    main        # Main (center) container - posts/etc.
    right  15%  # Right sidebar, 15% width
    footer      # Footer (copyright? mail? social media? etc.)
  EOS
end

#post_index_style ⇒ Object

Not really a file



348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
 
# File 'lib/scriptorium/standard_files.rb', line 348

def post_index_style   # Not really a file
  <<~EOS
    <style>
    body { font-family: verdana }

    .recent-title a {
      color: #010101;
      font-family: verdana;
      font-size: 28px;
      float: right;
      display: inline-block;
      text-align: top;
      text-decoration: none;
    }

    .recent-title a:hover {
      text-decoration: none;
    }

    .recent-title-text a {
      color: #0101a1;
      font-family: verdana;
      font-size: 22px; 
      display: block;
      text-decoration: none;
    }

    .recent-title-text a:hover {
      text-decoration: none;
    }

    .recent-date {
      color: #9a9a9a;
      font-family: verdana;
      font-size: 15px;
      display: block;
      float: left;
      text-align: top;
    }

    .mydrop {
      color: #444444;
      float: left;
      text-align: top;
    # font-family: Verdana;
      font-size: 38px;
      line-height: 38px;
    # padding-top: 0px;
      padding-right: 8px;
      padding-left: 3px;
    }

    .thumbnail img {
        max-height: 100%;
        max-width: 100%;
    }
    </style>
  EOS
end

#post_template(theme) ⇒ Object 



317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
 
# File 'lib/scriptorium/standard_files.rb', line 317

def post_template(theme)
  str = <<~EOS
    <!-- theme: #{theme} -->

    <div align='right'><a style="text-decoration: none" href="index.html">
      <img src="assets/back-icon.png" width=24 height=24 alt="Go to Index"></img></a>
    </div>
    <div style="display: flex; justify-content: space-between; align-items: baseline;">
      <span style="text-align: left; font-size: 1.5em;">%{post.title}</span>
      <span style="text-align: right; font-size: 0.9em;">%{reddit_button}%{post.pubdate}</span>
    </div>
    <hr>
    %{post.body}
    <hr>
    <div style="text-align: right; font-size: 0.8em;">%{post.tags}</div>
    <div style="text-align: center; margin-top: 20px;">
      <button onclick="copyPermalinkToClipboard()" style="padding: 8px 16px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer;">Copy link</button>
    </div>
  EOS
end

#reddit_config ⇒ Object 



228
229
230
231
232
233
234
235
236
237
238
239
240
241
 
# File 'lib/scriptorium/standard_files.rb', line 228

def reddit_config
  <<~EOS
    # Reddit sharing button configuration
    # Set to true to show Reddit share button on posts
    button true
    
    # Optional: specify a subreddit for direct posting
    # Leave empty or omit to let users choose subreddit
    subreddit
    
    # Optional: custom hover text (defaults to "Share on Reddit" or "Share on [subreddit]")
    hover_text
  EOS
end

#social_config ⇒ Object 



216
217
218
219
220
221
222
223
224
225
226
 
# File 'lib/scriptorium/standard_files.rb', line 216

def social_config
  <<~EOS
    # Available platforms: facebook twitter linkedin reddit
    # List one platform per line to enable social meta tags
    facebook
    twitter
    
    # Note: No Facebook App ID or Twitter username required for basic meta tags
    # These are only needed if you want to add social sharing buttons later
  EOS
end

#status_txt ⇒ Object 



504
505
506
507
508
509
510
511
512
513
514
 
# File 'lib/scriptorium/standard_files.rb', line 504

def status_txt
  <<~EOS
    header n
    banner n
    navbar n
    left n
    right n
    pages n
    deploy n
  EOS
end

#svg_txt ⇒ Object 



472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
 
# File 'lib/scriptorium/standard_files.rb', line 472

def svg_txt
  <<~EOS
    aspect          7.0  
    text.font       verdana  
    title.color     #cccccc
    subtitle.color  #cccccc
    text.justify    left   

    title.scale     0.7   
    subtitle.scale  0.3  

    title.style     bold  
    subtitle.style  bold italic 
    title.xy        15 60
    subtitle.xy     15 85

    back.linear #0000cc #000077 lr


  EOS
end

#theme_footer ⇒ Object 



439
440
441
442
443
444
 
# File 'lib/scriptorium/standard_files.rb', line 439

def theme_footer
  <<~EOS
    # <!-- Section: footer -->
    # Contents of footer
  EOS
end

#theme_header ⇒ Object

Add theme name to these files??



430
431
432
433
434
435
436
437
 
# File 'lib/scriptorium/standard_files.rb', line 430

def theme_header     # Add theme name to these files??
  <<~EOS
    # <!-- Section: header -->
    # Contents of header
    # (may include banner, title, navbar, ...)
    title
  EOS
end

#theme_left ⇒ Object 



446
447
448
449
450
451
452
 
# File 'lib/scriptorium/standard_files.rb', line 446

def theme_left
  <<~EOS
    # <!-- Section: left -->
    # Contents of left sidebar
    # (may be widgets or whatever)
  EOS
end

#theme_main ⇒ Object 



462
463
464
465
466
467
468
469
470
 
# File 'lib/scriptorium/standard_files.rb', line 462

def theme_main
  <<~EOS
    # <!-- Section: main -->
    # Contents of center pane
    # This may be empty, as it is "usually" populated
    # by Javascript (list of recent posts, content from
    # a widget, or whatever)
  EOS
end

#theme_right ⇒ Object 



454
455
456
457
458
459
460
 
# File 'lib/scriptorium/standard_files.rb', line 454

def theme_right
  <<~EOS
    # <!-- Section: right -->
    # Contents of right sidebar
    # (may be widgets or whatever)
  EOS
end